/* Cookie Consent — the2026 theme overrides */

:root {
    --cc-bg: #0d0d24;
    --cc-text: rgba(241,245,249,0.85);
    --cc-btn-primary-bg: #7c3aed;
    --cc-btn-primary-text: #ffffff;
    --cc-btn-primary-hover-bg: #6d28d9;
    --cc-btn-secondary-bg: rgba(255,255,255,0.07);
    --cc-btn-secondary-text: rgba(241,245,249,0.75);
    --cc-btn-secondary-hover-bg: rgba(255,255,255,0.14);
    --cc-border-radius: 16px;
    --cc-btn-border-radius: 10px;
    --cc-section-border: rgba(255,255,255,0.08);
    --cc-cookie-category-block-bg: rgba(255,255,255,0.04);
    --cc-cookie-category-block-bg-hover: rgba(124,58,237,0.1);
    --cc-toggle-bg-on: #7c3aed;
    --cc-toggle-bg-off: rgba(255,255,255,0.2);
    --cc-toggle-bg-readonly: rgba(255,255,255,0.1);
    --cc-overlay-bg: rgba(2,2,15,0.85);
    --cc-webkit-scrollbar-bg: rgba(255,255,255,0.1);
    --cc-webkit-scrollbar-bg-hover: rgba(255,255,255,0.2);
}

#cm {
    background: linear-gradient(145deg, rgba(15,12,36,0.98) 0%, rgba(8,8,24,0.99) 100%) !important;
    border: 1px solid rgba(124,58,237,0.3) !important;
    box-shadow: 0 24px 64px rgba(0,0,0,0.65), 0 0 0 1px rgba(124,58,237,0.1) !important;
    bottom: 1.5em !important;
    right: 1.5em !important;
    padding: 1.6em 1.75em 1.75em !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

#cm::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #7c3aed 40%, #06b6d4 70%, transparent) !important;
    border-radius: 0 !important;
}

#c-ttl {
    font-size: 1rem !important;
    margin-bottom: .55em !important;
    background: linear-gradient(135deg, #e2e8f0 30%, #a78bfa 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

#c-txt {
    font-size: .83em !important;
    line-height: 1.6em !important;
    color: rgba(241,245,249,0.5) !important;
}

.cc_div .cc-link {
    color: #a78bfa !important;
    border-bottom-color: rgba(167,139,250,0.35) !important;
}

#c-bns {
    margin-top: 1.25em !important;
    gap: .6em !important;
    display: flex !important;
}

.cc_div .c-bn {
    border-radius: 10px !important;
    font-size: .82em !important;
    font-weight: 600 !important;
    padding: .8em 1.2em !important;
    cursor: pointer !important;
}

#c-bns button:first-child,
#s-bns button:first-child {
    background: linear-gradient(135deg, #7c3aed, #4f46e5) !important;
    color: #fff !important;
    box-shadow: 0 4px 16px rgba(124,58,237,0.4) !important;
    border-radius: 10px !important;
}

#c-bns button:first-child:hover,
#s-bns button:first-child:hover {
    background: linear-gradient(135deg, #6d28d9, #4338ca) !important;
    opacity: 1 !important;
}

#c-bns button + button {
    background: rgba(255,255,255,0.06) !important;
    color: rgba(241,245,249,0.7) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 10px !important;
}

#c-bns button + button:hover {
    background: rgba(255,255,255,0.1) !important;
}

/* Settings modal */
#s-inr {
    background: #0d0d24 !important;
    border: 1px solid rgba(124,58,237,0.2) !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.7) !important;
}

#s-hdr, #s-bns {
    background: #0d0d24 !important;
    border-color: rgba(255,255,255,0.07) !important;
}

#s-ttl {
    background: linear-gradient(135deg,#e2e8f0,#a78bfa) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

#s-bns button + button {
    background: rgba(255,255,255,0.06) !important;
    color: rgba(241,245,249,0.7) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
}

#s-c-bn:before, #s-c-bn:after {
    background: rgba(241,245,249,0.6) !important;
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg {
    background: #7c3aed !important;
}

.cc_div .b-tg .c-tg {
    background: rgba(255,255,255,0.18) !important;
}

#s-bl .c-bl {
    border-color: rgba(255,255,255,0.07) !important;
}

#s-bl .c-bl:hover,
#s-cnt .b-bn .b-tl:hover {
    background: rgba(124,58,237,0.08) !important;
}

.cc_div .b-bn .exp:before,
.cc_div .act .b-bn .exp:before {
    border-color: rgba(167,139,250,0.7) !important;
}