/* ============================================================
   CB CYBERPUNK — default.css
   Base palette (displayed when no explicit dark/light is chosen).
   Full cyberpunk dark aesthetic by default.
   ============================================================ */

/* ── Google Fonts: Rajdhani for headings, Exo 2 for body ─── */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;600;700&family=Exo+2:wght@300;400;500;600&display=swap');

/* ── CSS Variables ─────────────────────────────────────────── */
html {
    /* Brand / accent */
    --color-main-01   : #e91e8c;      /* neon magenta / primary */
    --color-main-02   : #f0e6ff;      /* light text on primary bg */

    /* Surface palette */
    --color-01        : #13132a;      /* card / panel background */
    --color-02        : #dcd6f7;      /* primary text */
    --color-03        : #252545;      /* border / divider */
    --color-04        : #7a7aaa;      /* muted / secondary text */
    --color-05        : #0e0e22;      /* subtle tinted bg */

    /* Special UI */
    --color-header-search-category : #1e1e3f;
    --color-header-search          : #181830;
    --color-footer-dropdown        : #1e1e3f;
    --color-background             : #0a0a14;

    /* Cyber extras */
    --cyber-cyan      : #00e5ff;
    --cyber-glow-pink : 0 0 8px #e91e8c88, 0 0 20px #e91e8c44;
    --cyber-glow-cyan : 0 0 8px #00e5ff88, 0 0 20px #00e5ff44;
    --cyber-border    : 1px solid #e91e8c55;
    --cyber-border-cyan: 1px solid #00e5ff55;
    --border-radius   : 6px;
    --generic-box-shadow : 0 8px 32px 0 rgba(0, 0, 0, 0.85);
    --slim-box-shadow    : 0 4px 16px 0 rgba(0, 0, 0, 0.75);
    --color-gradient-start : #1a1a38;
    --color-gradient-end   : #0e0e22;
    --background-gradient  : linear-gradient(160deg, var(--color-gradient-start), var(--color-gradient-end));
}

/* ── Fonts ──────────────────────────────────────────────────── */
body {
    font-family: 'Exo 2', 'Segoe UI', system-ui, sans-serif;
    background-color: var(--color-background);
    color: var(--color-02);
    background-image:
        linear-gradient(to bottom, #0a0a14 0%, #0a0a14 100%);
}

h1, h2, h3, h4, h5 {
    font-family: 'Rajdhani', 'Exo 2', system-ui, sans-serif;
    font-weight: 600;
    color: var(--color-02);
    letter-spacing: 0.03em;
}

/* ── Links ──────────────────────────────────────────────────── */
a {
    color: var(--color-02);
    transition: color 0.2s ease;
}
a:hover {
    color: var(--color-main-01);
    text-decoration: none;
}

/* ── Generic / Dropdown ─────────────────────────────────────── */
.dropdown-menu,
.filter-dropdowns .dropdown-menu,
.filter-dropdowns .dropdown-menu .sub-menu {
    background: var(--color-01);
    border: var(--cyber-border);
    box-shadow: var(--generic-box-shadow);
    border-radius: var(--border-radius);
}
.filter-dropdowns .dropdown {
    background-color: var(--color-02);
    border-color: var(--color-03);
}
.filter-dropdowns .dropdown > a {
    color: var(--color-01);
}
.dropdown-menu > li > a,
.filter-dropdowns .dropdown-menu > li > a {
    color: var(--color-02);
    border-color: var(--color-03);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover,
.dropdown-menu > li:hover > a {
    background-color: var(--color-main-01);
    color: var(--color-main-02);
}
.dropdown-menu > li:hover > i {
    color: var(--color-main-02);
}

/* ── Buttons ────────────────────────────────────────────────── */
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover,
.btn-success,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover,
.filter-dropdowns .cat-col .btn-default:hover,
.filter-dropdowns .cat-col .btn-default:active,
.btn-ghost:hover,
.btn-ghost:active,
.btn-danger {
    background-color: var(--color-main-01);
    border-color: var(--color-main-01);
    color: var(--color-main-02);
    box-shadow: var(--cyber-glow-pink);
}
.filter-dropdowns .cat-col .btn-default,
.btn-ghost,
.btn-ghost:focus {
    background-color: transparent;
    color: var(--color-02);
    border-color: var(--color-03);
}
.btn-loadmore {
    border-color: var(--color-03);
    background-color: transparent;
    color: var(--color-02);
    border-radius: var(--border-radius);
    transition: all 0.2s ease;
}
.btn-loadmore:hover,
.btn-loadmore:focus {
    border-color: var(--color-main-01);
    color: var(--color-main-01);
    box-shadow: var(--cyber-glow-pink);
}

/* ── Theme Switch ───────────────────────────────────────────── */
.theme-switch button.active {
    background-color: var(--color-main-01);
    box-shadow: var(--cyber-glow-pink);
}

/* ── Forms ──────────────────────────────────────────────────── */
.form-control,
.form-control[disabled],
.form-control[readonly],
fieldset[disabled],
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-dropdown,
.select2-search__field {
    color: var(--color-02);
    background-color: var(--color-05);
    border-color: var(--color-03);
    border-radius: var(--border-radius);
}
.form-control:focus {
    border-color: var(--color-main-01);
    box-shadow: var(--cyber-glow-pink);
}
.ui-widget-header    { border-color: var(--color-main-01); }
.ui-datepicker       { background-color: var(--color-03); }
.ui-widget-content   { color: var(--color-02); border-color: var(--color-main-01); background-color: var(--color-03); background-image: none; }
.select2-container--default .select2-results__option[aria-selected=true] { background-color: var(--color-main-01); }
.table-striped > tbody > tr:nth-of-type(odd) { background-color: var(--color-05); }

/* ── Pop-ins ────────────────────────────────────────────────── */
.modal-content {
    background-color: var(--color-01);
    color: var(--color-02);
    border: var(--cyber-border);
    border-radius: var(--border-radius);
    box-shadow: var(--generic-box-shadow);
}
.close, .close:hover { color: var(--color-02); }

/* ── Tabs ───────────────────────────────────────────────────── */
.view-tabs .nav-tabs.nav > li.active > a,
.view-tabs .nav-tabs.nav > li.active > a:hover,
.view-tabs .nav-tabs.nav > li.active > a:focus,
.view-tabs .nav-tabs.nav > li > a:hover             { color: var(--color-main-01); }
.view-tabs .nav-tabs.nav > li > a:hover              { border-color: var(--color-main-01); }
.view-tabs .alert-info                               { color: var(--color-02); }
.flat-tabs .nav-tabs.nav > li.active > a,
.flat-tabs .nav-tabs.nav > li.active > a:hover,
.flat-tabs .nav-tabs.nav > li.active > a:active      { border-color: var(--color-main-01); color: var(--color-02); background: none; }
.flat-tabs .nav-tabs.nav > li > a:hover,
.flat-tabs .nav-tabs.nav > li.active > a:hover       { border-color: var(--color-main-01); color: var(--color-main-01); }
.flat-tabs .nav-tabs.nav > li > a                    { color: var(--color-02); }
.flat-tabs .nav-tabs.nav > li:not(.active) > a:hover { background: none; }
.tab-content .tab-pane .well                         { background: none; color: var(--color-02); }
.default_bootstrap.nav-tabs.nav > li.active > a,
.default_bootstrap.nav-tabs.nav > li.active > a:hover,
.default_bootstrap.nav-tabs.nav > li.active > a:focus,
.default_bootstrap.nav-tabs.nav > li > a:hover,
.default_bootstrap.nav-tabs.nav > li > a:focus       { color: var(--color-main-01); background: var(--color-01); border-color: var(--color-main-01); }
.default_bootstrap.nav .open > a                     { background: var(--color-01); color: var(--color-main-01); }

/* ── Misc blocks ────────────────────────────────────────────── */
pre {
    background-color: var(--color-05);
    color: var(--cyber-cyan);
    border-color: var(--color-03);
    border-radius: var(--border-radius);
    font-family: 'Courier New', monospace;
}
.well {
    background: var(--background-gradient);
    color: var(--color-02);
    border: var(--cyber-border);
    border-radius: var(--border-radius);
}
.cb-box {
    background-color: var(--color-01);
    border-radius: var(--border-radius);
}

/* ── Header / Navbar ────────────────────────────────────────── */
#header {
    background: var(--color-01);
    border-bottom: var(--cyber-border);
    box-shadow: 0 2px 20px rgba(233, 30, 140, 0.15);
}
#header .main-links > ul > li > a,
.navbar-default .right-menu.navbar-nav > li > a         { color: var(--color-02); }
#header .main-links > ul > li > a:focus,
#header .main-links > ul > li > a:hover                 { color: var(--color-main-01); }
#header .main-links > ul > li > a:hover::after,
#header .main-links > ul > li > a:focus::after,
#header .main-links > ul > li.active a::after           { background-color: var(--color-main-01); }
#header .search .cbsearchtype .btn-default.btn-search   { background-color: var(--color-main-01); color: var(--color-main-02); box-shadow: var(--cyber-glow-pink); }
#header .search input[type="text"]                      { color: var(--color-02); background-color: var(--color-gradient-end); border-color: var(--color-03); }
#header .search .cbsearchtype .btn-default              { color: var(--color-02); }
#header .search .cbsearchtype .search-drop              { background-color: var(--color-header-search-category); }
#header .search .cbsearchtype                           { background-color: var(--color-header-search); }
.navbar-default .right-menu .navbar-sm-login-links .btn-default.btn-login:hover,
.navbar-default .right-menu .navbar-sm-login-links .btn-default.btn-login:focus { border-color: var(--color-main-01); color: var(--color-main-01); }
.navbar-default .right-menu .navbar-sm-login-links .btn-default.btn-login:active { background-color: initial; }
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover           { color: var(--color-main-01); }

/* ── Footer ─────────────────────────────────────────────────── */
#footer {
    background: linear-gradient(135deg, #0e0e22 0%, #13132a 100%);
    border-top: var(--cyber-border);
    color: var(--color-02);
}
#footer a                                           { color: var(--color-04); }
#footer a:hover                                     { color: var(--color-main-01); }
#footer .langdrop button                            { background-color: var(--color-footer-dropdown); color: var(--color-02); border: var(--cyber-border); }
#footer .langdrop .dropdown-menu li.selected a,
#footer .langdrop .dropdown-menu li:hover a         { background-color: var(--color-main-01); color: var(--color-main-02); }
#footer .langdrop .dropdown-menu li a               { color: var(--color-02); }

/* ── Sidebar ────────────────────────────────────────────────── */
.sidebar-channels,
.sidebar-items,
.sidebar-playlists .playlist {
    background: var(--background-gradient);
    border: var(--cyber-border);
    border-radius: var(--border-radius);
}
.sidebar-channels .channel-item .channel-info           { color: var(--color-04); }
.sidebar-channels .channel-item .channel-info h3 a,
.collections-grid .title,
.featured-video .title a,
.user-activities .text                                  { color: var(--color-02); }
.sidebar-channels .channel-item .channel-info h3 a:hover,
.sidebar-playlists .playlist h3:hover,
.featured-video .title a:hover,
.featured-video .author,
.featured-video .author a,
.user-activities .text span a                           { color: var(--color-main-01); }

/* ── Home: featured ─────────────────────────────────────────── */
#featured_vid_sec .item-video .video-link .title { color: #f0e6ff; }

/* ── Age gate ───────────────────────────────────────────────── */
#disclaimer .content {
    background-color: var(--color-01);
    border: var(--cyber-border);
    border-radius: var(--border-radius);
}

/* ── Login / Signup ─────────────────────────────────────────── */
.signin-block h2, .forgot-block h2,
.account-container, .account-container a        { color: var(--color-02); }
.signin-block .user-form, .forgot-block .user-form {
    background: var(--background-gradient);
    border: var(--cyber-border);
    border-radius: var(--border-radius);
}
.signin-block .form-control, .forgot-block .form-control { background-color: var(--color-05); color: var(--color-02); }
.signin-block .side-box {
    background: linear-gradient(160deg, #1e0030, #2d0050);
    border: 1px solid var(--color-main-01);
    border-radius: var(--border-radius);
    box-shadow: var(--cyber-glow-pink);
    color: var(--color-main-02);
}
.forgot-block .side-box .btn-default,
.signin-block .side-box .btn-default {
    border: 2px solid var(--color-main-02);
    background-color: transparent;
    color: var(--color-main-02);
}
.signup-block .user-form {
    background: var(--background-gradient);
    border: var(--cyber-border);
    border-radius: var(--border-radius);
}
.signup-block h2                            { color: var(--color-02); }
.signup-block .form-control, .input-group > .input-group-addon { background-color: var(--color-05); color: var(--color-02); }
.signup-block .side-box .btn-default {
    border: 2px solid var(--color-main-01);
    background-color: var(--color-main-01);
    color: var(--color-main-02);
}

/* ── Video block ────────────────────────────────────────────── */
.videos .video-info {
    background: var(--background-gradient);
    color: var(--color-04);
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}
.videos .video-info .author,
.videos .video-info .author a,
.videos .video-info .title a:hover  { color: var(--color-main-01); }
.videos .video-info .title a        { color: var(--color-02); }
:not(#featured_vid_sec) .item-video .video-link img {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}

/* ── Channels ───────────────────────────────────────────────── */
.item-channel .user-block {
    background: var(--background-gradient);
    border-color: var(--color-03);
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.item-channel .channel-holder      { border-color: var(--color-03); border-radius: var(--border-radius); }
.item-channel .info strong span    { color: var(--color-02); }
.item-channel .info                { background: var(--background-gradient); border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); }
.item-channel .info strong         { color: var(--color-04); border-top-color: var(--color-03); }
.item-channel .info .col           { border-left-color: var(--color-03); }
.item-channel .channel-holder .user-block:hover h2 { color: var(--color-main-01); }

/* ── Watch video ────────────────────────────────────────────── */
.rating .like-dislike.rated a,
.rating .like-dislike a:not(.disabled):hover,
.video-details header.details .user-video-info .user-title a:not(.disabled):hover { color: var(--color-main-01); }
.video-details {
    background: var(--background-gradient);
    color: var(--color-02);
    border: var(--cyber-border);
    border-radius: var(--border-radius);
    box-shadow: var(--generic-box-shadow);
}
.watch-vid-details .desc-list,
.video-details header.details .user-video-info .user-title a { color: var(--color-02); }
.playlist.featured-video.active { background-color: var(--color-03); }
#cb_player .video-js {
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: 0 0 30px rgba(233, 30, 140, 0.25);
}

/* ── Channel page ───────────────────────────────────────────── */
.cover .profile-buttons {
    background: var(--background-gradient);
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    color: var(--color-02);
}
.channel-tabs {
    background-color: var(--color-01);
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}
.cover .changeCover { background-color: var(--color-main-01); color: var(--color-main-02); box-shadow: var(--cyber-glow-pink); }
.playlist-item .playlist-thumb .playlist-info h2 a:hover { color: var(--color-main-01); }
.playlist-item .playlist-thumb h2 a                     { color: var(--color-02); }
.flat-tabs .videos .video-info,
.flat-tabs .item-photo .photo-info,
.playlist-item .playlist-thumb .playlist-info {
    background: var(--background-gradient);
    color: var(--color-02);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}

/* ── Photo block ────────────────────────────────────────────── */
.item-photo .photo-info {
    background: var(--background-gradient);
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}
.item-photo .photo-info span,
.item-photo .photo-info span a  { color: var(--color-main-01); }
.item-photo .photo-info strong a { color: var(--color-02); }
.item-photo .photo-holder {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    overflow: hidden;
}

/* ── Breadcrumb ─────────────────────────────────────────────── */
.breadcrumb {
    background: var(--color-01);
    border: var(--cyber-border);
    border-radius: var(--border-radius);
}
.breadcrumb > li + li::before   { color: var(--color-02); }
.breadcrumb > li > a            { color: var(--color-main-01); }

/* ── Collection ─────────────────────────────────────────────── */
.fav-repo {
    background: var(--background-gradient);
    border: var(--cyber-border);
    border-radius: var(--border-radius);
}
.fav-repo .desc-list, .fav-repo .label-block { color: var(--color-02); }

/* ── Photo view ─────────────────────────────────────────────── */
#gallery, .view-details {
    background: var(--background-gradient);
    border: var(--cyber-border);
    border-radius: var(--border-radius);
}
.view-details header.details .user-video-info .user-title a,
.view-details header.details .user-video-info .views-counter { color: var(--color-02); }
.photo-view .view-photo-nxt,
.photo-view .view-photo-pre,
#gallery #enlarge,
.photo-view .overlay .img-close {
    background-color: var(--color-01);
    color: var(--color-02);
    border-color: var(--color-03);
    border-radius: var(--border-radius);
}
.watch-vid-details .desc-list li a,
.photo-view .view-photo-nxt:focus,
.photo-view .view-photo-nxt:hover,
.photo-view .view-photo-pre:focus,
.photo-view .view-photo-pre:hover,
#gallery #enlarge:hover,
.photo-view .overlay .img-close:hover { color: var(--color-main-01); }
.watch-vid-details .desc-list li a:hover { color: var(--color-02); }

/* ── Comments ───────────────────────────────────────────────── */
.comments-block {
    background: var(--background-gradient);
    border: var(--cyber-border);
    border-radius: var(--border-radius);
    box-shadow: var(--generic-box-shadow);
}
.addComment h2                              { border-color: var(--color-03); }
.addComment a.collapsing_arrow span,
.comments-box .commenter a, .addComment    { color: var(--color-02); }
.addComment a.collapsing_arrow span:hover,
.comments-box .commenter a:hover           { color: var(--color-main-01); }
.comments > ul > li .comment-info .commenter span,
.comments > ul > li .com-info-actions .reply a { color: var(--color-04); }

/* ── Collections listing ─────────────────────────────────────── */
.collections .title {
    background: var(--background-gradient);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.collections .photo-block a {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    overflow: hidden;
}

/* ── Quicklist ──────────────────────────────────────────────── */
.quicklist_box {
    background: var(--background-gradient);
    border: var(--cyber-border);
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.quicklist_box_head                    { color: var(--color-02); }
.qlist_item {
    background-color: var(--color-01);
    border-color: var(--color-03);
}
.qlist_item .pl_thumb img              { border-radius: var(--border-radius); }
.pl_details a, .pl_details             { color: var(--color-02); }
.pl_details a:hover                    { color: var(--color-main-01); }
.item-video .thumb-holder .cb_quickie.icon-tick,
.slider-video-container .thumb-video-padding .thumb-video > div.add-playlist.cb_quickie.icon-tick {
    background-color: var(--color-main-01);
    border-color: var(--color-main-01);
    color: var(--color-main-02);
}

/* ── My account / manage ────────────────────────────────────── */
.manage-page,
.manage-page .nav-pills > li > a,
.manage-page .nav.nav-tabs a,
.account_box                           { color: var(--color-02); }
.manage-page .nav-pills > li > a:hover,
.manage-page .nav-pills > li > a:focus,
.manage-page .nav-pills > li.active > a:hover { background-color: var(--color-main-01); color: var(--color-main-02); box-shadow: var(--cyber-glow-pink); }
.manage-page .nav.nav-tabs > li.active > a,
.manage-page .nav-tabs > li > a:hover,
.manage-page .nav-tabs > li > a:focus  { background-color: var(--color-01); border-color: var(--color-02); border-bottom-color: transparent; }
.manage-page .nav.nav-tabs li.active a:hover,
.manage-page .nav-tabs > li > a:hover  { color: var(--color-main-01); }
.manage-page .nav-pills.nav-stacked > li.active > a { background-color: var(--color-03); color: var(--color-02); }
.manage-page .nav-stacked > li + li    { margin-top: 0; }

/* ── Video editor ───────────────────────────────────────────── */
#updateVideoInfo .formSection h4,
#updateCollection .formSection h4 {
    background: var(--color-05);
    border-radius: var(--border-radius);
    color: var(--color-main-01);
    letter-spacing: 0.04em;
}
#new_thumbs { color: var(--color-02); }

/* ── Shadows on grid items ───────────────────────────────────── */
.item-video:not(:has(.slider-video-container))::after,
.item-photo::after,
.item-channel::after,
.collection-item::after,
#coverContainer::after {
    content: "";
    position: absolute;
    box-shadow: 0 20px 30px 0 rgba(233, 30, 140, 0.12);
    left: 12px;
    width: calc(100% - 24px);
    bottom: 10px;
    height: 33px;
    z-index: -1;
}
.sidebar-items,
.sidebar-channels,
.sidebar-playlists .playlist,
.signin-block .side-box,
.signin-block .user-form,
.forgot-block .user-form,
.cb-box { box-shadow: var(--generic-box-shadow); }

/* ── Slider ─────────────────────────────────────────────────── */
.slider-video-container .thumb-video-padding a.thumb-video {
    background: var(--background-gradient);
}
.slider-container-featured { box-shadow: 0 0 40px rgba(233, 30, 140, 0.2); }
.default-slider .slider-container .item-video {
    border-radius: var(--border-radius);
    background-color: transparent;
}
.slider-video-container .thumb-video-padding + .shadow {
    box-shadow: rgba(0, 0, 0, 0.80) 0px 25px 20px -20px;
    width: 100%; height: calc(var(--height) - 5px);
    display: block; z-index: -1; position: absolute; top: 0; left: 0;
}

/* ── Primary colour icon ────────────────────────────────────── */
.i-primary { color: var(--color-main-01); }

/* ── Mobile ─────────────────────────────────────────────────── */
@media only screen and (max-width: 767px) {
    #header .navbar-default .navbar-toggle::after,
    #header .navbar-default .navbar-toggle::before,
    #header .navbar-default .navbar-toggle .icon-down-arrow { background-color: var(--color-02); }
    .btn-search-toggle:active,
    .btn-search-toggle:focus,
    .btn-search-toggle:hover,
    .btn-search-toggle                                      { color: var(--color-02); }
    .user_menu, .newuser-links > li > a                     { background-color: var(--color-01); color: var(--color-02); }
    .newuser-links > li.upload_link a.btn-default,
    .newuser-links .open > .btn-default.dropdown-toggle:hover,
    .newuser-links .open > .btn-default.dropdown-toggle:focus,
    .newuser-links .open > .btn-default.dropdown-toggle:active,
    .newuser-links > li.upload_link.open > a.btn-default.dropdown-toggle:hover,
    .newuser-links > li.upload_link.open > a.btn-default.dropdown-toggle:focus,
    .newuser-links > li.upload_link.open > a.btn-default.dropdown-toggle.focus,
    .newuser-links > li.upload_link.open > a.btn-default.dropdown-toggle,
    #header .upload_link .dropdown-menu > li > a            { background-color: var(--color-01); border-color: var(--color-04); color: var(--color-02); }
    #header .menu-holder .col .main-links ul li.active a,
    #header .menu-holder .col .main-links ul li a:hover     { background-color: var(--color-main-01); color: var(--color-main-02); border-radius: var(--border-radius); box-shadow: var(--cyber-glow-pink); }
    .filter-dropdowns .dropdown                             { background-color: var(--color-01); border-radius: var(--border-radius); }
    .filter-dropdowns .dropdown > a                         { color: var(--color-02); }
}
@media only screen and (max-width: 990px) {
    #header .logo img { max-height: 45px; }
}

/* ── Toastui editor ─────────────────────────────────────────── */
.toastui-editor-contents p { color: var(--color-02); }

/* ── Scrollbar styling ───────────────────────────────────────── */
::-webkit-scrollbar               { width: 6px; height: 6px; }
::-webkit-scrollbar-track         { background: var(--color-05); }
::-webkit-scrollbar-thumb         { background: var(--color-main-01); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover   { background: var(--cyber-cyan); box-shadow: var(--cyber-glow-cyan); }

/* ── Neon scan-line overlay (subtle) ─────────────────────────── */
body::after {
    content: '';
    pointer-events: none;
    position: fixed;
    inset: 0;
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        rgba(0, 229, 255, 0.012) 2px,
        rgba(0, 229, 255, 0.012) 4px
    );
    z-index: 9999;
    mix-blend-mode: overlay;
}