/* Remove styles for .btn-group and .selection-btn since no buttons */

/* Style for all input text boxes */
#industry,
#specialty,
#business_name_chinese {
  display: block;
  width: 100%;
  max-width: 400px;
  margin: 12px 0 20px 0;
  padding: 10px 12px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
  font-family: inherit;
}

/* On focus, highlight border */
#industry:focus,
#specialty:focus,
#business_name_chinese:focus {
  border-color: #0073aa;
  outline: none;
}

/* Table styling tweaks */
.w3-table td {
  vertical-align: middle;
  padding: 8px 10px;
  font-weight: 600;
  color: #333;
  min-width: 110px;
}

/* Optional: smaller help text styling */
.w3-small {
  font-size: 0.85em;
  color: #555;
  display: block;
  margin-top: 4px;
}

/* Checkout button styling (same as before, center aligned) */
#checkout_button_e3 {
  display: block;         /* acts as block element */
  margin: 30px auto 0;    /* centers horizontally and has top margin */
  padding: 12px 30px;
  background-color: #0073aa;
  color: #fff;
  font-weight: 700;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.25s ease;
  width: max-content;     /* shrink to content width */
  white-space: nowrap;
}

/* Hover effect for checkout button when enabled */
#checkout_button_e3:hover:not(:disabled) {
  background-color: #005177;
}

/* Disabled button style */
#checkout_button_e3[disabled],
#checkout_button_e3[style*="display: none"] {
  cursor: default;
  opacity: 0.6;
  pointer-events: none;
}

/* Container for checkout button */
#checkout_buttons_container {
  display: flex;
  justify-content: center; /* center horizontally */
  margin-top: 30px;
}

/* Responsive adjustments */
@media (max-width: 600px) {
  #industry,
  #specialty,
  #business_name_chinese {
    max-width: 100%;
    font-size: 14px;
  }
}