/* css/dark_theme.css */
/* Dark theme for index.php – active when <body> has class dark-mode (localStorage theme = 'dark'). Load last. */
body.dark-mode{
  --dk-bg:#121417;
  --dk-panel:#1b1e23;
  --dk-raised:#252931;
  --dk-hover:#2e333c;
  --dk-border:rgba(255,255,255,.08);
  --dk-text:#eceef2;
  --dk-muted:#9ba1ab;
  --dk-accent:#8fd694;
  --dk-danger:#e5534b;
  --title-text:var(--dk-text);
  --text-color:var(--dk-text);
  --color-close-to-bg:var(--dk-panel);
  --seperator-hor:1px solid var(--dk-border);
  --seperator-vert:1px solid var(--dk-border);
  color-scheme:dark;
  color:var(--dk-text);
  background:var(--dk-bg);
  min-height:100vh;
}
/* Header */
body.dark-mode .full-width{background:var(--dk-bg);border-bottom:1px solid var(--dk-border)}
body.dark-mode .logo-refresh{filter:brightness(0) invert(.92)}
/* Panels and popups */
body.dark-mode #settings-display,
body.dark-mode #settings-display2_out,
body.dark-mode #cart_list_out_wrap,
body.dark-mode .cart-actions-card,
body.dark-mode .cart-discount-card,
body.dark-mode #credits_left,
body.dark-mode #add_lists,
body.dark-mode #contact_info_in,
body.dark-mode #premium_inner,
body.dark-mode #revpay_inner,
body.dark-mode #new_players,
body.dark-mode #reset-password-inner-frame,
body.dark-mode #playlist_manager,
body.dark-mode #inner-form,
body.dark-mode #adds_cover_wrapper,
body.dark-mode .locale_dropdown,
body.dark-mode .lang-dropdown,
body.dark-mode .romania_library_panel,
body.dark-mode .romania_popup_box,
body.dark-mode #banned-tracks-inner,
body.dark-mode #bt_mini{background-color:var(--dk-panel);color:var(--dk-text);border-color:var(--dk-border)}
body.dark-mode #banned-tracks-inner,
body.dark-mode #bt_mini{box-shadow:0 12px 32px rgba(0,0,0,.5)}
/* Buttons, rows, inputs */
body.dark-mode .playlist_toggle,
body.dark-mode .playlist_toggle.playlist_open,
body.dark-mode .cl1,
body.dark-mode .sub_option input[type="radio"]:checked + .sub_box,
body.dark-mode .romania_trial_panel,
body.dark-mode .romania_trial_field span,
body.dark-mode #playlist_manager_table tbody tr:nth-child(odd),
body.dark-mode .or-text h3{background-color:var(--dk-raised);color:var(--dk-text)}
body.dark-mode .playlist_toggle_title{color:var(--dk-text)}
body.dark-mode .playlist_toggle:hover,
body.dark-mode .bt_mini_row:hover{background-color:var(--dk-hover)}
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea{background-color:var(--dk-raised);color:var(--dk-text);border-color:var(--dk-border)}
body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder{color:var(--dk-muted)}
/* Song lists */
body.dark-mode .row{background-color:transparent;color:var(--dk-text);border-bottom:1px solid var(--dk-border)}
body.dark-mode .row:hover{background-color:var(--dk-hover)}
body.dark-mode .my_listB .row.active{background-color:var(--dk-raised)}
body.dark-mode .subrow{background-color:var(--dk-hover)}
body.dark-mode .song-name,
body.dark-mode .song-name2{color:var(--dk-text)}
/* Account sidebar */
body.dark-mode #settings-full2{background:rgba(0,0,0,.55)}
body.dark-mode #right-display-inner{background-color:var(--dk-raised);box-shadow:0 0 0 1px var(--dk-border)}
body.dark-mode #profile_card_title,
body.dark-mode .card_info_item,
body.dark-mode #profile_subscription:not(.valid_sub):not(.invalid_sub),
body.dark-mode #profile_cart_review{color:var(--dk-text)}
body.dark-mode #right-display-options1{color:#1b1e23}
body.dark-mode #right-display-options3,
body.dark-mode #right-display-options4{background:var(--dk-hover);color:var(--dk-text)}
/* Settings panel */
body.dark-mode #opened_settings{background-color:transparent;box-shadow:0 0 0 1px var(--dk-border)}
body.dark-mode .st_card{background-color:var(--dk-raised);border-color:var(--dk-border);box-shadow:none}
body.dark-mode .st_card_head{border-bottom-color:var(--dk-border)}
body.dark-mode #opened_settings h3,
body.dark-mode .st_card_head,
body.dark-mode .opened_settings_title,
body.dark-mode .opened_subs_title,
body.dark-mode .st_link_title,
body.dark-mode .none_license,
body.dark-mode #language_preference_form strong{color:var(--dk-text)}
body.dark-mode .st_link{background-color:var(--dk-hover);border-color:var(--dk-border)}
body.dark-mode .st_link:hover{background-color:#383e49}
body.dark-mode .locale_dropdown{border-color:var(--dk-border);color:var(--dk-text)}
body.dark-mode .str_green{color:#4ade80}
body.dark-mode .str_red{color:#ff6b6b}
body.dark-mode #opened_settings_close,
body.dark-mode .update_locale_btn{background-color:#2f5fd0}
/* Add/delete lists popup */
body.dark-mode #add_lists_contaner{background-color:rgba(0,0,0,.35)}
body.dark-mode #add_lists{box-shadow:0 12px 32px rgba(0,0,0,.5)}
body.dark-mode .section-title,
body.dark-mode .section-title2{color:var(--dk-text)}
body.dark-mode #lists_grid{background-color:var(--dk-raised)}
body.dark-mode .for_delete_text:not(.stay_red_text){color:var(--dk-text)}
/* Playlist manager */
body.dark-mode #playlist_manager_title{color:var(--dk-text)}
body.dark-mode #playlist_manager_table tbody tr:nth-child(even){background-color:var(--dk-panel);color:var(--dk-text)}
body.dark-mode #playlist_manager_table th,
body.dark-mode #playlist_manager_table td{color:var(--dk-text);border-left-color:var(--dk-border)}
body.dark-mode #playlist_manager_table_wrap,
body.dark-mode #playlist_manager_selector{border-color:var(--dk-border)}
/* Library tiles (image stays, only the placeholder behind it changes) */
body.dark-mode .library_square{background-color:var(--dk-raised);color:var(--dk-text);box-shadow:0 0 0 1px var(--dk-border)}
body.dark-mode .library_square:hover{background-color:var(--dk-hover)}
body.dark-mode .library_square.no_image,
body.dark-mode .library_square[station_id='46']{border-color:var(--dk-border)}
/* Semi-transparent areas */
body.dark-mode #now_pl,
body.dark-mode #the_song_left_inner,
body.dark-mode .categories:not(.open),
body.dark-mode .in_cate.open,
body.dark-mode #Library_Search.search-focused,
body.dark-mode #Library_Search.search-unfocused{background-color:var(--dk-panel)}
/* Banners and notices */
body.dark-mode #demo_banner{background-color:#2a2615;color:#f0e2b0}
body.dark-mode .locale_error{background-color:#3a1d20;color:#f5c2c7}
body.dark-mode .state-loading{background-color:#2f2a15;border-color:#7a6a2a}
body.dark-mode .state-ready{background-color:#30261a;border-color:#8f6a30}
/* Bottom player */
body.dark-mode .my_player{background-color:var(--dk-panel);box-shadow:0 -1px 0 var(--dk-border)}
body.dark-mode #info_container,
body.dark-mode #now_playing_title,
body.dark-mode #trackTitle,
body.dark-mode #info1{color:var(--dk-text)}
body.dark-mode #volume_bar,
body.dark-mode #volume_bar::-webkit-slider-runnable-track,
body.dark-mode #volume_bar::-moz-range-track{background:var(--dk-hover)}
/* Banned tracks */
body.dark-mode .banned_tracks_list .bt_row{border-bottom-color:var(--dk-border)}
body.dark-mode .banned_tracks_list .bt_meta,
body.dark-mode .bt_mini_when{color:var(--dk-muted)}
body.dark-mode .bt_mini_skip{color:var(--dk-danger)}
body.dark-mode .banned_tracks_list .bt_remove{border-color:var(--dk-accent);color:var(--dk-accent)}
body.dark-mode .banned_tracks_list .bt_remove:hover{background-color:var(--dk-accent);color:var(--dk-bg)}
body.dark-mode .bt_mini_ban:not(.done),
body.dark-mode #bt_mini_toggle{color:var(--dk-muted)}
body.dark-mode .bt_mini_ban:not(.done):hover,
body.dark-mode #bt_mini_toggle:hover{color:var(--dk-text)}
/* Icons – black SVGs turned light */
body.dark-mode .pl-play-btn,
body.dark-mode .pl-pause-btn,
body.dark-mode .pl-stop-btn,
body.dark-mode .pl-next-btn,
body.dark-mode .pl-previous-btn,
body.dark-mode #volume,
body.dark-mode #add_to_list2::before,
body.dark-mode .Add-btn img,
body.dark-mode .delete-btn:not(:hover),
body.dark-mode .the_play,
body.dark-mode .the_icon_play,
body.dark-mode .in_cate_play,
body.dark-mode .in_cate_close,
body.dark-mode .playlist_toggle_shuffle,
body.dark-mode #playlist_settings_button,
body.dark-mode .profile_card_buttons_settings_s,
body.dark-mode .edit_btn,
body.dark-mode .Library_Search_icon,
body.dark-mode #s_desk_only,
body.dark-mode #the_x,
body.dark-mode #category_button::after,
body.dark-mode .close-btn,
body.dark-mode #close-settings-display2,
body.dark-mode #settings_close_x,
body.dark-mode #cart_close,
body.dark-mode #verify_close,
body.dark-mode #add_lists_close,
body.dark-mode #premium_inner_close,
body.dark-mode #revpay_inner_close,
body.dark-mode #close-reset-password,
body.dark-mode .toggle-password{filter:invert(.9)}
/* Links and selection */
body.dark-mode a{color:var(--dk-accent)}
body.dark-mode ::selection{background:rgba(143,214,148,.3)}