/*
 * RadioGheseh dark mode presentation layer.
 * Scope: visual colors only. No auth, player, offline, routing, or storage logic.
 */

:root {
    --rg-dark-bg: #151311;
    --rg-dark-bg-soft: #1b1815;
    --rg-dark-surface: #23201c;
    --rg-dark-surface-2: #2b261f;
    --rg-dark-border: rgba(245, 178, 95, 0.18);
    --rg-dark-text: #f6f0e8;
    --rg-dark-muted: #c9baab;
    --rg-dark-faint: #998d7f;
    --rg-dark-blue: #91b7ff;
    --rg-dark-orange: #f49a3a;
    --rg-dark-green: #68d391;
    --rg-dark-danger: #ff8d8d;
    --rg-dark-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}

@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) {
        color-scheme: dark;
        overflow-x: hidden !important;
    }

    html:not([data-rg-theme="light"]) body {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
}

html[data-rg-theme="dark"] {
    color-scheme: dark;
    overflow-x: hidden !important;
}

html[data-rg-theme="dark"] body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) body {
        background: var(--rg-dark-bg) !important;
        color: var(--rg-dark-text);
    }
}

html[data-rg-theme="dark"] body {
    background: var(--rg-dark-bg) !important;
    color: var(--rg-dark-text);
}

@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) a {
        color: var(--rg-dark-blue);
    }
}

html[data-rg-theme="dark"] a {
    color: var(--rg-dark-blue);
}

@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) input,
    html:not([data-rg-theme="light"]) textarea,
    html:not([data-rg-theme="light"]) select {
        background-color: #111827 !important;
        border-color: var(--rg-dark-border) !important;
        color: var(--rg-dark-text) !important;
    }
}

html[data-rg-theme="dark"] input,
html[data-rg-theme="dark"] textarea,
html[data-rg-theme="dark"] select {
    background-color: #111827 !important;
    border-color: var(--rg-dark-border) !important;
    color: var(--rg-dark-text) !important;
}

@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) input::placeholder,
    html:not([data-rg-theme="light"]) textarea::placeholder {
        color: var(--rg-dark-faint);
    }
}

html[data-rg-theme="dark"] input::placeholder,
html[data-rg-theme="dark"] textarea::placeholder {
    color: var(--rg-dark-faint);
}

@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) header,
    html:not([data-rg-theme="light"]) .header,
    html:not([data-rg-theme="light"]) .site-header,
    html:not([data-rg-theme="light"]) nav,
    html:not([data-rg-theme="light"]) .main-menu,
    html:not([data-rg-theme="light"]) .top-menu,
    html:not([data-rg-theme="light"]) .bottom-menu {
        background: rgba(15, 23, 36, 0.94) !important;
        border-color: var(--rg-dark-border) !important;
        box-shadow: 0 -10px 32px rgba(0, 0, 0, 0.28);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }
}

html[data-rg-theme="dark"] header,
html[data-rg-theme="dark"] .header,
html[data-rg-theme="dark"] .site-header,
html[data-rg-theme="dark"] nav,
html[data-rg-theme="dark"] .main-menu,
html[data-rg-theme="dark"] .top-menu,
html[data-rg-theme="dark"] .bottom-menu {
    background: rgba(15, 23, 36, 0.94) !important;
    border-color: var(--rg-dark-border) !important;
    box-shadow: 0 -10px 32px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) .menu-url a,
    html:not([data-rg-theme="light"]) .menu-url #rgMobileAdvancedsearch,
    html:not([data-rg-theme="light"]) .menu-url svg,
    html:not([data-rg-theme="light"]) .menu-url .mnu-name {
        color: var(--rg-dark-muted) !important;
    }
}

html[data-rg-theme="dark"] .menu-url a,
html[data-rg-theme="dark"] .menu-url #rgMobileAdvancedsearch,
html[data-rg-theme="dark"] .menu-url svg,
html[data-rg-theme="dark"] .menu-url .mnu-name {
    color: var(--rg-dark-muted) !important;
}

@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) .menu-url.active a,
    html:not([data-rg-theme="light"]) .menu-url.active svg,
    html:not([data-rg-theme="light"]) .menu-url.active .mnu-name {
        color: var(--rg-dark-blue) !important;
    }
}

html[data-rg-theme="dark"] .menu-url.active a,
html[data-rg-theme="dark"] .menu-url.active svg,
html[data-rg-theme="dark"] .menu-url.active .mnu-name {
    color: var(--rg-dark-blue) !important;
}

@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) header a,
    html:not([data-rg-theme="light"]) .header a,
    html:not([data-rg-theme="light"]) .site-header a,
    html:not([data-rg-theme="light"]) nav a,
    html:not([data-rg-theme="light"]) .main-menu a,
    html:not([data-rg-theme="light"]) .menu a,
    html:not([data-rg-theme="light"]) .menu-item a {
        color: var(--rg-dark-muted) !important;
    }

    html:not([data-rg-theme="light"]) header a:hover,
    html:not([data-rg-theme="light"]) .header a:hover,
    html:not([data-rg-theme="light"]) nav a:hover,
    html:not([data-rg-theme="light"]) .menu-item.current-menu-item > a,
    html:not([data-rg-theme="light"]) .current-menu-item > a {
        color: var(--rg-dark-orange) !important;
    }
}

html[data-rg-theme="dark"] header a,
html[data-rg-theme="dark"] .header a,
html[data-rg-theme="dark"] .site-header a,
html[data-rg-theme="dark"] nav a,
html[data-rg-theme="dark"] .main-menu a,
html[data-rg-theme="dark"] .menu a,
html[data-rg-theme="dark"] .menu-item a {
    color: var(--rg-dark-muted) !important;
}

html[data-rg-theme="dark"] header a:hover,
html[data-rg-theme="dark"] .header a:hover,
html[data-rg-theme="dark"] nav a:hover,
html[data-rg-theme="dark"] .menu-item.current-menu-item > a,
html[data-rg-theme="dark"] .current-menu-item > a {
    color: var(--rg-dark-orange) !important;
}

@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) .rgRowTitle,
    html:not([data-rg-theme="light"]) h1,
    html:not([data-rg-theme="light"]) h2,
    html:not([data-rg-theme="light"]) h3,
    html:not([data-rg-theme="light"]) h4,
    html:not([data-rg-theme="light"]) strong {
        color: var(--rg-dark-text);
    }
}

html[data-rg-theme="dark"] .rgRowTitle,
html[data-rg-theme="dark"] h1,
html[data-rg-theme="dark"] h2,
html[data-rg-theme="dark"] h3,
html[data-rg-theme="dark"] h4,
html[data-rg-theme="dark"] strong {
    color: var(--rg-dark-text);
}

@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) p,
    html:not([data-rg-theme="light"]) .rgRowItem,
    html:not([data-rg-theme="light"]) .cat-name,
    html:not([data-rg-theme="light"]) .writer,
    html:not([data-rg-theme="light"]) .album-author,
    html:not([data-rg-theme="light"]) .rg-muted,
    html:not([data-rg-theme="light"]) .rg-form-label {
        color: var(--rg-dark-muted) !important;
    }
}

html[data-rg-theme="dark"] p,
html[data-rg-theme="dark"] .rgRowItem,
html[data-rg-theme="dark"] .cat-name,
html[data-rg-theme="dark"] .writer,
html[data-rg-theme="dark"] .album-author,
html[data-rg-theme="dark"] .rg-muted,
html[data-rg-theme="dark"] .rg-form-label {
    color: var(--rg-dark-muted) !important;
}

@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) .albumInRow,
    html:not([data-rg-theme="light"]) .postInRow,
    html:not([data-rg-theme="light"]) .rg-album-card,
    html:not([data-rg-theme="light"]) .rg-profile-story-card,
    html:not([data-rg-theme="light"]) .rg-dashboard-shell,
    html:not([data-rg-theme="light"]) .rg-dashboard-panel,
    html:not([data-rg-theme="light"]) .rg-dashboard-card,
    html:not([data-rg-theme="light"]) .rg-tab-nav,
    html:not([data-rg-theme="light"]) .rg-tab-panel,
    html:not([data-rg-theme="light"]) .rg-offline-card,
    html:not([data-rg-theme="light"]) .rgOfflineV2Card,
    html:not([data-rg-theme="light"]) .rgOfflineV2LibraryActions,
    html:not([data-rg-theme="light"]) .rgAuthBox,
    html:not([data-rg-theme="light"]) .modal-content {
        background: var(--rg-dark-surface) !important;
        border-color: var(--rg-dark-border) !important;
        color: var(--rg-dark-text) !important;
        box-shadow: var(--rg-dark-shadow);
    }
}

html[data-rg-theme="dark"] .albumInRow,
html[data-rg-theme="dark"] .postInRow,
html[data-rg-theme="dark"] .rg-album-card,
html[data-rg-theme="dark"] .rg-profile-story-card,
html[data-rg-theme="dark"] .rg-dashboard-shell,
html[data-rg-theme="dark"] .rg-dashboard-panel,
html[data-rg-theme="dark"] .rg-dashboard-card,
html[data-rg-theme="dark"] .rg-tab-nav,
html[data-rg-theme="dark"] .rg-tab-panel,
html[data-rg-theme="dark"] .rg-offline-card,
html[data-rg-theme="dark"] .rgOfflineV2Card,
html[data-rg-theme="dark"] .rgOfflineV2LibraryActions,
html[data-rg-theme="dark"] .rgAuthBox,
html[data-rg-theme="dark"] .modal-content {
    background: var(--rg-dark-surface) !important;
    border-color: var(--rg-dark-border) !important;
    color: var(--rg-dark-text) !important;
    box-shadow: var(--rg-dark-shadow);
}

@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) .rg-profile-hero,
    html:not([data-rg-theme="light"]) .rg-profile-header {
        background: linear-gradient(135deg, #101827, #1b2a42) !important;
        border-color: rgba(127, 162, 255, 0.2) !important;
    }
}

html[data-rg-theme="dark"] .rg-profile-hero,
html[data-rg-theme="dark"] .rg-profile-header {
    background: linear-gradient(135deg, #101827, #1b2a42) !important;
    border-color: rgba(127, 162, 255, 0.2) !important;
}

@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) .rg-tab-btn,
    html:not([data-rg-theme="light"]) .rg-profile-action,
    html:not([data-rg-theme="light"]) .rgOfflineV2CardBtn,
    html:not([data-rg-theme="light"]) .rgOfflineV2LibraryPlay,
    html:not([data-rg-theme="light"]) .rg-sleep-timer-trigger {
        background: var(--rg-dark-surface-2) !important;
        border-color: var(--rg-dark-border) !important;
        color: var(--rg-dark-text) !important;
    }
}

html[data-rg-theme="dark"] .rg-tab-btn,
html[data-rg-theme="dark"] .rg-profile-action,
html[data-rg-theme="dark"] .rgOfflineV2CardBtn,
html[data-rg-theme="dark"] .rgOfflineV2LibraryPlay,
html[data-rg-theme="dark"] .rg-sleep-timer-trigger {
    background: var(--rg-dark-surface-2) !important;
    border-color: var(--rg-dark-border) !important;
    color: var(--rg-dark-text) !important;
}

@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) .rg-tab-btn.active,
    html:not([data-rg-theme="light"]) .rg-tab-btn.is-active,
    html:not([data-rg-theme="light"]) .rg-profile-action.is-primary,
    html:not([data-rg-theme="light"]) .rgOfflineV2CardBtn.is-primary,
    html:not([data-rg-theme="light"]) .rgOfflineV2LibraryPlay {
        background: #4564d7 !important;
        color: #fff !important;
        border-color: rgba(127, 162, 255, 0.34) !important;
    }
}

html[data-rg-theme="dark"] .rg-tab-btn.active,
html[data-rg-theme="dark"] .rg-tab-btn.is-active,
html[data-rg-theme="dark"] .rg-profile-action.is-primary,
html[data-rg-theme="dark"] .rgOfflineV2CardBtn.is-primary,
html[data-rg-theme="dark"] .rgOfflineV2LibraryPlay {
    background: #4564d7 !important;
    color: #fff !important;
    border-color: rgba(127, 162, 255, 0.34) !important;
}

@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) .rg-profile-action.is-danger,
    html:not([data-rg-theme="light"]) .rgOfflineV2CardBtn.is-danger,
    html:not([data-rg-theme="light"]) .rg-delete-btn {
        background: rgba(255, 138, 138, 0.14) !important;
        color: var(--rg-dark-danger) !important;
        border-color: rgba(255, 138, 138, 0.24) !important;
    }
}

html[data-rg-theme="dark"] .rg-profile-action.is-danger,
html[data-rg-theme="dark"] .rgOfflineV2CardBtn.is-danger,
html[data-rg-theme="dark"] .rg-delete-btn {
    background: rgba(255, 138, 138, 0.14) !important;
    color: var(--rg-dark-danger) !important;
    border-color: rgba(255, 138, 138, 0.24) !important;
}

@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) .modal {
        background-color: rgba(2, 6, 23, 0.72) !important;
    }
}

html[data-rg-theme="dark"] .modal {
    background-color: rgba(2, 6, 23, 0.72) !important;
}

@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable,
    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .player {
        background: rgba(15, 23, 36, 0.96) !important;
        border-color: var(--rg-dark-border) !important;
        box-shadow: 0 -16px 42px rgba(0, 0, 0, 0.36) !important;
    }

    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .metadata,
    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .track-name,
    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .track-artist,
    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .timing,
    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .control--item,
    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .control--item svg,
    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .control--item i,
    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .playlist,
    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .playlist a {
        color: var(--rg-dark-text) !important;
        fill: currentColor !important;
    }
}

html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable,
html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .player {
    background: rgba(15, 23, 36, 0.96) !important;
    border-color: var(--rg-dark-border) !important;
    box-shadow: 0 -16px 42px rgba(0, 0, 0, 0.36) !important;
}

html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .metadata,
html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .track-name,
html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .track-artist,
html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .timing,
html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .control--item,
html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .control--item svg,
html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .control--item i,
html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .playlist,
html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .playlist a {
    color: var(--rg-dark-text) !important;
    fill: currentColor !important;
}

@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable,
    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .player,
    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .control,
    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .control [class*="sricon-"],
    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .control [class*="sricon-"]::before,
    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .sr_skipBackward,
    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .sr_skipBackward::before {
        color: var(--rg-dark-text) !important;
        fill: currentColor !important;
    }
}

html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable,
html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .player,
html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .control,
html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .control [class*="sricon-"],
html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .control [class*="sricon-"]::before,
html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .sr_skipBackward,
html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .sr_skipBackward::before {
    color: var(--rg-dark-text) !important;
    fill: currentColor !important;
}

@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) .rg-tabs-nav,
    html:not([data-rg-theme="light"]) .rg-tab-cluster,
    html:not([data-rg-theme="light"]) .rg-dashboard-wrapper,
    html:not([data-rg-theme="light"]) .rg-dashboard-container,
    html:not([data-rg-theme="light"]) .rg-overview-shell,
    html:not([data-rg-theme="light"]) .rg-overview-copy,
    html:not([data-rg-theme="light"]) .rg-overview-panel,
    html:not([data-rg-theme="light"]) .searchButton,
    html:not([data-rg-theme="light"]) .liveButton,
    html:not([data-rg-theme="light"]) .rg-sleep-timer-button {
        background: var(--rg-dark-surface) !important;
        border-color: var(--rg-dark-border) !important;
        box-shadow: var(--rg-dark-shadow) !important;
        color: var(--rg-dark-text) !important;
    }

    html:not([data-rg-theme="light"]) .rg-tab-cluster {
        background: var(--rg-dark-surface-2) !important;
    }

    html:not([data-rg-theme="light"]) .rg-overview-shell {
        background: linear-gradient(145deg, rgba(22, 32, 49, 0.98), rgba(15, 23, 36, 0.98)) !important;
    }

    html:not([data-rg-theme="light"]) .rg-dashboard-wrapper,
    html:not([data-rg-theme="light"]) .rg-dashboard-container {
        background: transparent !important;
    }

    html:not([data-rg-theme="light"]) .rg-overview-copy {
        background: linear-gradient(135deg, rgba(32, 43, 63, 0.98), rgba(24, 34, 52, 0.98)) !important;
        border-color: var(--rg-dark-border) !important;
    }

    html:not([data-rg-theme="light"]) .rg-overview-shell p,
    html:not([data-rg-theme="light"]) .rg-overview-shell span,
    html:not([data-rg-theme="light"]) .rg-overview-shell h1,
    html:not([data-rg-theme="light"]) .rg-overview-shell h2,
    html:not([data-rg-theme="light"]) .rg-overview-shell h3,
    html:not([data-rg-theme="light"]) .rg-overview-shell h4,
    html:not([data-rg-theme="light"]) .rg-overview-shell .rg-muted,
    html:not([data-rg-theme="light"]) .rg-overview-shell .rg-dashboard-copy {
        color: var(--rg-dark-text) !important;
    }

    html:not([data-rg-theme="light"]) .rg-overview-shell .rg-muted,
    html:not([data-rg-theme="light"]) .rg-overview-shell .rg-dashboard-copy {
        color: var(--rg-dark-muted) !important;
    }
}

html[data-rg-theme="dark"] .rg-tabs-nav,
html[data-rg-theme="dark"] .rg-tab-cluster,
html[data-rg-theme="dark"] .rg-dashboard-wrapper,
html[data-rg-theme="dark"] .rg-dashboard-container,
html[data-rg-theme="dark"] .rg-overview-shell,
html[data-rg-theme="dark"] .rg-overview-copy,
html[data-rg-theme="dark"] .rg-overview-panel,
html[data-rg-theme="dark"] .searchButton,
html[data-rg-theme="dark"] .liveButton,
html[data-rg-theme="dark"] .rg-sleep-timer-button {
    background: var(--rg-dark-surface) !important;
    border-color: var(--rg-dark-border) !important;
    box-shadow: var(--rg-dark-shadow) !important;
    color: var(--rg-dark-text) !important;
}

html[data-rg-theme="dark"] .rg-tab-cluster {
    background: var(--rg-dark-surface-2) !important;
}

html[data-rg-theme="dark"] .rg-overview-shell {
    background: linear-gradient(145deg, rgba(22, 32, 49, 0.98), rgba(15, 23, 36, 0.98)) !important;
}

html[data-rg-theme="dark"] .rg-dashboard-wrapper,
html[data-rg-theme="dark"] .rg-dashboard-container {
    background: transparent !important;
}

html[data-rg-theme="dark"] .rg-overview-copy {
    background: linear-gradient(135deg, rgba(32, 43, 63, 0.98), rgba(24, 34, 52, 0.98)) !important;
    border-color: var(--rg-dark-border) !important;
}

html[data-rg-theme="dark"] .rg-overview-shell p,
html[data-rg-theme="dark"] .rg-overview-shell span,
html[data-rg-theme="dark"] .rg-overview-shell h1,
html[data-rg-theme="dark"] .rg-overview-shell h2,
html[data-rg-theme="dark"] .rg-overview-shell h3,
html[data-rg-theme="dark"] .rg-overview-shell h4,
html[data-rg-theme="dark"] .rg-overview-shell .rg-muted,
html[data-rg-theme="dark"] .rg-overview-shell .rg-dashboard-copy {
    color: var(--rg-dark-text) !important;
}

html[data-rg-theme="dark"] .rg-overview-shell .rg-muted,
html[data-rg-theme="dark"] .rg-overview-shell .rg-dashboard-copy {
    color: var(--rg-dark-muted) !important;
}

@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) .rgRow,
    html:not([data-rg-theme="light"]) .rgRowContent {
        max-width: 100% !important;
    }

    html:not([data-rg-theme="light"]) .rgRowContent {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        contain: paint;
    }
}

html[data-rg-theme="dark"] .rgRow,
html[data-rg-theme="dark"] .rgRowContent {
    max-width: 100% !important;
}

html[data-rg-theme="dark"] .rgRowContent {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    contain: paint;
}

@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) img {
        color: var(--rg-dark-muted);
    }
}

html[data-rg-theme="dark"] img {
    color: var(--rg-dark-muted);
}

.menuLeftSection .rgHeaderSearchHolder {
    --rg-theme-search-width: clamp(146px, 39vw, 200px);
    --rg-theme-toggle-width: 40px;
    --rg-theme-header-width: calc(var(--rg-theme-search-width) + var(--rg-theme-toggle-width) + 8px);
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: var(--rg-theme-header-width) !important;
    max-width: var(--rg-theme-header-width) !important;
    flex: 0 0 var(--rg-theme-header-width) !important;
    min-width: 0 !important;
    height: 74px !important;
    direction: ltr !important;
    overflow: visible !important;
}

.menuLeftSection .rgHeaderSearchHolder > .asp_w_container {
    flex: 0 1 var(--rg-theme-search-width) !important;
    width: var(--rg-theme-search-width) !important;
    max-width: var(--rg-theme-search-width) !important;
    min-width: 0 !important;
    direction: rtl !important;
}

.menuLeftSection .rgHeaderSearchHolder .ajaxsearchpro,
.menuLeftSection .rgHeaderSearchHolder .asp_m {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.rg-theme-control {
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    margin-inline-start: 8px;
    margin-inline-end: 0;
    z-index: 3;
    direction: rtl;
    font-family: inherit;
    vertical-align: middle;
}

.rg-theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid rgba(34, 47, 71, 0.12);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.96);
    color: #172033;
    box-shadow: 0 8px 22px rgba(17, 24, 39, 0.10);
    cursor: pointer;
    font-family: inherit;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    -webkit-tap-highlight-color: transparent;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.rg-theme-toggle:active {
    transform: scale(0.98);
}

.rg-theme-toggle-glyph,
.rg-theme-toggle-glyph svg {
    display: block;
    width: 19px;
    height: 19px;
}

.rg-theme-toggle-glyph svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 2.15;
    stroke-linecap: round;
    stroke-linejoin: round;
}

@media (max-width: 767px) {
    .menuLeftSection .rgHeaderSearchHolder {
        --rg-theme-search-width: clamp(128px, 38vw, 180px);
        gap: 6px !important;
        --rg-theme-header-width: calc(var(--rg-theme-search-width) + var(--rg-theme-toggle-width) + 6px);
    }

    .rg-theme-control {
        margin-inline-start: 6px;
    }

    .rg-theme-toggle {
        width: 38px;
        min-width: 38px;
        height: 38px;
        border-radius: 11px;
    }
}

@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) .rg-theme-toggle {
        background: rgba(24, 34, 52, 0.96) !important;
        border-color: var(--rg-dark-border) !important;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28) !important;
        color: var(--rg-dark-text) !important;
    }
}

html[data-rg-theme="dark"] .rg-theme-toggle {
    background: rgba(24, 34, 52, 0.96) !important;
    border-color: var(--rg-dark-border) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28) !important;
    color: var(--rg-dark-text) !important;
}

/* Dark-mode polish pass: warmer palette, icon-only theme button, cleaner nav surfaces. */
@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) body {
        background: var(--rg-dark-bg) !important;
        color: var(--rg-dark-text) !important;
    }

    html:not([data-rg-theme="light"]) header,
    html:not([data-rg-theme="light"]) .site-nav {
        background: rgba(21, 19, 17, 0.94) !important;
        border-color: rgba(245, 178, 95, 0.12) !important;
        box-shadow: 0 10px 34px rgba(0, 0, 0, 0.18) !important;
        position: relative !important;
        z-index: 100001 !important;
    }

    html:not([data-rg-theme="light"]) .menuLeftSection .rgHeaderSearchHolder {
        background: transparent !important;
    }

    html:not([data-rg-theme="light"]) .menuLeftSection .rgHeaderSearchHolder .ajaxsearchpro,
    html:not([data-rg-theme="light"]) .menuLeftSection .rgHeaderSearchHolder .probox {
        background: rgba(246, 240, 232, 0.94) !important;
        border-color: rgba(245, 178, 95, 0.18) !important;
    }

    html:not([data-rg-theme="light"]) .rg-theme-toggle {
        background: rgba(246, 240, 232, 0.92) !important;
        border-color: rgba(245, 178, 95, 0.22) !important;
        color: #2b2117 !important;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18) !important;
    }

    html:not([data-rg-theme="light"]) .menuRightSection,
    html:not([data-rg-theme="light"]) .menuRightSection .sub-menu,
    html:not([data-rg-theme="light"]) .menuRightSection .menu {
        background: var(--rg-dark-surface) !important;
        color: var(--rg-dark-text) !important;
    }

    html:not([data-rg-theme="light"]) .menuRightSection {
        border-left: 1px solid var(--rg-dark-border) !important;
        box-shadow: 18px 0 48px rgba(0, 0, 0, 0.30) !important;
        z-index: 100002 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    html:not([data-rg-theme="light"]) .menuRightSection a,
    html:not([data-rg-theme="light"]) .menuRightSection li,
    html:not([data-rg-theme="light"]) .menuRightSection .sub-menu a {
        color: var(--rg-dark-text) !important;
    }

    html:not([data-rg-theme="light"]) .menuRightSection li {
        border-color: rgba(245, 178, 95, 0.12) !important;
    }

    html:not([data-rg-theme="light"]) .menuRightSection a {
        border-bottom-color: rgba(245, 178, 95, 0.20) !important;
    }

    html:not([data-rg-theme="light"]) .menuRightSection .current-menu-item > a::before,
    html:not([data-rg-theme="light"]) .menuRightSection .current_page_item > a::before {
        border-color: rgba(244, 154, 58, 0.72) !important;
        opacity: 0.8 !important;
    }

    html:not([data-rg-theme="light"]) .bottom-menu {
        padding-top: 8px !important;
        box-sizing: border-box !important;
        background: rgba(26, 23, 20, 0.96) !important;
        border-top: 1px solid rgba(245, 178, 95, 0.16) !important;
        box-shadow: 0 -14px 34px rgba(0, 0, 0, 0.24) !important;
    }

    html:not([data-rg-theme="light"]) .bottom-menu .menu-url {
        padding-top: 2px !important;
    }

    html:not([data-rg-theme="light"]) .bottom-menu .menu-url.active a,
    html:not([data-rg-theme="light"]) .bottom-menu .menu-url.active svg,
    html:not([data-rg-theme="light"]) .bottom-menu .menu-url.active .mnu-name {
        color: var(--rg-dark-orange) !important;
    }
}

html[data-rg-theme="dark"] body {
    background: var(--rg-dark-bg) !important;
    color: var(--rg-dark-text) !important;
}

html[data-rg-theme="dark"] header,
html[data-rg-theme="dark"] .site-nav {
    background: rgba(21, 19, 17, 0.94) !important;
    border-color: rgba(245, 178, 95, 0.12) !important;
    box-shadow: 0 10px 34px rgba(0, 0, 0, 0.18) !important;
    position: relative !important;
    z-index: 100001 !important;
}

html[data-rg-theme="dark"] .menuLeftSection .rgHeaderSearchHolder {
    background: transparent !important;
}

html[data-rg-theme="dark"] .menuLeftSection .rgHeaderSearchHolder .ajaxsearchpro,
html[data-rg-theme="dark"] .menuLeftSection .rgHeaderSearchHolder .probox {
    background: rgba(246, 240, 232, 0.94) !important;
    border-color: rgba(245, 178, 95, 0.18) !important;
}

html[data-rg-theme="dark"] .rg-theme-toggle {
    background: rgba(246, 240, 232, 0.92) !important;
    border-color: rgba(245, 178, 95, 0.22) !important;
    color: #2b2117 !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18) !important;
}

html[data-rg-theme="dark"] .menuRightSection,
html[data-rg-theme="dark"] .menuRightSection .sub-menu,
html[data-rg-theme="dark"] .menuRightSection .menu {
    background: var(--rg-dark-surface) !important;
    color: var(--rg-dark-text) !important;
}

html[data-rg-theme="dark"] .menuRightSection {
    border-left: 1px solid var(--rg-dark-border) !important;
    box-shadow: 18px 0 48px rgba(0, 0, 0, 0.30) !important;
    z-index: 100002 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}

html[data-rg-theme="dark"] .menuRightSection a,
html[data-rg-theme="dark"] .menuRightSection li,
html[data-rg-theme="dark"] .menuRightSection .sub-menu a {
    color: var(--rg-dark-text) !important;
}

html[data-rg-theme="dark"] .menuRightSection li {
    border-color: rgba(245, 178, 95, 0.12) !important;
}

html[data-rg-theme="dark"] .menuRightSection a {
    border-bottom-color: rgba(245, 178, 95, 0.20) !important;
}

html[data-rg-theme="dark"] .menuRightSection .current-menu-item > a::before,
html[data-rg-theme="dark"] .menuRightSection .current_page_item > a::before {
    border-color: rgba(244, 154, 58, 0.72) !important;
    opacity: 0.8 !important;
}

html[data-rg-theme="dark"] .bottom-menu {
    padding-top: 8px !important;
    box-sizing: border-box !important;
    background: rgba(26, 23, 20, 0.96) !important;
    border-top: 1px solid rgba(245, 178, 95, 0.16) !important;
    box-shadow: 0 -14px 34px rgba(0, 0, 0, 0.24) !important;
}

html[data-rg-theme="dark"] .bottom-menu .menu-url {
    padding-top: 2px !important;
}

html[data-rg-theme="dark"] .bottom-menu .menu-url.active a,
html[data-rg-theme="dark"] .bottom-menu .menu-url.active svg,
html[data-rg-theme="dark"] .bottom-menu .menu-url.active .mnu-name {
    color: var(--rg-dark-orange) !important;
}

/* Dark text contrast pass: fix low-contrast search and Sonaar text without changing player logic. */
@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) .menuLeftSection .rgHeaderSearchHolder .ajaxsearchpro,
    html:not([data-rg-theme="light"]) .menuLeftSection .rgHeaderSearchHolder .asp_m,
    html:not([data-rg-theme="light"]) .menuLeftSection .rgHeaderSearchHolder .probox,
    html:not([data-rg-theme="light"]) .menuLeftSection .rgHeaderSearchHolder .proinput,
    html:not([data-rg-theme="light"]) .menuLeftSection .rgHeaderSearchHolder input,
    html:not([data-rg-theme="light"]) .menuLeftSection .rgHeaderSearchHolder input.orig,
    html:not([data-rg-theme="light"]) .menuLeftSection .rgHeaderSearchHolder input.autocomplete {
        color: #2b2117 !important;
        text-shadow: none !important;
    }

    html:not([data-rg-theme="light"]) .menuLeftSection .rgHeaderSearchHolder input::placeholder {
        color: #5f5144 !important;
        opacity: 1 !important;
    }

    html:not([data-rg-theme="light"]) .menuLeftSection .rgHeaderSearchHolder .promagnifier,
    html:not([data-rg-theme="light"]) .menuLeftSection .rgHeaderSearchHolder .promagnifier svg,
    html:not([data-rg-theme="light"]) .menuLeftSection .rgHeaderSearchHolder .promagnifier path {
        color: #2b2117 !important;
        fill: currentColor !important;
    }

    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .track-title,
    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .track-album,
    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .artist,
    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .album-title,
    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .srp_trackartist,
    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .srp_tracktitle {
        color: var(--rg-dark-text) !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .track-album,
    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .artist,
    html:not([data-rg-theme="light"]) body:not(.srp_sticky_ext_opened) #sonaar-player.enable .srp_trackartist {
        color: #d8c8b6 !important;
    }

    html:not([data-rg-theme="light"]) #sonaar-player .srp_extendedPlayer,
    html:not([data-rg-theme="light"]) #sonaar-player .srp_ext_primary,
    html:not([data-rg-theme="light"]) #sonaar-player .srp_ext_header,
    html:not([data-rg-theme="light"]) #sonaar-player .srp_ext_content,
    html:not([data-rg-theme="light"]) #sonaar-player .srp_ext_track {
        background: var(--rg-dark-surface) !important;
        color: var(--rg-dark-text) !important;
        border-color: var(--rg-dark-border) !important;
    }

    html:not([data-rg-theme="light"]) #sonaar-player .srp_extendedPlayer *,
    html:not([data-rg-theme="light"]) #sonaar-player .srp_ext_primary *,
    html:not([data-rg-theme="light"]) #sonaar-player .srp_ext_header *,
    html:not([data-rg-theme="light"]) #sonaar-player .srp_ext_content *,
    html:not([data-rg-theme="light"]) #sonaar-player .srp_ext_track * {
        color: var(--rg-dark-text) !important;
    }
}

html[data-rg-theme="dark"] .menuLeftSection .rgHeaderSearchHolder .ajaxsearchpro,
html[data-rg-theme="dark"] .menuLeftSection .rgHeaderSearchHolder .asp_m,
html[data-rg-theme="dark"] .menuLeftSection .rgHeaderSearchHolder .probox,
html[data-rg-theme="dark"] .menuLeftSection .rgHeaderSearchHolder .proinput,
html[data-rg-theme="dark"] .menuLeftSection .rgHeaderSearchHolder input,
html[data-rg-theme="dark"] .menuLeftSection .rgHeaderSearchHolder input.orig,
html[data-rg-theme="dark"] .menuLeftSection .rgHeaderSearchHolder input.autocomplete {
    color: #2b2117 !important;
    text-shadow: none !important;
}

html[data-rg-theme="dark"] .menuLeftSection .rgHeaderSearchHolder input::placeholder {
    color: #5f5144 !important;
    opacity: 1 !important;
}

html[data-rg-theme="dark"] .menuLeftSection .rgHeaderSearchHolder .promagnifier,
html[data-rg-theme="dark"] .menuLeftSection .rgHeaderSearchHolder .promagnifier svg,
html[data-rg-theme="dark"] .menuLeftSection .rgHeaderSearchHolder .promagnifier path {
    color: #2b2117 !important;
    fill: currentColor !important;
}

html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .track-title,
html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .track-album,
html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .artist,
html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .album-title,
html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .srp_trackartist,
html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .srp_tracktitle {
    color: var(--rg-dark-text) !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .track-album,
html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .artist,
html[data-rg-theme="dark"] body:not(.srp_sticky_ext_opened) #sonaar-player.enable .srp_trackartist {
    color: #d8c8b6 !important;
}

html[data-rg-theme="dark"] #sonaar-player .srp_extendedPlayer,
html[data-rg-theme="dark"] #sonaar-player .srp_ext_primary,
html[data-rg-theme="dark"] #sonaar-player .srp_ext_header,
html[data-rg-theme="dark"] #sonaar-player .srp_ext_content,
html[data-rg-theme="dark"] #sonaar-player .srp_ext_track {
    background: var(--rg-dark-surface) !important;
    color: var(--rg-dark-text) !important;
    border-color: var(--rg-dark-border) !important;
}

html[data-rg-theme="dark"] #sonaar-player .srp_extendedPlayer *,
html[data-rg-theme="dark"] #sonaar-player .srp_ext_primary *,
html[data-rg-theme="dark"] #sonaar-player .srp_ext_header *,
html[data-rg-theme="dark"] #sonaar-player .srp_ext_content *,
html[data-rg-theme="dark"] #sonaar-player .srp_ext_track * {
    color: var(--rg-dark-text) !important;
}

/* BEGIN rg-mobile-menu-layout-guard-20260603
   Keep the closed mobile drawer from increasing document width. */
@media (max-width: 767px) {
    header.mainHeader .site-nav > .menuRightSection {
        left: 0 !important;
        max-width: 100vw;
        box-sizing: border-box;
        transform: translateX(-110%);
        visibility: hidden;
        pointer-events: none;
        transition: transform 0.28s ease, visibility 0s linear 0.28s;
        will-change: transform;
    }

    header.mainHeader.responsive .site-nav > .menuRightSection {
        transform: translateX(0);
        visibility: visible;
        pointer-events: auto;
        transition: transform 0.28s ease;
    }
}
/* END rg-mobile-menu-layout-guard-20260603 */

/* BEGIN rg-dark-album-card-readability-20260603 */
@media (prefers-color-scheme: dark) {
    html:not([data-rg-theme="light"]) .storyDetails,
    html:not([data-rg-theme="light"]) .rgSummary,
    html:not([data-rg-theme="light"]) .rgCommentAndRating {
        background: linear-gradient(180deg, var(--rg-dark-surface), var(--rg-dark-bg-soft)) !important;
        color: var(--rg-dark-text) !important;
        border-color: var(--rg-dark-border) !important;
        box-shadow: var(--rg-dark-shadow) !important;
    }

    html:not([data-rg-theme="light"]) .storyDetails p,
    html:not([data-rg-theme="light"]) .storyDetails span,
    html:not([data-rg-theme="light"]) .rgSummary p,
    html:not([data-rg-theme="light"]) .rgSummary span,
    html:not([data-rg-theme="light"]) .rgCommentAndRating p,
    html:not([data-rg-theme="light"]) .rgCommentAndRating span {
        color: var(--rg-dark-text) !important;
    }
}

html[data-rg-theme="dark"] .storyDetails,
html[data-rg-theme="dark"] .rgSummary,
html[data-rg-theme="dark"] .rgCommentAndRating {
    background: linear-gradient(180deg, var(--rg-dark-surface), var(--rg-dark-bg-soft)) !important;
    color: var(--rg-dark-text) !important;
    border-color: var(--rg-dark-border) !important;
    box-shadow: var(--rg-dark-shadow) !important;
}

html[data-rg-theme="dark"] .storyDetails p,
html[data-rg-theme="dark"] .storyDetails span,
html[data-rg-theme="dark"] .rgSummary p,
html[data-rg-theme="dark"] .rgSummary span,
html[data-rg-theme="dark"] .rgCommentAndRating p,
html[data-rg-theme="dark"] .rgCommentAndRating span {
    color: var(--rg-dark-text) !important;
}
/* END rg-dark-album-card-readability-20260603 */