/**
 * NUCLEAR BUTTON FIX v1.35.14
 * Absolute final override for cart button visibility
 */

/* Force button visibility with maximum specificity */
button.vvsoutlet-add-btn,
.vvsoutlet-add-btn,
button[type="submit"].vvsoutlet-add-btn,
form button.vvsoutlet-add-btn,
form.cart button.vvsoutlet-add-btn,
.vvsoutlet-add-to-cart-form button.vvsoutlet-add-btn,
.vvsoutlet-cart-mobile button.vvsoutlet-add-btn,
.vvsoutlet-add-to-cart button.vvsoutlet-add-btn {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 999999 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    transform: none !important;
    transition: none !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    margin: 15px 0 !important;
    padding: 0 20px !important;
    background: linear-gradient(135deg, #28a745, #20c997) !important;
    color: white !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-align: center !important;
    line-height: 56px !important;
    box-shadow: 0 4px 6px rgba(40, 167, 69, 0.2) !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

/* Override any parent container hiding */
form:has(.vvsoutlet-add-btn),
div:has(.vvsoutlet-add-btn),
.vvsoutlet-add-to-cart:has(.vvsoutlet-add-btn),
.vvsoutlet-cart-mobile:has(.vvsoutlet-add-btn) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
}

/* Specific mobile overrides */
@media screen and (max-width: 768px) {
    button.vvsoutlet-add-btn,
    .vvsoutlet-add-btn {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        all: revert !important;
        display: block !important;
        width: 100% !important;
        height: 56px !important;
        background: linear-gradient(135deg, #28a745, #20c997) !important;
        color: white !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        border: none !important;
        border-radius: 8px !important;
        cursor: pointer !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 999999 !important;
        margin: 15px 0 !important;
        padding: 0 20px !important;
    }

    /* Kill any body class interference */
    body.vvsoutlet-sticky-visible .vvsoutlet-add-btn,
    body.vvsoutlet-sticky-visible button.vvsoutlet-add-btn {
        all: revert !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: 56px !important;
    }
}

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

/* Maximum specificity override */
html body form button.vvsoutlet-add-btn,
html body .vvsoutlet-add-btn,
html button.vvsoutlet-add-btn {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Remove any conflicting transforms or filters */
.vvsoutlet-add-btn {
    filter: none !important;
    -webkit-filter: none !important;
    backdrop-filter: none !important;
    mix-blend-mode: normal !important;
}

/* Ensure button is clickable */
.vvsoutlet-add-btn:not(:disabled) {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Override any negative margins or positioning */
.vvsoutlet-add-btn {
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-indent: 0 !important;
}

/* Force repaint */
@media all {
    .vvsoutlet-add-btn {
        will-change: opacity;
        backface-visibility: visible !important;
        -webkit-backface-visibility: visible !important;
    }
}