/* 
 * STRICT MOBILE GUARDS
 * Bypasses all caches by being a brand new file.
 */

/* 1. Global Box-Sizing & Viewport Constraints */
html, body {
    max-width: 100vw !important;
    overflow-x: hidden !important;
}

*, *::before, *::after {
    box-sizing: border-box !important;
}

/* 2. Form & Checkout specific constraints */
.fifozone-checkout-shell, 
.fifozone-cart-shell,
.fifo-auth-page {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    padding: 0 10px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

.fifo-checkout-layout {
    width: 100% !important;
    max-width: 100% !important;
}

/* 3. Cards must not stretch */
.fifo-glass-card {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important; /* Force crop any escaping children */
}

/* 4. WooCommerce Inputs must be strictly contained */
.woocommerce-checkout .form-row,
.woocommerce form .form-row,
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2,
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    display: block !important;
    box-sizing: border-box !important;
}

.woocommerce-checkout .form-row input.input-text, 
.woocommerce-checkout .form-row select, 
.woocommerce-checkout .form-row textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 5. Mobile Adjustments for Thank You & Orders */
@media (max-width: 768px) {
    .fifo-glass-card {
        padding: 16px !important; /* Reduce padding on small screens to save space */
    }
    
    .fifo-ordered-title {
        word-wrap: break-word !important;
        white-space: normal !important;
    }
    
    /* Make sure Order Tracking timeline doesn't push edges */
    .fifo-timeline {
        padding-left: 0 !important;
    }
}