:root{
  --aam-bg: #ffffff;
  --aam-panel: #fbfbfb;
  --aam-border: #e6e9ee;
  --aam-accent: #2b7be4;
  --aam-muted: #8a93a6;
  --aam-success: #1fa67a;
  --aam-radius: 10px;
  --aam-shadow: 0 6px 18px rgba(30,40,60,0.06);
  --aam-gap: 14px;
  --aam-font: "Helvetica Neue", Arial, sans-serif;
}

/* Container */
#aam_checkout_professional_fields{
  background: linear-gradient(180deg, rgba(43,123,228,0.03), transparent 60%);
  padding: 20px;
  border-radius: var(--aam-radius);
  border: 1px solid var(--aam-border);
  box-shadow: var(--aam-shadow);
  font-family: var(--aam-font);
  margin-bottom: 22px;
}

/* Section title */
#aam_checkout_professional_fields h3{
  margin: 0 0 14px 0;
  font-size: 1.05rem;
  color: #111827;
  font-weight: 600;
  display: inline-block;
  padding-bottom: 6px;
  border-bottom: 2px solid rgba(43,123,228,0.12);
}

/* Row layout */
#aam_checkout_professional_fields .form-row{
  margin-bottom: var(--aam-gap);
  clear: both;
}

/* Wide fields full width */
#aam_checkout_professional_fields .form-row-wide{
  width: 100%;
  box-sizing: border-box;
}

/* Two-column support: first/last */
#aam_checkout_professional_fields .form-row-first,
#aam_checkout_professional_fields .form-row-last{
  width: calc(50% - 8px);
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}

/* Ensure small gap between the two columns */
#aam_checkout_professional_fields .form-row-first{ margin-right: 16px; }
#aam_checkout_professional_fields .form-row-last{ margin-left: 0; }

/* Label styling */
#aam_checkout_professional_fields label{
  display: block;
  font-size: 0.875rem;
  color: #273444;
  margin-bottom: 6px;
  font-weight: 500;
}

/* optional text */
#aam_checkout_professional_fields label .optional{
  color: var(--aam-muted);
  font-weight: 400;
  font-style: italic;
  margin-left: 6px;
  font-size: 0.82rem;
}

/* Inputs & selects */
#aam_checkout_professional_fields .woocommerce-input-wrapper input[type="text"],
#aam_checkout_professional_fields .woocommerce-input-wrapper select,
#aam_checkout_professional_fields .woocommerce-input-wrapper input[type="tel"],
#aam_checkout_professional_fields .woocommerce-input-wrapper input[type="email"]{
  width: 100%;
  padding: 11px 14px;
  font-size: 0.95rem;
  border: 1px solid var(--aam-border);
  border-radius: 8px;
  background: var(--aam-bg);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
  transition: border-color .18s ease, box-shadow .18s ease, transform .08s ease;
  color: #0f1724;
  box-sizing: border-box;
}

/* Focus state */
#aam_checkout_professional_fields .woocommerce-input-wrapper input:focus,
#aam_checkout_professional_fields .woocommerce-input-wrapper select:focus{
  border-color: var(--aam-accent);
  box-shadow: 0 4px 18px rgba(43,123,228,0.12);
  outline: none;
  transform: translateY(-1px);
}

/* small subtle placeholder color */
#aam_checkout_professional_fields .woocommerce-input-wrapper ::placeholder{
  color: #98a0b3;
}

/* Select styling with custom arrow */
#aam_checkout_professional_fields .woocommerce-input-wrapper select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--aam-muted) 50%),
                    linear-gradient(135deg, var(--aam-muted) 50%, transparent 50%),
                    linear-gradient(to right, rgba(0,0,0,0.02), rgba(0,0,0,0.02));
  background-position: calc(100% - 18px) calc(50% - 3px), calc(100% - 13px) calc(50% - 3px), 100% 0;
  background-size: 8px 8px, 8px 8px, 2px 100%;
  background-repeat: no-repeat;
  padding-right: 38px;
}

/* Valid state */
#aam_checkout_professional_fields .woocommerce-validated input,
#aam_checkout_professional_fields .woocommerce-validated select{
  border-color: var(--aam-success);
  box-shadow: 0 6px 24px rgba(31,166,122,0.06);
}

/* Small helpers */
#aam_checkout_professional_fields .help-text{
  display: block;
  margin-top: 6px;
  font-size: 0.82rem;
  color: var(--aam-muted);
}

/* Make sure woocommerce-input-wrapper spans full width */
#aam_checkout_professional_fields .woocommerce-input-wrapper{
  display: block;
}

/* Responsive: stack columns on small screens */
@media (max-width: 768px){
  #aam_checkout_professional_fields{
    padding: 16px;
  }
  #aam_checkout_professional_fields .form-row-first,
  #aam_checkout_professional_fields .form-row-last{
    width: 100%;
    display: block;
    margin-right: 0;
  }
  #aam_checkout_professional_fields .form-row-first{ margin-bottom: 8px; }
}

/* Small polish for accessibility focus visible */
#aam_checkout_professional_fields .woocommerce-input-wrapper input:focus-visible,
#aam_checkout_professional_fields .woocommerce-input-wrapper select:focus-visible{
  outline: 3px solid rgba(43,123,228,0.12);
  outline-offset: 2px;
}

/* Add a light divider between sections if present in the future */
#aam_checkout_professional_fields + .aam_section{
  margin-top: 18px;
}

/* Slight animation for input appearance (subtle) */
#aam_checkout_professional_fields .woocommerce-input-wrapper input,
#aam_checkout_professional_fields .woocommerce-input-wrapper select{
  will-change: box-shadow, transform;
}