/* ============================================
   Dark Cinema Theme Override
   Netflix/Apple TV style dark UI
   ============================================ */

:root {
  --dc-bg: #0a0a0a;
  --dc-bg-elevated: #141414;
  --dc-bg-card: #1a1a1a;
  --dc-bg-hover: #2a2a2a;
  --dc-border: #2a2a2a;
  --dc-text: #e5e5e5;
  --dc-text-secondary: #999;
  --dc-text-muted: #666;
  --dc-accent: #e50914;
  --dc-accent-hover: #f6121d;
  --dc-yellow: #ffc107;
  --dc-radius: 8px;
  --dc-shadow: 0 4px 20px rgba(0,0,0,.5);
}

/* ---- Global base ---- */
html, body {
  background: var(--dc-bg) !important;
  color: var(--dc-text) !important;
}
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important; }
a { color: var(--dc-text) !important; }
a:hover { color: var(--dc-yellow) !important; }

/* ---- Top navigation ---- */
.site-head-wrap,
.head_box,
.header {
  background: rgba(10,10,10,.95) !important;
  border-bottom: 1px solid var(--dc-border) !important;
  backdrop-filter: blur(12px);
}
.top_nav > li > a {
  color: var(--dc-text) !important;
  font-weight: 500;
}
.top_nav > li.active > a,
.top_nav > li:hover > a {
  color: var(--dc-yellow) !important;
}
.top_nav > li.active::after {
  background: var(--dc-yellow) !important;
}

/* ---- Search capsule: fix overlapping text ---- */
.head_search_inner,
.head_search_capsule_host,
.search_capsule,
.head_search {
  background: var(--dc-bg-card) !important;
  border: 1px solid var(--dc-border) !important;
  border-radius: 20px !important;
  overflow: hidden;
}
.head_search input,
.head_search input::placeholder,
.search_capsule input,
.search_capsule input::placeholder {
  background: transparent !important;
  color: var(--dc-text) !important;
  border: none !important;
  box-shadow: none !important;
  position: relative !important;
  z-index: 2 !important;
  line-height: 40px !important;
  height: 40px !important;
}
/* Kill any duplicate absolute-positioned placeholder */
.head_search .search_placeholder,
.head_search .placeholder-text,
.search_capsule .placeholder {
  display: none !important;
}
.head_search_drop_pc {
  background: var(--dc-bg-elevated) !important;
  border: 1px solid var(--dc-border) !important;
  border-radius: var(--dc-radius) !important;
  box-shadow: var(--dc-shadow) !important;
}

/* ---- Sidebar nav (left) ---- */
.side_nav,
.left_nav,
.sidebar {
  background: var(--dc-bg) !important;
  border-right: 1px solid var(--dc-border) !important;
}
.side_nav a,
.left_nav a,
.sidebar a {
  color: var(--dc-text-secondary) !important;
}
.side_nav a.active,
.side_nav a:hover,
.left_nav a.active,
.left_nav a:hover {
  color: var(--dc-yellow) !important;
}

/* ---- Vod cards / posters ---- */
.vodlist_box,
.vodlist,
.item,
.card {
  background: var(--dc-bg-card) !important;
  border-radius: var(--dc-radius) !important;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}
.vodlist_box:hover,
.vodlist:hover,
.item:hover,
.card:hover {
  transform: translateY(-4px);
  box-shadow: var(--dc-shadow);
}
.vodlist_img,
.vodlist_thumb,
.item .picture {
  background: #222 !important;
  border-radius: var(--dc-radius) var(--dc-radius) 0 0 !important;
}
.vodlist_title,
.item .title,
h4.vodlist_title a {
  color: var(--dc-text) !important;
  font-weight: 500;
}
.vodlist_sub,
.vodlist_desc,
.item .desc {
  color: var(--dc-text-secondary) !important;
  font-size: 12px;
}

/* Badges on posters */
.vodlist_thumb .pic_text,
.vodlist_thumb .rating,
.zoom-info {
  background: var(--dc-accent) !important;
  color: #fff !important;
}
.vodlist_thumb .full-text,
.episode_text,
.num_text {
  background: var(--dc-yellow) !important;
  color: #000 !important;
}

/* ---- Section titles ---- */
.cv_tit,
.module_title,
.box_head h2,
h2.title,
.new_list h2 {
  color: var(--dc-text) !important;
  font-weight: 700;
  border-left: 3px solid var(--dc-yellow);
  padding-left: 12px;
}
.more,
.more a {
  color: var(--dc-text-secondary) !important;
}
.more:hover, .more a:hover { color: var(--dc-yellow) !important; }

/* ---- Filter / type bar ---- */
.type_header,
.filter_bar,
.stick_seek,
.tb_module {
  background: var(--dc-bg-elevated) !important;
  border-bottom: 1px solid var(--dc-border) !important;
}
.type_header a,
.filter_bar a,
.stick_seek a,
.tb_module a {
  color: var(--dc-text-secondary) !important;
}
.type_header a:hover,
.type_header a.active,
.filter_bar a:hover,
.filter_bar a.active,
.stick_seek a:hover,
.stick_seek a.active,
.tb_module a:hover,
.tb_module a.active {
  background: var(--dc-yellow) !important;
  color: #000 !important;
  border-radius: 4px;
}
.type_header .type_item,
.filter_bar .item {
  color: var(--dc-text) !important;
}

/* ---- Buttons ---- */
.btn,
button,
.btn-primary,
.search_btn,
.play_btn {
  background: var(--dc-yellow) !important;
  color: #000 !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 600;
}
.btn:hover,
.btn-primary:hover {
  background: #ffd325 !important;
  color: #000 !important;
}
.btn-outline,
.btn-ghost {
  background: transparent !important;
  color: var(--dc-text) !important;
  border: 1px solid var(--dc-border) !important;
}

/* ---- Player area ---- */
.player_box,
.play_video_box,
#play,
.video_player,
.vod_player {
  background: #000 !important;
  border-radius: var(--dc-radius) !important;
  overflow: hidden;
}
.player_info,
.play_list,
.play_list_con {
  background: var(--dc-bg-elevated) !important;
  border: 1px solid var(--dc-border) !important;
  border-radius: var(--dc-radius) !important;
}
.play_list li a,
.episode a,
.playlist li {
  background: var(--dc-bg-card) !important;
  color: var(--dc-text) !important;
  border: 1px solid var(--dc-border) !important;
  border-radius: 6px;
}
.play_list li a:hover,
.play_list li.active a,
.episode a:hover,
.episode a.active,
.playlist li.active {
  background: var(--dc-yellow) !important;
  color: #000 !important;
  border-color: var(--dc-yellow) !important;
}

/* ---- Detail page ---- */
.detail_box,
.vod_detail,
.info_bar {
  background: var(--dc-bg-elevated) !important;
  color: var(--dc-text) !important;
}
.detail_content h1,
.vod_detail h1 {
  color: var(--dc-text) !important;
}
.detail_content .sub,
.vod_detail .sub,
.vod_info .text {
  color: var(--dc-text-secondary) !important;
}

/* ---- Footer ---- */
.foot,
.footer,
#footer {
  background: #080808 !important;
  border-top: 1px solid var(--dc-border) !important;
  color: var(--dc-text-muted) !important;
}
.foot a, .footer a { color: var(--dc-text-muted) !important; }

/* ---- Scrollbar ---- */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--dc-bg); }
::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #555; }

/* ---- Pagination ---- */
.paging a,
.pagination a {
  background: var(--dc-bg-card) !important;
  color: var(--dc-text) !important;
  border: 1px solid var(--dc-border) !important;
}
.paging .active,
.pagination .active,
.paging a:hover {
  background: var(--dc-yellow) !important;
  color: #000 !important;
  border-color: var(--dc-yellow) !important;
}

/* ---- Fallback poster: replace MXTU gray with nicer placeholder ---- */
.vodlist_thumb[src=""],
.vodlist_thumb img[src=""],
img.vodlist_thumb[src*="mxtu"],
img[src*="MXTU"] {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%) !important;
}

/* ---- Related / recommendation rows ---- */
.xwrap,
.swiper-container,
.related_box {
  background: transparent !important;
}

/* ---- Mobile bottom nav ---- */
.foot_nav,
.bottom_nav {
  background: rgba(20,20,20,.95) !important;
  border-top: 1px solid var(--dc-border) !important;
  backdrop-filter: blur(12px);
}
.foot_nav a, .bottom_nav a { color: var(--dc-text-secondary) !important; }
.foot_nav a.active, .bottom_nav a.active { color: var(--dc-yellow) !important; }

/* ---- Misc fixes ---- */
::selection { background: var(--dc-yellow); color: #000; }
input, textarea, select {
  background: var(--dc-bg-card) !important;
  color: var(--dc-text) !important;
  border: 1px solid var(--dc-border) !important;
}
.dropdown-menu,
.modal-content {
  background: var(--dc-bg-elevated) !important;
  color: var(--dc-text) !important;
  border: 1px solid var(--dc-border) !important;
}