/*
 * EMERGENCY FIX v1.35.14 - Mobile Cart Button Visibility
 * Date: 2025-09-28
 * Issue: Cart button disappearing at mobile viewport widths
 * Root cause: all:unset rule and sticky footer conflicts
 */

/* ===========================================
   DISABLE STICKY FOOTER COMPLETELY
=========================================== */

.vvsoutlet-mobile-sticky-footer {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Remove sticky-visible class effects */
body.vvsoutlet-sticky-visible {
    /* Do nothing - prevent any styles from affecting cart */
}

/* ===========================================
   FORCE CART BUTTON VISIBILITY AT ALL VIEWPORTS
=========================================== */

/* Mobile viewports - force visibility */
@media screen and (max-width: 768px) {
    /* Ensure cart section is always visible */
    .vvsoutlet-add-to-cart,
    .vvsoutlet-cart-mobile,
    .vvsoutlet-simple-cart-section,
    .vvsoutlet-mobile-cart-section {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        height: auto !important;
        width: 100% !important;
        overflow: visible !important;
        z-index: 9999 !important;
    }

    /* Ensure form is visible */
    .vvsoutlet-add-to-cart-form,
    form.vvsoutlet-add-to-cart-form,
    form.cart {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        overflow: visible !important;
    }

    /* Force button visibility */
    .vvsoutlet-add-btn,
    button.vvsoutlet-add-btn,
    .single_add_to_cart_button,
    button[type="submit"][name="vvsoutlet_simple_add"],
    button[type="submit"][name="add-to-cart"] {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        width: 100% !important;
        min-height: 50px !important;
        height: auto !important;
        z-index: 99999 !important;
        pointer-events: auto !important;
    }

    /* Override any hiding when sticky-visible class is present */
    body.vvsoutlet-sticky-visible .vvsoutlet-add-to-cart,
    body.vvsoutlet-sticky-visible .vvsoutlet-add-to-cart-form,
    body.vvsoutlet-sticky-visible .vvsoutlet-add-btn {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        all: revert !important; /* Reverse any all:unset */
    }

    /* Ensure quantity selectors are visible */
    .vvsoutlet-quantity-row,
    .vvsoutlet-quantity-selector {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* Even narrower mobile viewports */
@media screen and (max-width: 480px) {
    .vvsoutlet-add-btn,
    button[type="submit"]:not(.vvsoutlet-qty-btn) {
        display: block !important;
        visibility: visible !important;
        width: 100% !important;
    }
}

/* Ultra-narrow mobile */
@media screen and (max-width: 375px) {
    .vvsoutlet-add-btn {
        display: block !important;
        visibility: visible !important;
        width: 100% !important;
    }
}

/* ===========================================
   REMOVE STICKY FOOTER JAVASCRIPT EFFECTS
=========================================== */

/* Prevent body padding adjustments for sticky footer */
body.single-vvsoutlet-product {
    padding-bottom: 0 !important;
}

/* Hide all sticky elements */
.vvsoutlet-sticky-price,
.vvsoutlet-sticky-add-btn {
    display: none !important;
}

/* ===========================================
   NUCLEAR OVERRIDE - MAXIMUM SPECIFICITY
=========================================== */

html body.single-vvsoutlet-product .vvsoutlet-product-page .vvsoutlet-add-btn,
html body .vvsoutlet-add-btn,
html .vvsoutlet-add-btn {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Final override for any remaining issues */
@media all {
    .vvsoutlet-add-to-cart {
        all: revert !important;
        display: block !important;
    }

    .vvsoutlet-add-btn {
        all: revert !important;
        display: block !important;
        visibility: visible !important;
        background: linear-gradient(135deg, #28a745, #20c997) !important;
        color: white !important;
        padding: 15px 20px !important;
        border: none !important;
        border-radius: 8px !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        cursor: pointer !important;
        width: 100% !important;
        min-height: 50px !important;
    }
}