/**
 * Theme Name: WooFood Child
 * Description: WooFood Child – WooCommerce + Authorize.Net FINAL HARD FIX
 * Template: woofood
 * Version: 2.7.7
 */

/* working code */
/* ============================================ */

.woocommerce-checkout #billing_address_1_field .pac-container {
        z-index: 10000 !important;
    position: absolute !important;
    display: block !important;
    left: auto!important;
    right: unset!important;
    top: auto!important;
/*    top: unset!important;*/
}
.woocommerce-checkout #shipping_address_1_field .pac-container {
        z-index: 10000 !important;
    position: absolute !important;
    display: block !important;
    left: auto!important;
    right: unset!important;
    top: auto!important;
/*    top: unset!important;*/
}
/* ============================================ */

/* ============================================================
   GLOBAL SAFETY RESET
   ============================================================ */
.woocommerce-checkout *,
.woocommerce-checkout *::before,
.woocommerce-checkout *::after {
    box-sizing: border-box;
}

/* Prevent horizontal lock */


/* ============================================================
   CHECKOUT LAYOUT (DESKTOP ONLY)
   ============================================================ */
@media (min-width: 992px) {
    .woocommerce-checkout form.checkout {
        display: flex;
        gap: 32px;
        align-items: flex-start;
    }

    .woocommerce-checkout .col-md-8 {
        flex: 2 1 0;
        max-width: none;
    }

    .woocommerce-checkout .col-md-4 {
        flex: 1 1 0;
        max-width: none;
    }
}

/* Mobile stack */
@media (max-width: 991px) {
    .woocommerce-checkout form.checkout {
        display: block;
    }
}

/* ============================================================
   PAYMENT METHOD RADIO (STOP VANISH)
   ============================================================ */
.woocommerce-checkout .wc_payment_methods input[type="radio"] {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important;
    margin-right: 8px !important;
}

/* Remove WooCommerce fake radios */
.woocommerce-checkout .wc_payment_methods label::before,
.woocommerce-checkout .wc_payment_methods label::after {
    display: none !important;
}

/* ============================================================
   💳 PAYMENT LABEL + ICONS — FINAL FIX
   ============================================================ */

.woocommerce-checkout .payment_method_authnet label {
    display: flex !important;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap !important;        
    white-space: normal !important;    
    max-width: 100% !important;
}

.woocommerce-checkout .payment_method_authnet label img {
    height: 22px !important;
    width: auto !important;
    max-width: 40px !important;
    flex: 0 0 auto !important;   /* ✅ CRITICAL */
}

/* ============================================================
   PAYMENT BOX
   ============================================================ */
.woocommerce-checkout .payment_box.payment_method_authnet {
    background: #e9e7e7;
    padding: 16px;
    border-radius: 4px;
    margin-top: 12px;
    width: 100% !important;
}

/* Fix arrow position */
.woocommerce-checkout #payment .payment_box::before {
    left: 14px !important;
}

/* ============================================================
   🔥 AUTHORIZE.NET CARD FORM — HARD RESET
   ============================================================ */

/* Kill ALL floats, inline widths, clears */
.woocommerce-checkout 
.payment_method_authnet #wc-authnet-cc-form,
.woocommerce-checkout 
.payment_method_authnet #wc-authnet-cc-form *,
.woocommerce-checkout 
.payment_method_authnet #wc-authnet-cc-form input {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

/* Remove legacy clear div */
.woocommerce-checkout 
.payment_method_authnet #wc-authnet-cc-form .clear {
    display: none !important;
}

/* ============================================================
   CARD FORM STRUCTURE
   ============================================================ */
.woocommerce-checkout 
.payment_method_authnet #wc-authnet-cc-form {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Form rows */
.woocommerce-checkout 
.payment_method_authnet #wc-authnet-cc-form .form-row {
    width: 100% !important;
    margin-bottom: 14px !important;
}

/* Labels */
.woocommerce-checkout 
.payment_method_authnet #wc-authnet-cc-form label {
    display: block;
    font-size: 14px;
    margin-bottom: 4px;
}

/* Inputs */
.woocommerce-checkout 
.payment_method_authnet #wc-authnet-cc-form input {
    height: 42px;
    padding: 8px 10px;
    font-size: 15px;
}

/* ============================================================
   ✅ CARD NUMBER — FULL WIDTH (ABSOLUTE)
   ============================================================ */
.woocommerce-checkout 
.payment_method_authnet input[name="authnet-card-number"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* ============================================================
   EXPIRY + CVC — SAME LINE (DESKTOP & LANDSCAPE)
   ============================================================ */
@media (min-width: 768px) {

    .woocommerce-checkout 
    .payment_method_authnet .form-row-first,
    .woocommerce-checkout 
    .payment_method_authnet .form-row-last {
        display: inline-block !important;
        width: 48% !important;
        vertical-align: top !important;
    }

    .woocommerce-checkout 
    .payment_method_authnet .form-row-first {
        margin-right: 4% !important;
    }
}

/* ============================================================
   MOBILE — STACK CLEANLY
   ============================================================ */
@media (max-width: 767px) {

    .woocommerce-checkout 
    .payment_method_authnet .form-row-first,
    .woocommerce-checkout 
    .payment_method_authnet .form-row-last {
        display: block !important;
        width: 100% !important;
        margin-right: 0 !important;
    }
}

/* ============================================================
   🧱 FINAL DELIVERY SHRINK FIX (WOOFOOD BUG)
   ============================================================ */

@media (min-width: 992px) {

    /* Lock checkout row */
    .woocommerce-checkout form.checkout {
        display: flex !important;
        align-items: flex-start !important;
    }

    /* LEFT COLUMN */
    .woocommerce-checkout .col-md-8 {
        flex: 2 1 0 !important;
        min-width: 0 !important;
    }

    /* RIGHT COLUMN — THIS IS THE FIX */
    .woocommerce-checkout .col-md-4 {
        flex: 1 1 0 !important;
        min-width: 420px !important;   /* 🔥 CRITICAL */
        max-width: 100% !important;
    }

    /* Inner blocks must stretch */
    .woocommerce-checkout #order_review,
    .woocommerce-checkout #payment {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* ============================================================
   🧾 FINAL INPUT WIDTH LOCK (DELIVERY + PICKUP)
   ============================================================ */

.woocommerce-checkout .form-row,
.woocommerce-checkout .woocommerce-input-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}
/* Desktop 2-column checkout layout */
@media (min-width: 992px) {

  .woocommerce-checkout #customer_details {
    display: flex;
    gap: 32px;
  }

  .woocommerce-checkout #customer_details .col-1 {
    flex: 2;
  }

  .woocommerce-checkout #customer_details .col-2 {
    flex: 1;
  }

}

/* === FORCE ORDER NOTES TO SHOW (WOOFOOD FIX) === */
.woocommerce-additional-fields,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper,
#order_comments_field,
#order_comments {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
}