#toggle-theme-icon {
    cursor: pointer;
}

[data-bs-theme=dark] {
    color-scheme: dark;
    /* [CHANGED] Override body background variable to #0e0e0e */
    --bs-body-bg: #0e0e0e !important; 
    --bs-body-color: #dee2e6;
    --bs-secondary-color: #adb5bd;
}

/* [ADDED] Force body background to #0e0e0e */
body[data-bs-theme='dark'] {
    background-color: #0e0e0e !important;
    color: #dee2e6;
}

body[data-bs-theme='dark'] .page-header.navbar {
    background-color: #0e0e0e; /* Match body bg */
    border-bottom: solid 1px #333;
}

body[data-bs-theme='dark'] .list-slider.featured .list-item .label {
    color: var(--bs-secondary-color);
}

body[data-bs-theme='dark'] .list-item .sub-title {
    color: var(--bs-secondary-color);
}

body[data-bs-theme='dark'] .list-grid-item .sub-title {
    color: var(--bs-secondary-color);
}

body[data-bs-theme='dark'] .main-nav-mobile ul li a {
    color: #fff;
}

body[data-bs-theme='dark'] .label {
    color: #fff;
}

body[data-bs-theme='dark'] .main-nav-mobile ul li a:hover {
    color: #ffffff;
}

body[data-bs-theme='dark'] .main-nav-mobile ul li.active a span,
body[data-bs-theme='dark'] .main-nav-mobile ul li:hover a span {
    color: #ffffff;
}

@media (max-width: 991.98px) {
    body[data-bs-theme='dark'] .navbar .navbar-collapse {
        background-color: #0e0e0e; /* Match body bg */
        border-color: #333;
    }
}

body[data-bs-theme='dark'] .btn-share {
    border: 1px solid #ffffff;
    color: #ffffff;
}

body[data-bs-theme='dark'] .post-content a {
    color: #ffffff;
    text-decoration: underline;
}

body[data-bs-theme='dark'] .tabs-content .nav-link.disabled {
    color: var(--bs-nav-link-disabled-color);
}

@media (min-width: 768px) {
    body[data-bs-theme='dark'] .song-list-playlist-items .list-item:hover {
        background-color: #1a1a1a;
    }
}

body[data-bs-theme='dark'] .song-list-playlist-items .list-item .play-duration {
    color: var(--bs-secondary-color);
}

body[data-bs-theme='dark'] .song-list-playlist-items.chart-songs .list-item .song-list-col-track-number {
    color: var(--bs-body-color);
}

body[data-bs-theme='dark'] .section-hd__title {
    color: #ffffff;
}

/* [CHANGED] Footer background to #0e0e0e */
body[data-bs-theme='dark'] .page-footer {
    background-color: #0e0e0e; 
    color: hsla(0,0%,100%,.92);
    border-top: 1px solid #333;
}

body[data-bs-theme='dark'] .page-footer-link {
    color: rgba(255,255,255,.6) !important;
}

body[data-bs-theme='dark'] .page-footer-copy {
    color: rgba(255,255,255,.4);
}

body[data-bs-theme='dark'] .plyr-playlist.fixed-bottom {
    border-top: solid 1px #333;
    background-color: #0e0e0e;
}

body[data-bs-theme='dark'] .tabs-content .nav-link {
    color: #fff;
}

body[data-bs-theme='dark'] .lyrics {
    background-color: #0e0e0e; /* Match body bg */
}

body[data-bs-theme='dark'] .show-more-button-outline {
    background-color: #333;
    color: var(--bs-body-color);
}

body[data-bs-theme='dark'] .more-content-button-outline {
    background-color: #333;
    color: var(--bs-body-color);
}

body[data-bs-theme='dark'] .media-about-header .title {
    color: var(--bs-secondary-color);
}

/* [CHANGED] Inner footer bg */
body[data-bs-theme='dark'] .footer-has-bg {
    background-color: #0e0e0e;
}

body[data-bs-theme='dark'] .copyright-inner {
    color: rgba(255, 255, 255, .4) !important; 
}

body[data-bs-theme='dark'] .menu-item a > span {
    color: #FFFFFFEB !important;
}

body[data-bs-theme='dark'] .heading-title > * {
    color: #FFFFFFEB !important;
}

body[data-bs-theme='dark'] .mobile-menu {
    background: #0e0e0e;
    border-top: solid 1px #333;
}

body[data-bs-theme='dark'] .mobile-menu-link {
    color: #FFFFFFEB !important;
}

body[data-bs-theme='dark'] .mobile-menu-item-label {
    color: #FFFFFFEB !important;
}

body[data-bs-theme='dark'] .footer-site-description {
    color: #FFFFFFEB !important;
}

body[data-bs-theme='dark'] .c-river-section-title--basic h2 {
   background-color: #0e0e0e !important;
}

body[data-bs-theme='dark'] .tracklist-section-header {
    color: #FFFFFFEB !important;
}

/* =========================================
   FIX: Country Scroll Section Dark Mode
   ========================================= */

/* 1. Main Container Background */
body[data-bs-theme='dark'] .country-scroll-section {
    background-color: #0e0e0e !important; /* Matches your main body bg */
    border-bottom: 1px solid #333 !important;
}

/* 2. Country Icon/Placeholder Circle */
body[data-bs-theme='dark'] .country-scroll-section .bg-gray-200 {
    background-color: #1a1a1a !important; /* Dark grey for the circle */
    color: #9ca3af !important; /* Icon color */
}

/* 3. Country Name Text */
body[data-bs-theme='dark'] .country-scroll-section .text-gray-700 {
    color: #e5e7eb !important; /* Light text */
}

/* 4. Ensure links/images don't have weird borders */
body[data-bs-theme='dark'] .country-scroll-section img {
    opacity: 0.9;
}
body[data-bs-theme='dark'] .country-scroll-section a:hover .text-xs {
    color: var(--primary) !important;
}

/* =========================================
   FIX: Charts Dropdown Dark Mode
   ========================================= */

/* 1. The Select Input Box */
body[data-bs-theme='dark'] .header-filter .form-select {
    background-color: #1a1a1a !important; /* Slightly lighter than body for contrast */
    color: #ffffff !important;            /* White text */
    border: 1px solid #333 !important;    /* Dark grey border */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important; /* White arrow icon */
}

/* 2. Hover/Focus State */
body[data-bs-theme='dark'] .header-filter .form-select:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 0.25rem rgba(255, 20, 147, 0.25); /* Pink glow matches your theme */
}

/* 3. The Dropdown Options (Browser dependent, but helps where supported) */
body[data-bs-theme='dark'] .header-filter .form-select option {
    background-color: #1a1a1a;
    color: #ffffff;
}

/* =========================================
   FIX: List Item Center Link Hover (Dark Mode)
   ========================================= */
body[data-bs-theme='dark'] .list-item-center a:hover {
    color: deeppink !important;
}

/* =========================================
   FIX: DJ Tracklist / Post Content Dark Mode
   ========================================= */
body[data-bs-theme='dark'] .post-content.bg-light {
    background-color: #1a1a1a !important; /* Dark background instead of light grey */
    border-color: #333333 !important;     /* Dark border */
    color: #e5e7eb !important;            /* Light text color */
}