#add_payment_method #payment ul.payment_methods li label[for=payment_method_easyauthnet_authorizenet] img,
.woocommerce-cart #payment ul.payment_methods li label[for=payment_method_easyauthnet_authorizenet] img,
.woocommerce-checkout #payment ul.payment_methods li label[for=payment_method_easyauthnet_authorizenet] img {
    width: 35px;
}
#add_payment_method #payment ul.payment_methods li label[for=payment_method_easyauthnet_authorizenet] img:first-of-type,
.woocommerce-cart #payment ul.payment_methods li label[for=payment_method_easyauthnet_authorizenet] img:first-of-type,
.woocommerce-checkout #payment ul.payment_methods li label[for=payment_method_easyauthnet_authorizenet] img:first-of-type {
    margin-left: 5px;
}
#wc-easyauthnet_authorizenet-form{
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:14px;
    row-gap:10px;
    grid-auto-rows:min-content;
    max-width:350px;
    margin-bottom:8px !important;
    margin-top: 10px;
}
#wc-easyauthnet_authorizenet-form .easyauthnet_authorizenet-field{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:5px;
    margin:0 0 8px 0 !important;
}
#wc-easyauthnet_authorizenet-form .easyauthnet_authorizenet-field.full-width{
    grid-column:1 / -1;
}
#wc-easyauthnet_authorizenet-form .easyauthnet_authorizenet-field.half-width{
    grid-column:auto;
}
#wc-easyauthnet_authorizenet-form label{
    display:block !important;
    margin:0 0 0 2px !important;
    line-height:1.2 !important;
    color:#515151 !important;
    font-size:14px !important;
    font-weight:500 !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
}
#wc-easyauthnet_authorizenet-form input,
#wc-easyauthnet_authorizenet-form input[type="text"],
#wc-easyauthnet_authorizenet-form input[type="tel"],
#wc-easyauthnet_authorizenet-form input[type="email"],
#wc-easyauthnet_authorizenet-form input[type="number"]{
    -webkit-appearance:none;
    appearance:none;
    width:100% !important;
    height:44px !important;
    line-height:1.2 !important;
    padding:0 14px !important;
    box-sizing:border-box !important;
    color:#111827 !important;
    border:1px solid #D8D1D6 !important;
    border-radius:8px !important;
    box-shadow:none !important;
    outline:0 !important;
    font-size: 19px !important;
    font-weight: 500;
}
#wc-easyauthnet_authorizenet-form .input-text::placeholder{
    color:#94a3b8 !important;
    font-size:16px !important;
    font-weight:400 !important;
    opacity:.95 !important;
}
#wc-easyauthnet_authorizenet-form .input-text:hover:not(:disabled){
    border-color:#d8dee6 !important;
}
#wc-easyauthnet_authorizenet-form .input-text:focus,
#wc-easyauthnet_authorizenet-form .input-text:focus-visible{
    outline:none !important;
    border-color:#2563eb !important;
    box-shadow:0 0 0 3px rgba(37,99,235,.14) !important;
}
#wc-easyauthnet_authorizenet-form .input-text:disabled{
    opacity:.7 !important;
    cursor:not-allowed !important;
}
#easyauthnet_authorizenet-card-number{
    padding-right:52px;
    letter-spacing:.04em;
}
.easyauthnet_authorizenet-cvc-wrapper{
    position:relative;
}
.easyauthnet_authorizenet-cvc-wrapper .input-text{
    padding-inline-end:48px !important;
}
.easyauthnet_authorizenet-parent-card-cvv-icon{
    position:absolute;
    inset-inline-end:10px;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    pointer-events:none;
}
.easyauthnet_authorizenet-card-cvc-icon{
    width:1.95em;
    height:1.95em;
    opacity:.85;
}
#wc-easyauthnet_authorizenet-form .woocommerce-validated .input-text{
    border-color:#10b981 !important;
    box-shadow:0 0 0 2px rgba(16,185,129,.16) !important;
}
#wc-easyauthnet_authorizenet-form .woocommerce-invalid .input-text{
    border-color:#ef4444 !important;
    box-shadow:0 0 0 2px rgba(239,68,68,.14) !important;
}
#wc-easyauthnet_authorizenet-form .input-text:-webkit-autofill{
    -webkit-text-fill-color:inherit !important;
    box-shadow:0 0 0 1000px #fff inset !important;
}
.wc-credit-card-form-card-number.amex,
.wc-credit-card-form-card-number.diners,
.wc-credit-card-form-card-number.dinersclub,
.wc-credit-card-form-card-number.discover,
.wc-credit-card-form-card-number.discovercard,
.wc-credit-card-form-card-number.jcb,
.wc-credit-card-form-card-number.laser,
.wc-credit-card-form-card-number.maestro,
.wc-credit-card-form-card-number.mcdebit,
.wc-credit-card-form-card-number.mastercard,
.wc-credit-card-form-card-number.visa{
    background-repeat:no-repeat !important;
    background-position:right .618em center !important;
    background-size:32px 20px !important;
    padding-right: 52px !important;
}
.wc-block-components-radio-control-accordion-content .wc-credit-card-form-card-number.visa {
  background-image: url(../css/credit-cards/visa.svg) !important;
}
.wc-block-components-radio-control-accordion-content .wc-credit-card-form-card-number.mastercard {
  background-image: url(../css/credit-cards/mastercard.svg) !important;
}
.wc-block-components-radio-control-accordion-content .wc-credit-card-form-card-number.amex {
  background-image: url(../css/credit-cards/amex.svg) !important;
}
.wc-block-components-radio-control-accordion-content .wc-credit-card-form-card-number.discover,
.wc-credit-card-form-card-number.discovercard {
  background-image: url(../css/credit-cards/discover.svg) !important;
}
.wc-block-components-radio-control-accordion-content .wc-credit-card-form-card-number.jcb {
  background-image: url(../css/credit-cards/jcb.svg) !important;
}
.wc-block-components-radio-control-accordion-content .wc-credit-card-form-card-number.diners,
.wc-block-components-radio-control-accordion-content .wc-credit-card-form-card-number.dinersclub {
  background-image: url(../css/credit-cards/diners.svg) !important;
}
.wc-block-components-radio-control-accordion-content .wc-credit-card-form-card-number.laser {
  background-image: url(../css/credit-cards/laser.svg) !important;
}
.wc-block-components-radio-control-accordion-content .wc-credit-card-form-card-number.maestro,
.wc-block-components-radio-control-accordion-content .wc-credit-card-form-card-number.mcdebit {
  background-image: url(../css/credit-cards/maestro.svg) !important;
}
@media (prefers-reduced-motion: reduce){
    #wc-easyauthnet_authorizenet-form .input-text{
        transition:none !important;
    }
}
@media (max-width:480px){
    #wc-easyauthnet_authorizenet-form{
        grid-template-columns:1fr;
        row-gap:10px;
    }
}
/* =========================================================
 * Authorize.Net eCheck (ACH) – Classic Checkout Styling
 * ========================================================= */

/* Payment box spacing */
#payment .payment_box[class*="echeck"] .input-text,
#payment .payment_box[class*="echeck"] input[type="text"],
#payment .payment_box[class*="echeck"] input[type="tel"],
#payment .payment_box[class*="echeck"] input[type="email"],
#payment .payment_box[class*="echeck"] input[type="number"] {
 

  border-radius: 8px;
  
 
}
#payment .payment_box[class*="echeck"] {
  padding: 14px 14px 10px;
}

/* Fieldset reset */
#payment .payment_box[class*="echeck"] fieldset.wc-payment-form {
  margin: 0;
  padding: 0;
  border: 0;
}

/* Row spacing */
#payment .payment_box[class*="echeck"] .form-row {
  margin: 0 0 12px;
}

/* Labels */
#payment .payment_box[class*="echeck"] label {
  display: block !important;
  margin: 0 0 0 2px !important;
  line-height: 2 !important;
  color: #515151 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Inputs */
#payment .payment_box[class*="echeck"] .input-text {
  width: 100%;
  max-width: 420px;
  height: 44px;
  padding: 8px 12px;
  box-sizing: border-box;
}

/* Select (Account Type) – FULL WIDTH */
#payment .payment_box[class*="echeck"] select {
  width: 100%;
  max-width: 100%;          /* 👈 important fix */
  height: 44px;
  padding: 8px 12px;
  box-sizing: border-box;
}

/* Two-column layout */
#payment .payment_box[class*="echeck"] .form-row-first,
#payment .payment_box[class*="echeck"] .form-row-last {
  width: 48%;
  float: left;
}

#payment .payment_box[class*="echeck"] .form-row-last {
  float: right;
}

/* Clear floats */
#payment .payment_box[class*="echeck"] .clear {
  clear: both;
}

/* Mobile: stack fields */
@media (max-width: 640px) {
  #payment .payment_box[class*="echeck"] .form-row-first,
  #payment .payment_box[class*="echeck"] .form-row-last {
    width: 100%;
    float: none;
  }
}
/* ACH help text (non-clickable) */
.easyauthnet-echeck-help {
  margin-top: 4px;
  font-size: 13px;
}

.easyauthnet-echeck-help-text {
  color: #2271b1;
  cursor: help;                 /* help cursor, not pointer */
  text-decoration: underline dotted;
}

/* Tooltip image */
.easyauthnet-echeck-tooltip {
  display: none;
  margin-top: 8px;
}

.easyauthnet-echeck-tooltip img {
  max-width: 100%;
  border: 1px solid #ddd;
  border-radius: 4px;
}

/* Show tooltip on hover OR keyboard focus */
.easyauthnet-echeck-help:hover .easyauthnet-echeck-tooltip,
.easyauthnet-echeck-help:focus-within .easyauthnet-echeck-tooltip {
  display: block;
}
@media (max-width: 640px) {
  .easyauthnet-echeck-tooltip {
    display: block;
  }
}
/* =========================================================
 * eCheck (ACH) – Blocks Checkout parity with Credit Card UI
 * ========================================================= */

/* =========================================================
 * Authorize.Net eCheck (ACH) – Blocks Checkout (match Classic)
 * ========================================================= */

.wc-block-checkout .wc-block-components-radio-control-accordion-content
#wc-easyauthnet_authorizenet_echeck-echeck-form {


  /* Classic sizing */
  max-width: 420px;
  margin-top: 10px;

  /* Layout */
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 14px;
  row-gap: 12px;
  grid-auto-rows: min-content;
}

/* Rows */
.wc-block-checkout .wc-block-components-radio-control-accordion-content
#wc-easyauthnet_authorizenet_echeck-echeck-form .form-row {
  margin: 0 !important;
}

/* Ensure no float rules bleed into Blocks */
.wc-block-checkout .wc-block-components-radio-control-accordion-content
#wc-easyauthnet_authorizenet_echeck-echeck-form .form-row-first,
.wc-block-checkout .wc-block-components-radio-control-accordion-content
#wc-easyauthnet_authorizenet_echeck-echeck-form .form-row-last {
  float: none !important;
  width: auto !important;
}

/* Grid placement */
.wc-block-checkout .wc-block-components-radio-control-accordion-content
#wc-easyauthnet_authorizenet_echeck-echeck-form .form-row-wide {
  grid-column: 1 / -1;
}
.wc-block-checkout .wc-block-components-radio-control-accordion-content
#wc-easyauthnet_authorizenet_echeck-echeck-form .form-row-first {
  grid-column: 1;
}
.wc-block-checkout .wc-block-components-radio-control-accordion-content
#wc-easyauthnet_authorizenet_echeck-echeck-form .form-row-last {
  grid-column: 2;
}

/* Labels (match your Classic eCheck labels) */
.wc-block-checkout .wc-block-components-radio-control-accordion-content
#wc-easyauthnet_authorizenet_echeck-echeck-form label {
  display: block !important;
  margin: 0 0 0 2px !important;
  line-height: 2 !important; /* matches your classic */
  color: #515151 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Inputs + Select (match Classic: padding 8/12, height 44, radius 8) */
.wc-block-checkout .wc-block-components-radio-control-accordion-content
#wc-easyauthnet_authorizenet_echeck-echeck-form input.input-text,
.wc-block-checkout .wc-block-components-radio-control-accordion-content
#wc-easyauthnet_authorizenet_echeck-echeck-form select {
  width: 100% !important;
  max-width: 100% !important;

  height: 44px !important;
  padding: 8px 12px !important; /* ✅ Classic parity */
  box-sizing: border-box !important;

  border: 1px solid #D8D1D6 !important;
  border-radius: 8px !important;
  background: #fff !important;

  color: #111827 !important;
  font-size: 16px !important; /* Classic feels smaller than CC (19px). */
  font-weight: 400 !important;
  line-height: 1.2 !important;

  box-shadow: none !important;
  outline: 0 !important;
}

/* Focus ring (keep your blue ring) */
.wc-block-checkout .wc-block-components-radio-control-accordion-content
#wc-easyauthnet_authorizenet_echeck-echeck-form input:focus,
.wc-block-checkout .wc-block-components-radio-control-accordion-content
#wc-easyauthnet_authorizenet_echeck-echeck-form input:focus-visible,
.wc-block-checkout .wc-block-components-radio-control-accordion-content
#wc-easyauthnet_authorizenet_echeck-echeck-form select:focus,
.wc-block-checkout .wc-block-components-radio-control-accordion-content
#wc-easyauthnet_authorizenet_echeck-echeck-form select:focus-visible {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.14) !important;
}

/* Placeholder */
.wc-block-checkout .wc-block-components-radio-control-accordion-content
#wc-easyauthnet_authorizenet_echeck-echeck-form input::placeholder {
  color: #94a3b8 !important;
}

/* Mobile: stack fields */
@media (max-width: 640px) {
  .wc-block-checkout .wc-block-components-radio-control-accordion-content
  #wc-easyauthnet_authorizenet_echeck-echeck-form {
    grid-template-columns: 1fr;
  }

  .wc-block-checkout .wc-block-components-radio-control-accordion-content
  #wc-easyauthnet_authorizenet_echeck-echeck-form .form-row-first,
  .wc-block-checkout .wc-block-components-radio-control-accordion-content
  #wc-easyauthnet_authorizenet_echeck-echeck-form .form-row-last {
    grid-column: 1 / -1;
  }
}
.easyauthnet-proceed-to-checkout-button-separator.desktop.responsive {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto;
  position: relative;
  width: 100%;
  max-width: 750px;
}
.easyauthnet-proceed-to-checkout-button-separator::before, .easyauthnet-proceed-to-checkout-button-separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #e0e0e0;
  margin: 0 6px;
}
.easyauthnet-proceed-to-checkout-button-separator span {
  font-weight: 500;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  padding: 0 8px;
  position: relative;
  z-index: 1;
}
.easyauthnet-gpay-express-wrap.cart.desktop.responsive {
  width: 100%;
  line-height: 0;
  margin: 0 auto 14px;
  text-align: center;
  outline: none;
  position: relative;
  z-index: 98;
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
  max-width: 750px;
  height: 48px;
}
.easyauthnet-gpay-express-wrap.checkout.desktop.responsive {
  width: 100%;
  line-height: 0;
  margin: 0 auto;
  text-align: center;
  outline: none;
  position: relative;
  z-index: 98;
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
  max-width: 480px;
}
.easyauthnet_full_width {
  width: 100%;
}
.easyauthnet-button-container {
  text-align: center;
  margin-top: 10px;
}
.easyauthnet-button-container fieldset {
  border: 1px solid #d1d1d1;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 15px 15px 22px;
}
.easyauthnet-button-container fieldset legend {
  font-weight: 500;
  margin: 0 auto;
  padding: 0 1rem;
  max-width: max-content;
  float: none;
  color: #6d6d6d;
  font-size: 16px;
  text-transform: none;
  border-bottom: none;
  background: transparent;
}
.easyauthnet-button-container .express-divider {
  align-items: center;
  background: transparent;
  display: flex;
  font-size: 16px;
  left: 0;
  right: 0;
  top: -13px;
  white-space: nowrap;
  margin-bottom: 25px;
  color: #6d6d6d;
  font-weight: 500;
}
.easyauthnet-button-container .express-divider::before {
  margin-right: 1rem;
}
.easyauthnet-button-container .express-divider::before, .easyauthnet-button-container .express-divider::after {
  background: #e2e2e2;
  content: " ";
  display: block;
  height: 1px;
  width: 50%;
}
.easyauthnet-button-container .express-divider {
  font-size: 16px;
  white-space: nowrap;
  color: #6d6d6d;
  font-weight: 500;
}
.easyauthnet-button-container {
  text-align: center;
}
.easyauthnet-button-container {
  text-align: center;
  margin-top: 10px;
}