/* ═══════════════════════════════════════════════════
   DARK MODE — CTS Network
   Full dark palette with layered elevation
   ═══════════════════════════════════════════════════ */

/* ── Light mode defaults ── */
[data-bs-theme="light"] {
    .about-dark {
        display: none;
    }
}

/* ═══════════════════════════════════════════════════
   DARK MODE
   ═══════════════════════════════════════════════════ */
[data-bs-theme="dark"] {

    /* ── Base surfaces ── */
    body {
        background-color: #2c2b51 !important;
        color: #E8E6F0;
    }

    .content {
        background-color: #2c2b51;
    }

    /* ── Loader ── */
    .loader {
        background-color: #2c2b51;
    }

    /* ══ NAVBAR ══ */
    .main-navbar {
        background-color: #2c2b51;
    }

    .main-navbar a.active {
        color: #2c2b51;
        background-color: #eda720;
        border-radius: 6px;
    }

    .main-navbar a {
        color: #E8E6F0;
    }

    .main-navbar li:hover a {
        color: #2c2b51;
        background-color: #eda720;
    }

    /* Desktop Search Box */
    .navbar-container-desktop .search-box {
        background-color: #3a396e;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    }

    .navbar-container-desktop .search-box input {
        color: #E8E6F0;
    }

    .navbar-container-desktop .search-box input::placeholder {
        color: #8888a8;
    }

    .search-close-button {
        color: #eda720;
    }

    /* ══ MOBILE NAVBAR ══ */
    .sticky-elements {
        background-color: #2c2b51;
    }

    .hamburger .bar,
    .hamburger:after,
    .hamburger:before {
        background-color: #eda720;
    }

    a.search-button-mobile {
        color: #eda720;
    }

    .mobile-navbar {
        background-color: #252448;
    }

    .mobile-navbar a {
        color: #E8E6F0;
    }

    .mobile-navbar a:hover {
        background-color: #3a396e;
        color: #eda720;
    }

    /* ══ CARDS & ARTICLE LIST ══ */
    .view_item {
        background: #3a396e;
        border-radius: 10px;
        border: 1px solid rgba(255, 255, 255, 0.06);
        transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    }

    .view_item:hover {
        background: #3f3e74;
        border-color: rgba(237, 167, 32, 0.3);
        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
    }

    .vi-title {
        color: #E8E6F0;
        font-weight: bold;
        text-decoration: none;
    }

    .list-title:hover {
        color: #eda720;
    }

    .list-category {
        color: #eda720;
    }

    .list-category:hover {
        color: #f5c84c;
    }

    .view_item .content-excerpt {
        color: #a8a6c2;
    }

    .view_item .reading-time {
        color: #8888a8;
    }

    .view_item .content-author {
        color: #eda720;
    }

    .view_item .content-author:hover {
        color: #f5c84c;
    }

    /* ══ PLACEHOLDER COVERS ══ */
    .placeholder-cover {
        background: linear-gradient(135deg, #3a396e 0%, #4a4980 50%, #3a396e 100%);
    }

    .placeholder-cover-icon {
        color: rgba(237, 167, 32, 0.5);
    }

    /* ══ SIDEBAR ══ */
    .sidebar-category-list li,
    .sidebar-popular-item {
        border-bottom-color: #3a396e;
    }

    .sidebar-category-link,
    .sidebar-popular-link {
        color: #d1cfe6;
    }

    .sidebar-category-link:hover,
    .sidebar-popular-link:hover {
        color: #eda720;
    }

    .sidebar-count {
        background: #3a396e;
        color: #a8a6c2;
    }

    .sidebar-popular-meta {
        color: #8888a8;
    }

    .sidebar-tag {
        border-color: #3a396e;
        color: #d1cfe6;
    }

    .sidebar-tag:hover {
        background: #eda720;
        color: #2c2b51;
        border-color: #eda720;
    }

    /* ══ ABOUT PAGE ══ */
    .highlight {
        background-color: #8383fd;
    }

    .about-light {
        display: none;
    }

    /* ══ INSTAGRAM EMBED ══ */
    .instagram-media-registered {
        background: #3a396e;
    }

    /* ══ ARTICLE PAGE ══ */
    .accessories-article {
        color: #eda720;
    }

    .accessories-article:hover {
        color: #f5c84c;
    }

    /* ToC */
    .toc-container {
        background: #2e2d54;
        border-color: #3a396e;
    }

    .toc-link {
        color: #d1cfe6;
    }

    .toc-link:hover {
        color: #eda720;
    }

    /* Post navigation */
    .post-nav-item {
        border-color: #3a396e;
    }

    .post-nav-link {
        color: #d1cfe6;
    }

    .post-nav-link:hover {
        color: #eda720;
    }

    /* ══ MORE BRANDS ══ */
    .more-brands::before,
    .more-brands::after {
        background-color: #E8E6F0;
    }

    /* ══ MEDIA PARTNER ══ */
    .media-partner-table .benefit-description {
        color: #2c2b51;
    }

    .media-partner-table .regular {
        color: #2c2b51;
    }

    /* ══ SEARCH BAR ══ */
    .posts-search-input-wrap {
        border-color: #3a396e;
        background: #3a396e;
    }

    .posts-search-input-wrap:focus-within {
        border-color: #eda720;
    }

    .posts-search-input {
        color: #E8E6F0;
    }

    .posts-search-input::placeholder {
        color: #8888a8;
    }

    /* ══ PAGINATION ══ */
    .pagination .page-link {
        background: #3a396e;
        border-color: #4a4980;
        color: #eda720;
    }

    .pagination .page-link:hover {
        background: #eda720;
        border-color: #eda720;
        color: #2c2b51;
    }

    .pagination .page-item.active .page-link {
        background: #eda720;
        border-color: #eda720;
        color: #2c2b51;
    }

    /* ══ SECTION DIVIDER ══ */
    .section-divider {
        background: linear-gradient(to right, transparent, rgba(237, 167, 32, 0.2), transparent);
    }

    /* ══ HR TAGS ══ */
    hr {
        border-color: rgba(255, 255, 255, 0.08);
    }

    /* ══ BACK TO TOP ══ */
    .backtop-circle {
        background: #eda720;
        color: #2c2b51;
    }

    .backtop-circle:hover {
        background: #f5c84c;
    }

    /* ══ CONTACT PAGE ══ */
    .contact-info-card {
        background: #3a396e;
        border-color: rgba(44, 43, 81, 0.08);
    }

    .contact-info-card:hover {
        background: #5B6EE1;
        border-color: #eda720;

        .contact-info-text {
             color: #E8E6F0;
        }
    }

    .contact-form-input,
    .contact-form-textarea,
    .contact-form-select {
        background: #2e2d54;
        border-color: #4a4980;
        color: #E8E6F0;
    }

    .contact-form-input:focus,
    .contact-form-textarea:focus,
    .contact-form-select:focus {
        border-color: #eda720;
    }

    /* ══ FOOTER ══ */
    .footer {
        background-color: #1e1d3d;
    }

    /* ══ INTERACTIVE SEARCH (dark mode) ══ */
    .navbar-search-input-wrap {
        background: #3a396e;
        border-color: rgba(255, 255, 255, 0.08);
    }

    .navbar-search-input-wrap:focus-within {
        background: #2e2d54;
        border-color: #eda720;
        box-shadow: 0 0 0 3px rgba(237, 167, 32, 0.1);
    }

    .navbar-search-input {
        color: #E8E6F0;
    }

    .navbar-search-input::placeholder {
        color: #8888a8;
    }

    .navbar-search-icon {
        color: #8888a8;
    }

    .search-suggestions {
        background: #2e2d54;
        border-color: rgba(255, 255, 255, 0.08);
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    }

    .suggestion-item:hover,
    .suggestion-item.highlighted {
        background-color: #3a396e;
    }

    .suggestion-thumb-placeholder {
        background: linear-gradient(135deg, #2c2b51, #4a4980);
    }

    .suggestion-title {
        color: #E8E6F0;
    }

    .suggestion-meta {
        color: #8888a8;
    }

    .suggestion-footer {
        border-top-color: rgba(255, 255, 255, 0.06);
    }

    .suggestion-empty {
        color: #8888a8;
    }
}