/* ============================================
   TYCETOOLZ × Complianz — Premium Cookie Banner
   Schwarz/Gold Design, passend zur gesamten Seite
   
   Complianz uses CSS custom properties (variables) loaded from
   /wp-content/uploads/complianz/css/banner-*.css
   We MUST override both the variables AND the properties.
   ============================================ */

/* -------------------------------------------
   1) Override Complianz CSS Variables at :root
   ------------------------------------------- */
:root {
    --cmplz_banner_background_color: #0d0d0d !important;
    --cmplz_banner_border_color: rgba(212,168,83,0.25) !important;
    --cmplz_banner_border_width: 1px 0 0 0 !important;
    --cmplz_banner_border_radius: 0px 0px 0px 0px !important;
    --cmplz_banner_margin: 8px !important;
    --cmplz_text_color: #cccccc !important;
    --cmplz_hyperlink_color: #D4A853 !important;
    --cmplz_title_font_size: 18px !important;
    --cmplz_text_font_size: 13px !important;
    --cmplz_link_font_size: 12px !important;
    --cmplz_button_font_size: 14px !important;
    --cmplz_button_border_radius: 10px 10px 10px 10px !important;
    --cmplz_button_accept_background_color: #D4A853 !important;
    --cmplz_button_accept_border_color: #D4A853 !important;
    --cmplz_button_accept_text_color: #000000 !important;
    --cmplz_button_deny_background_color: transparent !important;
    --cmplz_button_deny_border_color: rgba(255,255,255,0.12) !important;
    --cmplz_button_deny_text_color: #999999 !important;
    --cmplz_button_settings_background_color: transparent !important;
    --cmplz_button_settings_border_color: rgba(212,168,83,0.3) !important;
    --cmplz_button_settings_text_color: #D4A853 !important;
    --cmplz_slider_active_color: #D4A853 !important;
    --cmplz_slider_inactive_color: #555555 !important;
    --cmplz_slider_bullet_color: #ffffff !important;
    --cmplz_category_header_always_active_color: #D4A853 !important;
}

/* -------------------------------------------
   2) Banner Container — direct overrides
   ------------------------------------------- */
#cmplz-cookiebanner-container .cmplz-cookiebanner,
.cmplz-cookiebanner {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    background: #0d0d0d !important;
    background-color: #0d0d0d !important;
    border-top: 1px solid rgba(212,168,83,0.25) !important;
    border-radius: 0 !important;
    box-shadow: 0 -8px 40px rgba(0,0,0,0.6) !important;
    color: #cccccc !important;
    z-index: 999999 !important;
}

/* Banner Container muss auch über dem Header liegen */
#cmplz-cookiebanner-container {
    z-index: 999999 !important;
}

/* Title */
.cmplz-cookiebanner .cmplz-title {
    color: #fff !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    letter-spacing: 0.5px !important;
}

/* Description / Message text */
.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner .cmplz-body p {
    color: #aaa !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

/* Close button */
.cmplz-cookiebanner .cmplz-close {
    color: #999 !important;
}
.cmplz-cookiebanner .cmplz-close:hover {
    color: #D4A853 !important;
}

/* Links */
.cmplz-cookiebanner a,
.cmplz-cookiebanner .cmplz-message a,
.cmplz-cookiebanner .cmplz-links .cmplz-link {
    color: #D4A853 !important;
}

/* Divider lines */
.cmplz-cookiebanner .cmplz-divider {
    border-color: rgba(212,168,83,0.15) !important;
    background: rgba(212,168,83,0.15) !important;
}

/* -------------------------------------------
   3) BUTTONS
   ------------------------------------------- */
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
    font-family: 'Inter', sans-serif !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 0.3px !important;
    transition: all 0.2s ease !important;
}

/* Accept */
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
    background: linear-gradient(135deg, #D4A853 0%, #c49a48 100%) !important;
    background-color: #D4A853 !important;
    border: 1px solid #D4A853 !important;
    color: #000 !important;
    box-shadow: 0 4px 20px rgba(212,168,83,0.25) !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover {
    background: linear-gradient(135deg, #e0b964 0%, #D4A853 100%) !important;
    box-shadow: 0 6px 28px rgba(212,168,83,0.4) !important;
    transform: translateY(-1px) !important;
}

/* Deny */
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    color: #999 !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover {
    border-color: rgba(255,255,255,0.3) !important;
    color: #fff !important;
}

/* View Preferences / Settings */
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options,
.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid rgba(212,168,83,0.3) !important;
    color: #D4A853 !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences:hover {
    border-color: #D4A853 !important;
    background: rgba(212,168,83,0.08) !important;
}

/* -------------------------------------------
   4) CATEGORIES (expanded view)
   ------------------------------------------- */
.cmplz-cookiebanner .cmplz-categories .cmplz-category {
    background-color: rgba(255,255,255,0.03) !important;
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    border-radius: 8px !important;
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title {
    color: #fff !important;
    font-weight: 600 !important;
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
    color: #D4A853 !important;
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description {
    color: #888 !important;
}

/* Toggle slider — active = gold */
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before {
    background-color: #555 !important;
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before {
    background-color: #D4A853 !important;
}

/* Chevron/arrow icon */
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-icon.cmplz-open {
    filter: invert(1) !important;
}

/* Scrollbar */
.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-thumb {
    background-color: #D4A853 !important;
}

/* -------------------------------------------
   5) Manage Consent button (bottom-right tab)
   ------------------------------------------- */
#cmplz-manage-consent .cmplz-manage-consent {
    background-color: #0d0d0d !important;
    color: #D4A853 !important;
    border: 1px solid rgba(212,168,83,0.3) !important;
    border-bottom: none !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* -------------------------------------------
   6) MOBILE
   ------------------------------------------- */
@media (max-width: 640px) {
    .cmplz-cookiebanner {
        padding: 14px 16px !important;
        bottom: 70px !important;
    }
    .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
        font-size: 13px !important;
    }
    .cmplz-cookiebanner .cmplz-title {
        font-size: 16px !important;
    }
}

/* Cookie-Banner immer über Sticky-Bar und Header */
#cmplz-cookiebanner-container,
#cmplz-cookiebanner-container .cmplz-cookiebanner {
    z-index: 999999 !important;
    position: fixed !important;
}

/* Manage-Consent Button (das kleine (x) Icon) auch über alles */
.cmplz-manage-consent,
.cmplz-manage-consent .cmplz-deny,
#cmplz-manage-consent {
    z-index: 999999 !important;
}