/* ==========================================================================
   TWINK DEATH — Cookie Consent Theme
   Orest Bida CookieConsent v3 — dark industrial override
   ========================================================================== */

#cc-main {
    --cc-font-family:   'Courier New', Courier, monospace;
    --cc-z-index:       9999;
    --cc-modal-border-radius: 0;
    --cc-btn-border-radius:   0;
    --cc-modal-margin:  16px;

    /* Colors */
    --cc-bg:            #0d0d0d;
    --cc-primary-color: #ffffff;
    --cc-secondary-color: rgba(255,255,255,0.65);

    /* Primary button */
    --cc-btn-primary-bg:                #cc0000;
    --cc-btn-primary-color:             #ffffff;
    --cc-btn-primary-border-color:      #cc0000;
    --cc-btn-primary-hover-bg:          #ff0015;
    --cc-btn-primary-hover-color:       #ffffff;
    --cc-btn-primary-hover-border-color:#ff0015;

    /* Secondary button */
    --cc-btn-secondary-bg:                  transparent;
    --cc-btn-secondary-color:               rgba(255,255,255,0.7);
    --cc-btn-secondary-border-color:        rgba(255,255,255,0.25);
    --cc-btn-secondary-hover-bg:            rgba(255,255,255,0.07);
    --cc-btn-secondary-hover-color:         #ffffff;
    --cc-btn-secondary-hover-border-color:  rgba(255,255,255,0.4);

    /* Misc */
    --cc-separator-border-color:            rgba(255,255,255,0.07);
    --cc-toggle-on-bg:                      #cc0000;
    --cc-toggle-off-bg:                     rgba(255,255,255,0.15);
    --cc-toggle-on-knob-bg:                 #ffffff;
    --cc-toggle-off-knob-bg:                rgba(255,255,255,0.6);
    --cc-toggle-enabled-icon-color:         #ffffff;
    --cc-toggle-readonly-bg:                rgba(255,255,255,0.08);
    --cc-toggle-readonly-knob-bg:           rgba(255,255,255,0.3);
    --cc-cookie-category-block-bg:          rgba(255,255,255,0.03);
    --cc-cookie-category-block-border:      rgba(255,255,255,0.07);
    --cc-overlay-bg:                        rgba(0,0,0,0.65);
}

/* ── Mobile: push cookie box above sticky footer (footer ~64px) ── */
@media (max-width: 768px) {
    #cc-main { --cc-modal-margin: 0; }
    #cc-main .cm {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: none !important;
        padding: 24px 20px calc(24px + env(safe-area-inset-bottom, 0px)) !important;
        z-index: 10000 !important;
    }
}

/* ── Hide mobile sticky footer while cookie banner is visible ── */
body:has(#cc-main .cm:not([style*="display: none"])) .mobile-cta {
    display: none !important;
}

/* ── Dark background on all containers ── */
#cc-main .cm,
#cc-main .cm__body,
#cc-main .cm__texts,
#cc-main .cm__btns,
#cc-main .cm__footer,
#cc-main .cm__btn-group,
#cc-main .pm,
#cc-main .pm__body,
#cc-main .pm__header,
#cc-main .pm__footer {
    background: #0d0d0d !important;
}

/* ── Consent modal ── */
#cc-main .cm {
    border: 1px solid rgba(255,255,255,0.10) !important;
    box-shadow: 0 8px 60px rgba(0,0,0,0.9) !important;
}

#cc-main .cm__title {
    font-family: 'Bebas Neue', 'Gear Wide', Arial, sans-serif !important;
    font-size: 1.2rem !important;
    letter-spacing: 3px !important;
    color: #ffffff !important;
}

#cc-main .cm__desc {
    font-family: 'Courier New', Courier, monospace !important;
    font-size: 0.82rem !important;
    line-height: 1.7 !important;
    color: rgba(255,255,255,0.72) !important;
}

/* ── Buttons — explicit classes, no guessing ── */
#cc-main .cm__btn {
    display: block !important;
    width: 100% !important;
    padding: 13px 20px !important;
    font-family: 'Courier New', Courier, monospace !important;
    font-size: 0.75rem !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 10 !important;
    pointer-events: auto !important;
}

#cc-main .cm__btn--primary {
    background: #cc0000 !important;
    color: #ffffff !important;
    border: 1px solid #cc0000 !important;
}
#cc-main .cm__btn--primary:hover {
    background: #ff0015 !important;
    border-color: #ff0015 !important;
}

#cc-main .cm__btn--secondary {
    background: transparent !important;
    color: rgba(255,255,255,0.7) !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
}
#cc-main .cm__btn--secondary:hover {
    background: rgba(255,255,255,0.07) !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,0.4) !important;
}

#cc-main .cm__btns {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    pointer-events: auto !important;
}

#cc-main .cm__footer {
    margin-top: 16px !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(255,255,255,0.08) !important;
}
#cc-main .cm__footer a {
    font-family: 'Courier New', Courier, monospace !important;
    color: rgba(255,255,255,0.4) !important;
    font-size: 0.7rem !important;
    letter-spacing: 1px !important;
}
#cc-main .cm__footer a:hover { color: #cc0000 !important; }

/* ── Preferences modal ── */
#cc-main .pm,
#cc-main .pm__body,
#cc-main .pm__header,
#cc-main .pm__footer {
    border: 1px solid rgba(255,255,255,0.08) !important;
}

#cc-main .pm__title {
    font-family: 'Bebas Neue', 'Gear Wide', Arial, sans-serif !important;
    font-size: 1.2rem !important;
    letter-spacing: 3px !important;
    color: #ffffff !important;
}

#cc-main .pm__section-title {
    font-size: 0.72rem !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,0.8) !important;
}