/**
 * MOBILE COOKIE BANNER FIX
 * Ultra-high specificity to override everything
 */

@media only screen and (max-width: 768px) {
    /* Container */
    html body #pva-cookie-banner {
        padding: 1rem !important;
    }

    html body #pva-cookie-banner .pva-banner-content {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
    }

    /* THE CRITICAL FIX - Button Container */
    html body #pva-cookie-banner .pva-banner-content .pva-banner-buttons {
        /* KILL FLEXBOX */
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        font-size: 0 !important;
        letter-spacing: -4px !important;
        /* Reset ALL flex properties */
        flex: none !important;
        gap: 0 !important;
        align-items: initial !important;
        justify-content: initial !important;
        flex-shrink: initial !important;
        flex-wrap: initial !important;
        flex-direction: initial !important;
    }

    /* THE CRITICAL FIX - Individual Buttons */
    html body #pva-cookie-banner .pva-banner-buttons button,
    html body #pva-cookie-banner .pva-banner-buttons .pva-btn {
        /* Force inline-block */
        display: inline-block !important;
        /* Width for 3 buttons */
        width: 31% !important;
        margin: 0 1% !important;
        /* Reset sizing */
        min-width: 0 !important;
        max-width: none !important;
        /* Padding and font */
        padding: 0.6rem 0.2rem !important;
        font-size: 0.7rem !important;
        letter-spacing: normal !important;
        /* Height */
        height: 40px !important;
        min-height: 40px !important;
        /* Text */
        text-align: center !important;
        line-height: 1.4 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        /* Alignment */
        vertical-align: middle !important;
        /* Box model */
        box-sizing: border-box !important;
        /* Position */
        position: relative !important;
        float: none !important;
        /* No transforms */
        transform: none !important;
    }

    /* Specific button selectors for extra certainty */
    html body #pva-cookie-banner button#pva-accept-all,
    html body #pva-cookie-banner button#pva-reject-all,
    html body #pva-cookie-banner button#pva-cookie-settings {
        display: inline-block !important;
        width: 31% !important;
        height: 40px !important;
    }

    /* Remove hover transforms */
    html body #pva-cookie-banner .pva-btn:hover {
        transform: none !important;
    }
}