/* SkibidiLii YouTube-like Dark Theme (v3)
   Drop-in theme CSS override. Designed for VidLii-clone markup.
*/

/* Base */
html, body { background:#0f0f0f !important; color:#e6e6e6 !important; }
body { background-image:none !important; }
a { color:#3ea6ff !important; }
a:hover { color:#7cc3ff !important; }

.top { background:#0f0f0f !important; color:#a8a8a8 !important; border-bottom:1px solid #272727 !important; }
.wrapper { background:transparent !important; }
.bottom_wrapper { background:transparent !important; }

/* Header / nav */
.n_head, .pr_hd_wrapper { background:transparent !important; }
.pr_hd_bar { background:#111 !important; border:1px solid #2a2a2a !important; border-radius:12px !important; }
.search_bar, input[type="search"] { background:#121212 !important; color:#eaeaea !important; border:1px solid #303030 !important; border-radius:999px !important; }
.search_button, input[type="submit"] { background:#1f1f1f !important; color:#eaeaea !important; border:1px solid #303030 !important; }
select { background:#121212 !important; color:#eaeaea !important; border:1px solid #303030 !important; }

.yel_btn, .yel_btn:visited {
  background:#272727 !important;
  border:1px solid #3a3a3a !important;
  color:#eaeaea !important;
  border-radius:999px !important;
}
.yel_btn:hover { background:#303030 !important; }

/* Global boxes / widgets */
.wdg,
.mv_wr,
.mv_under,
.recommended-list,
.last_5,
.whats_new,
#mod_selector,
#inbox_wdg {
  background:#181818 !important;
  color:#e6e6e6 !important;
  border:1px solid #303030 !important;
  border-radius:12px !important;
  box-shadow:0 2px 12px rgba(0,0,0,.35) !important;
}

/* Widget headers */
.wdg > div:first-child,
.wdg > div:nth-child(1),
.mv_wr > div:first-child {
  background:#202020 !important;
  border-bottom:1px solid #303030 !important;
  color:#f1f1f1 !important;
  border-top-left-radius:12px !important;
  border-top-right-radius:12px !important;
}

/* Some templates hardcode light header colors inline (e.g. style="background:#dae9fe") */
.wdg > div[style*="background"] { background:#202020 !important; }

/* Panels that are currently bright in your screenshot */
#sub_widget > div:nth-child(2),
#ft_widget > div:nth-child(2),
#most_popular > div:nth-child(2),
.recommended-list,
.recommended-list-item,
.recommended-list-item .body,
.last_5 > div,
.whats_new {
  background:#181818 !important;
}

/* Text colors inside widgets */
.wdg span, .wdg div, .wdg p, .wdg strong,
.mv_under, .mv_under * ,
.recommended-list * ,
.last_5 * ,
.whats_new * ,
#mod_selector * {
  color:#e6e6e6 !important;
}

.vw.s, .s, .vw { color:#b5b5b5 !important; }
.ch_l, .ch_l:visited { color:#8ab4f8 !important; }
.ba, .ln2 { color:#eaeaea !important; }
.ba:hover, .ln2:hover { color:#ffffff !important; }

/* Thumbnail borders */
.vid_th, .th img { border:1px solid #2f2f2f !important; border-radius:8px !important; }
.th { background:transparent !important; }
.th_t { background:rgba(0,0,0,.75) !important; color:#fff !important; border-radius:6px !important; }

/* Dividers / lines */
hr, .wdg_sel, .wdg_sel * { border-color:#303030 !important; }
.wdg a + a, .last_5 div, .whats_new { border-color:#303030 !important; }

/* Inbox list rows */
#inbox_wdg > div { border-bottom:1px solid #303030 !important; background:#181818 !important; }
#inbox_wdg > div:last-child { border-bottom:0 !important; }

/* Player area */
.vlPlayer, .vlScreen, .vlControls { background:#000 !important; border-color:#303030 !important; }
.vlControls { border-top:1px solid #303030 !important; }

/* Footer */
footer { color:#cfcfcf !important; }
footer, footer * { color:#cfcfcf !important; }
footer a { color:#8ab4f8 !important; }
footer a:hover { color:#b3d4ff !important; }
footer > div { background:transparent !important; }
footer strong { color:#ffffff !important; }
footer input[type="search"] { background:#121212 !important; }

/* Inputs / textareas (themes page etc.) */
input[type="text"], textarea {
  background:#121212 !important;
  color:#eaeaea !important;
  border:1px solid #303030 !important;
}
textarea::placeholder, input::placeholder { color:#9a9a9a !important; }

/* Make pale “What’s New” box match dark too */
.whats_new { background:#181818 !important; }
.whats_new strong { display:block; margin-bottom:6px; }

/* Subtle rounding everywhere that used to be sharp */
.wdg, .mv_wr, .last_5, .whats_new { overflow:hidden !important; }


/* === v4 fixes: darken nav tabs + footer fully (forced) === */

/* Top navigation tabs */
.pr_hd_wrapper nav,
.pr_hd_wrapper nav ul,
.pr_hd_wrapper nav ul a,
.pr_hd_wrapper nav ul a li{
    background: transparent !important;
}
.pr_hd_wrapper nav ul{
    border-bottom: 1px solid #303030 !important;
}
.pr_hd_wrapper nav ul a li{
    background-color:#181818 !important;
    color:#e5e5e5 !important;
    border:1px solid #303030 !important;
    border-bottom: none !important;
    text-shadow:none !important;
}
.pr_hd_wrapper nav ul a:hover li{
    background-color:#202020 !important;
}
.pr_hd_wrapper nav ul a#pr_sel li,
.pr_hd_wrapper nav ul a[id="pr_sel"] li{
    background-color:#0f0f0f !important;
    color:#ffffff !important;
    border-color:#303030 !important;
    border-bottom: 1px solid #0f0f0f !important;
}

/* Ensure header area isn't inheriting light gradients/images */
.n_head,
.pr_hd_wrapper,
.pr_hd_wrapper > div,
.pr_hd_wrapper .pr_hd{
    background-color:#0f0f0f !important;
    background-image:none !important;
}

/* Footer: the HTML has no classes, so we target the footer element directly */
footer{
    background-color:#0f0f0f !important;
    background-image:none !important;
    color:#e5e5e5 !important;
    border-top:1px solid #303030 !important;
    box-shadow:none !important;
    padding:18px 0 !important;
}
footer *{
    background-image:none !important;
}
footer > div{
    background-color:transparent !important;
}
footer strong{
    color:#ffffff !important;
}
footer a{
    color:#3ea6ff !important;
}
footer a:hover{
    color:#8ab4f8 !important;
    text-decoration:underline !important;
}

/* Footer search bar/button */
footer .search_bar,
footer input.search_bar{
    background-color:#121212 !important;
    color:#e5e5e5 !important;
    border:1px solid #303030 !important;
}
footer .search_button,
footer input.search_button{
    background-color:#202020 !important;
    color:#e5e5e5 !important;
    border:1px solid #303030 !important;
}

/* Some templates use a light wrapper around footer content */
footer form,
footer form + div,
footer form + div > div,
footer form + div > div > div{
    background-color:transparent !important;
}


/* === v5 overrides: fix active Home tab + footer strip === */
.pr_hd_wrapper nav ul a#pr_sel li,
.pr_hd_wrapper nav ul a#pr_sel li:hover,
.pr_hd_wrapper nav ul a#pr_sel li:active {
  background: #0f0f0f !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #2a2a2a !important;
  text-shadow: none !important;
}

/* Make sure footer / bottom bars never go light */
#footer, .footer, .site_footer, .site-footer, .ft, .ftr, .footerbar,
#ft, #bottom, #bottomBar, .bottom, .bottomBar, .page_footer {
  background: #0f0f0f !important;
  color: #e5e5e5 !important;
  border-top: 1px solid #2a2a2a !important;
}
#footer a, .footer a, .site_footer a, .site-footer a, .ft a, .ftr a, #ft a, #bottom a, .bottom a {
  color: #3ea6ff !important;
}
#footer input, .footer input, #footer select, .footer select, #footer textarea, .footer textarea,
#ft input, #ft select, #ft textarea {
  background: #121212 !important;
  color: #e5e5e5 !important;
  border: 1px solid #303030 !important;
}

/* ============================================================
   V6 - Extra coverage for Videos/Themes pages + stubborn whites
   ============================================================ */
:root{
  --yt-bg:#0f0f0f;
  --yt-surface:#181818;
  --yt-surface2:#202020;
  --yt-surface3:#0a0a0a;
  --yt-border:#303030;
  --yt-text:#e6e6e6;
  --yt-muted:#a0a0a0;
  --yt-link:#3ea6ff;
}
html, body{
  background:var(--yt-bg)!important;
  color:var(--yt-text)!important;
}

/* If any old templates set white table backgrounds */
table, tbody, tr, td, th{
  background-color:transparent!important;
}

/* Kill-switch for inline light backgrounds that slip through */
*[style*="background:#fff"],
*[style*="background: #fff"],
*[style*="background-color:#fff"],
*[style*="background-color: #fff"],
*[style*="background:#ffffff"],
*[style*="background: #ffffff"],
*[style*="background-color:#ffffff"],
*[style*="background-color: #ffffff"],
*[style*="background:rgb(255,255,255)"],
*[style*="background: rgb(255, 255, 255)"],
*[style*="background-color:rgb(255,255,255)"],
*[style*="background-color: rgb(255, 255, 255)"],
*[style*="background:#f0f0f0"],
*[style*="background: #f0f0f0"],
*[style*="background-color:#f0f0f0"],
*[style*="background-color: #f0f0f0"],
*[style*="background:#f5f5f5"],
*[style*="background: #f5f5f5"],
*[style*="background-color:#f5f5f5"],
*[style*="background-color: #f5f5f5"]{
  background:var(--yt-surface)!important;
  color:var(--yt-text)!important;
  border-color:var(--yt-border)!important;
}

/* Tabs / sub-tabs on /videos and similar browse pages */
.tabs, .tab, .tabBar, .tabbar, .videoTabs, .browseTabs,
#tabs, #tabbar, #tabBar, #browseTabs, #videoTabs,
ul.tabs, ul.tabbar, ul.tabBar,
ul.tabs li, ul.tabbar li, ul.tabBar li,
ul.tabs li a, ul.tabbar li a, ul.tabBar li a,
.pageTabs, .sortTabs, .filterTabs{
  background:var(--yt-surface2)!important;
  color:var(--yt-text)!important;
  border-color:var(--yt-border)!important;
}
ul.tabs li a, ul.tabbar li a, ul.tabBar li a{ text-decoration:none; }
ul.tabs li a:hover, ul.tabbar li a:hover, ul.tabBar li a:hover{ background:var(--yt-surface)!important; }

/* Categories left box on /videos */
.categories, .category, .categoriesBox, .categoryBox,
#categories, #category, #categoriesBox, #categoryBox,
.catList, .catlist, #catList, #catlist{
  background:var(--yt-surface)!important;
  color:var(--yt-text)!important;
  border-color:var(--yt-border)!important;
}
.categories a, .category a, .categoriesBox a, .categoryBox a,
#categories a, #category a, #categoriesBox a, #categoryBox a{
  color:var(--yt-link)!important;
}

/* Themes list cards / rows */
.themes, .theme, .themeBox, .theme_box, .themeEntry, .theme_entry,
#themes, #theme, #themeBox, #theme_box{
  background:var(--yt-surface)!important;
  color:var(--yt-text)!important;
  border-color:var(--yt-border)!important;
}

/* Footer - some pages use different wrappers */
#footer, .footer, #footerBar, .footerBar, #footerContainer, .footerContainer,
#foot, .foot, #ftr, .ftr, .bottom, .bottomBar, .bottom_bar, .footer_wrap, .footerWrap{
  background:var(--yt-surface)!important;
  color:var(--yt-text)!important;
  border-color:var(--yt-border)!important;
}
#footer a, .footer a, #foot a, .foot a, .bottom a{ color:var(--yt-link)!important; }

/* General: any “panel” blocks that were left white */
.panel, .box, .content, .contentBox, .content_box,
#content, #contentBox, #content_box,
.module, .moduleBody, .module_body{
  background:var(--yt-surface)!important;
  color:var(--yt-text)!important;
  border-color:var(--yt-border)!important;
}