/* ============================================================
   LOCAL: skin "Motchill" cho DooPlay — bám theo theme mẫu
   "motchilldooplay seo max" (DooPlay dark, accent xanh, bảng
   màu zinc). Nạp sau toàn bộ CSS của theme (inc/doo_motchill.php).
   ============================================================ */

:root{
  --mc-main:#408bea;          /* accent (maincolor của theme mẫu) */
  --mc-main-hover:#2f7ad8;
  --mc-red:#d9534f;           /* nút Xem Ngay */
  --mc-bg:#2d2d2d;            /* nền ngoài (#dt_contenedor của mẫu) */
  --mc-page:#141414;          /* nền vùng nội dung */
  --mc-header:#1c1c1c;
  --mc-card:#1c1c1c;
  --mc-box:#181818;
  --mc-zinc-800:#27272a;
  --mc-zinc-700:#3f3f46;
  --mc-zinc-600:#525252;
  --mc-text:#e5e7eb;
  --mc-text-2:#d1d5db;
  --mc-muted:#9ca3af;
  --mc-muted-2:#a1a1aa;
  --mc-line:rgba(255,255,255,.08);
  --mc-radius:5px;
}

/* ============================================================
   [PORT] Nền & khung — bê từ front.style / colors.dark của theme mẫu
   ============================================================ */
body{line-height:1;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;font-size:14px;font-weight:400;background:#000;color:rgba(255,255,255,.6)}
#dt_contenedor{width:100%;float:left;background-color:#2d2d2d;background-image:none}
#contenedor{max-width:1200px;margin:70px auto 0}
/* Footer luôn dính đáy màn hình khi trang ngắn: khung ngoài là cột cao tối thiểu bằng màn hình,
   nội dung (#contenedor) giãn ra và footer bị đẩy xuống đáy. Trừ chiều cao thanh admin khi đang đăng nhập. */
#dt_contenedor{display:flex;flex-direction:column;min-height:calc(100vh - var(--wp-admin--admin-bar--height, 0px))}
#dt_contenedor>#contenedor{flex:1 0 auto;width:100%;box-sizing:border-box}
#dt_contenedor>footer.main{flex:0 0 auto;margin-top:auto}
/* Core đặt .module{min-height:812px}: trang luôn cao >=812px nên footer không xuống sát đáy được màn hình thấp hơn.
   Bỏ mức đó, cho .module/#single giãn theo phần còn trống, và vẽ đường kẻ dọc trước sidebar bằng ::after để nó chạy hết chiều cao
   (trước đây là border-right của .content nên chỉ dài bằng nội dung). */
#contenedor{display:flex;flex-direction:column}
#contenedor>*{flex-shrink:0}
#contenedor>.module,#contenedor>#single{flex:1 0 auto;min-height:0}
.module,#single{position:relative}
.module .content.right,.module .content.rigth.csearch{border-right:0}
@media only screen and (min-width:769px){
  .module:after{content:"";position:absolute;top:0;bottom:0;right:360px;width:1px;background:rgba(255,255,255,.08);pointer-events:none}
}

/* ============================================================
   [PORT] Header desktop — header.main / .hbox / logo / menu / search
   ============================================================ */
.fix-hidden{overflow:visible;height:70px}
header.main{width:100%;height:70px;float:left;position:fixed;z-index:104;background:none;box-shadow:none;border:0}
header.main .hbox{max-width:1200px;height:70px;margin:0 auto;position:relative;background-color:rgba(15,15,15,.9);box-shadow:0 1px 5px rgba(0,0,0,.4);border-bottom:1px solid #000}
header.main .hbox .logo{float:left;padding:23px 17px 17px;text-align:center;height:100%;background:rgba(255,255,255,.05)}
header.main .hbox .logo img{width:auto;height:27px}
.logo h1.text{font-size:24px;font-weight:700;padding:4px 0;text-transform:uppercase;color:#fff}

.head-main-nav{float:left}
.head-main-nav ul.main-header{float:left}
.head-main-nav ul.main-header li{float:left}
.head-main-nav ul.main-header li a{font-size:16px;font-weight:500;padding:25px 20px;line-height:20px;float:left;color:#d4d4d8}
.head-main-nav ul.main-header li a:hover{color:#fff}
.head-main-nav ul.main-header li:hover>a{color:var(--cf-main,#408bea)}
.head-main-nav ul.main-header li.menu-item-has-children>a:after{content:"\f0dd";font-family:"Font Awesome 5 Pro";speak:none;font-style:normal;font-weight:900;margin-left:10px;margin-top:-3px;font-size:14px;float:right}
.head-main-nav ul.main-header li a i{font-size:17px;font-style:normal;padding:0 5px;border-radius:3px;font-weight:600;text-transform:uppercase;display:inline-block}
.head-main-nav ul.main-header li ul.sub-menu{display:none;position:absolute;top:70px;max-width:200px;padding:10px;box-shadow:0 5px 10px 0 rgba(0,0,0,.2);background:rgba(0,0,0,.98);z-index:105}
.head-main-nav ul.main-header li:hover>ul.sub-menu{display:block}
.head-main-nav ul.main-header li ul.sub-menu li{width:100%}
.head-main-nav ul.main-header li ul.sub-menu li a{padding:15px 20px;width:100%;font-weight:500;font-size:15px;line-height:14px;color:#9ca3af;background:none;border:0}
.head-main-nav ul.main-header li ul.sub-menu li a:hover{color:var(--cf-main,#408bea)}
.head-main-nav ul.main-header li.genres ul.sub-menu{max-width:500px;width:500px;padding:10px}
.head-main-nav ul.main-header li.genres ul.sub-menu li{width:calc(100% / 3)}

.headitems{position:relative;float:right;margin-left:20px;width:340px}
.headitems.register_active{width:auto}
.headitems a#dooplay_signout{padding:10px 15px;float:left}
.headitems .elements{float:right}
.headitems li.ctsv{display:none}
header.main .hbox .search{float:left;padding:13px 0;padding-bottom:0;width:60%;margin-left:90px}
header.main .hbox .register_active>.search{width:180px}
header.main .hbox .search form{padding:0;width:100%;position:relative;border-radius:5px;background:rgba(255,255,255,.1)}
header.main .hbox .search form input[type=text]{border:0;width:100%;height:40px;padding:0 15px;font-size:13px;font-weight:300;color:#fff;background:#27272a;border-radius:5px;box-shadow:none;margin:0}
header.main .hbox .search form input[type=text]:focus,header.main .hbox .search form input[type=text]:hover{border:0;outline:0}
header.main .hbox .search form input[type=text]::placeholder{color:rgba(255,255,255,.3)}
header.main .hbox .search form button[type=submit]{border:0;position:absolute;right:0;top:0;cursor:pointer;padding:12px 15px;font-size:14px;color:#bcc2cb;background:0 0;line-height:16px;height:auto;width:auto;margin:0;border-radius:0}
header.main .hbox .search form button[type=submit]:hover{color:var(--cf-main,#408bea)}
header.main .hbox .search form button[type=submit]:focus{outline:0 !important}

.dtuser{float:left;padding:17.5px 0;margin-left:20px}
.dtuser a.clicklogin{color:#fff;border-left:solid 2px rgba(255,255,255,.2);float:left;padding:5px 15px}
.dtuser a.clicklogin:hover{color:var(--cf-main,#408bea)}
.dtuser a.clicklogin i{font-size:24px}
.dtuser .gravatar{float:left;padding-left:19px;position:relative;border-left:solid 2px rgba(255,255,255,.08)}
.dtuser .gravatar .image{float:left;width:auto;height:auto;position:relative}
.dtuser .gravatar .image span{position:absolute;font-weight:500;font-size:12px;padding:2px 5px;top:-5px;right:-5px;border-radius:3px;color:#fff;background:#ff1212}
.dtuser .gravatar img{float:left;margin:0;border-radius:5px}

/* Avatar + menu thả xuống (Tài khoản / Đăng xuất) */
.mc-usermenu .gravatar{border-left:0;padding-left:0}
.mc-usermenu .gravatar .image{cursor:pointer}
.mc-usermenu .mc-user-toggle{display:block;line-height:0;border-radius:5px;overflow:hidden;outline-offset:2px}
.mc-usermenu .mc-user-toggle img{display:block;width:36px;height:36px;border-radius:5px;transition:opacity .15s}
.mc-usermenu .mc-user-toggle:hover img,.mc-usermenu.is-open .mc-user-toggle img{opacity:.85}
.mc-usermenu .gravatar>.mc-user-drop{position:absolute;right:0;top:calc(100% + 12px);min-width:180px;margin:0;padding:6px;list-style:none;background:#27272a;border:1px solid #3f3f46;border-radius:6px;box-shadow:0 10px 25px rgba(0,0,0,.55);z-index:120;float:none}
.mc-usermenu .mc-user-drop[hidden]{display:none}
.mc-usermenu .mc-user-drop:before{content:"";position:absolute;right:14px;top:-6px;width:10px;height:10px;background:#27272a;border-left:1px solid #3f3f46;border-top:1px solid #3f3f46;transform:rotate(45deg)}
.mc-usermenu .mc-user-drop li{float:none;width:100%;margin:0;padding:0}
.mc-usermenu .mc-user-drop li a{display:flex;align-items:center;gap:10px;float:none;width:100%;padding:10px 12px;border-radius:4px;color:#d4d4d8;font-size:14px;font-weight:500;line-height:20px;text-align:left;white-space:nowrap}
.mc-usermenu .mc-user-drop li a i{width:16px;text-align:center;font-size:13px;color:#a1a1aa}
.mc-usermenu .mc-user-drop li a:hover{background:#3f3f46;color:#fff}
.mc-usermenu .mc-user-drop li a:hover i{color:#fff}
.mc-usermenu .mc-user-drop li #dooplay_signout{padding:10px 12px}
/* Live search (kết quả gợi ý dưới ô tìm kiếm) */
.live-search{float:left;top:70px;width:360px;position:absolute;padding-left:23px;padding-right:45px;margin-top:10px;margin-left:0;border-top:0}
.live-search.rtl{left:0}
.live-search.ltr{right:0}
.live-search ul{float:left;width:100%;margin-top:0;background:#27272a;border-radius:5px}
.live-search ul:hover li{opacity:1}
.live-search ul li{float:left;width:100%;display:block;padding:12px;border-bottom:0}
.live-search ul li:hover{background:#3f3f46;opacity:1}
.live-search ul li .poster{float:left;display:inline-block;margin-right:15px;width:50px;height:50px;overflow:hidden;border-radius:5px;margin-left:5px}
.live-search ul li .poster img{margin-top:-7px;width:100%}
.live-search ul li .title{margin-top:2px;margin-bottom:0;font-size:13px;line-height:20px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#fff}
.live-search ul li .other-name{margin-top:2px;font-size:12px;font-weight:300;color:#7a858c}
.live-search ul li .release{margin-left:5px;font-size:11px;font-weight:400}
.live-search ul li .imdb{margin-top:5px;font-size:12px;color:rgba(255,255,255,.5)}
.live-search ul li .imdb span.icon-star{font-size:13px;margin-right:3px}
.live-search ul li .imdb span.fas{color:#c18545}
.live-search ul li a.more{font-style:normal;font-weight:500;width:100%;float:left;padding:5px;text-align:center;font-size:12px;color:#fff}

/* ============================================================
   [PORT] Header mobile — header.responsive / search_responsive / menuresp
   (hiện ở <=768px theo front.mobile của theme; JS của theme bật/tắt)
   ============================================================ */
form.form-resp-ab,header.responsive{border-bottom:solid 1px;display:none}
header.responsive{width:100%;float:left;position:relative;background-color:#0f0f0f;box-shadow:0 1px 5px rgba(0,0,0,.4);border-bottom:0 solid #000;height:50px}
header.responsive .nav{position:absolute;top:0;left:0;border-color:#212121;margin-right:50px}
header.responsive .logo{width:100%;margin:0 auto;padding:8px 0;text-align:left}
header.responsive .logo img{width:auto;height:37px;padding:5px 55px 7px}
header.responsive .search{position:absolute;right:0;top:0;border-color:#212121}
header.responsive a{color:#fff}
header.responsive a.aresp{font-size:20px;font-weight:300;padding:11px 10px;cursor:pointer;display:inline-block;line-height:1}
/* Theme gốc vẽ icon bằng glyph Font Awesome qua :before; theme mẫu dùng SVG inline nên tắt glyph */
header.responsive a.aresp:before,
header.responsive .nav a.nav-resp:before,
header.responsive .search a.search-resp:before,
header.responsive .nav a.active:before,
header.responsive .search a.active:before{content:none !important}
header.responsive .nav a.active svg,header.responsive .search a.active svg{color:var(--cf-main,#408bea)}
header.responsive a.aresp svg.icon-menu{width:28px;height:28px}
header.responsive a.aresp.search-resp.searchicon svg.icon-search{width:28px;height:28px;color:#d4d4d8}
.search_responsive{display:none;position:relative;float:left;width:100%}
.search_responsive .live-search{margin-top:-10px;float:left;position:absolute;top:54px;z-index:104;width:100%;padding-left:20px;padding-right:21px}
.search_responsive li.ctsx{display:block}
.search_responsive .search-button span.loading{font-size:18px;padding:4px 2px;color:var(--cf-main,#408bea)}
form.form-resp-ab{width:100%;float:left;position:relative;background:#27272a;border:0;border-color:rgba(255,255,255,.08);transition:top .4s ease-in-out}
form.form-resp-ab input[type=text]{background:#0f0f0f;border:0;width:100%;padding:10px 15px;font-size:13px;font-weight:600;color:#fff}
form.form-resp-ab button[type=submit]{border:0;background:0 0;top:0;right:0;position:absolute;padding:10px 15px;cursor:pointer;-webkit-tap-highlight-color:transparent}
form.form-resp-ab button[type=submit] span{font-size:15px;color:#bcc2cb;font-weight:300}
form.form-resp-ab button[type=submit]:hover>span{color:#009fff}
.menuresp{display:none;float:left;width:100%;position:relative}
.menuresp .menu{position:absolute;top:0;z-index:103;padding:0;box-shadow:0 10px 20px -3px rgba(0,0,0,.52);width:100%}
.menuresp .menu .user{float:left;width:100%;padding:15px;border-bottom:solid 1px #000;background:#191919}
.menuresp .menu .user .gravatar{float:left}
.menuresp .menu .user .gravatar img{width:40px;height:40px;float:left;border-radius:5px}
.menuresp .menu .user .gravatar span{float:left;padding:13px;font-weight:500}
.menuresp .menu .user .logout{float:right;padding:13px}
.menuresp .menu .user .logout a{padding:5px 10px;font-size:12px;border-radius:3px;background:rgba(255,255,255,.2);color:#fff}
.menuresp .menu .user .logout a:hover{background:var(--cf-main,#408bea)}
.menuresp .menu .user a.ctgs{float:left;width:46%;margin:0 2%;text-align:center;padding:10px 0;font-weight:400;font-size:14px;border-radius:3px;background:var(--cf-main,#408bea);color:rgba(255,255,255,.8)}
.menuresp .menu .user a.ctgs:hover{color:#fff}
.menuresp .menu ul.resp{background-color:#151414;float:left;width:100%;padding:10px 0;background-image:linear-gradient(rgba(26,28,34,0) 0%,rgba(26,28,34,.5) 50%,rgb(26,28,34) 100%)}
.menuresp .menu ul.resp li{padding:0 10px;float:left;width:100%;font-weight:500;border-bottom:0}
.menuresp .menu ul.resp li a{font-size:15px;line-height:1.2rem;float:left;width:100%;padding:13px 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:500;color:#9ca3af}
.menuresp .menu ul.resp li a:hover{color:#e5e7eb;background:none}
.menuresp .menu ul.resp li a i{font-size:1.2rem;padding:0 5px}
.menuresp .menu ul.resp li:last-child{border-bottom:0}
.menuresp .menu ul.resp li ul{padding-bottom:15px;padding-top:15px}
.menuresp .menu ul.resp li ul li{font-weight:400;border-bottom:0}
.menuresp .menu ul.resp li ul.sub-menu{float:left;width:100%;padding:0 5px 10px}
.menuresp .menu ul.resp li ul.sub-menu li{width:calc(100% / 4);padding:5px}
.menuresp .menu ul.resp li ul.sub-menu li a{font-size:12px;padding:5px 0;font-weight:500;background:rgba(167,167,167,.08);border-radius:6px;text-align:center;color:#9ca3af}
.menuresp .menu ul.resp li ul.sub-menu li a:before{content:none}
.menuresp .menu ul.resp li ul.sub-menu li a:hover{color:var(--cf-main,#408bea);background:rgba(167,167,167,.08)}

/* Phần còn lại của skin (chưa port, sẽ thay dần theo từng khối) */
.mc-skin a{color:var(--mc-text-2)}
.mc-skin a:hover{color:#fff}

/* ---------- Bố cục trang ----------
   Giữ nguyên bố cục core của DooPlay (cột nội dung + sidebar 360px bên phải), y như theme mẫu.
   Không ép full-width, không ẩn sidebar. */

/* ============================================================
   [PORT] Tiêu đề khối trang chủ & widget — bê từ front.style / colors.dark / front.mobile của theme mẫu
   ============================================================ */
.module .content header{float:left;width:100%;padding:10px 5px;line-height:20px;border:0;background:none;margin:0}
.module .content header h1,.module .content header h2{float:left;font-size:16px;font-weight:700;color:#fff;border-left:solid 0 #408bea;margin:0;padding:0;line-height:20px;text-transform:none}
.module .content header span{float:right;font-weight:500;color:inherit;display:inline;font-size:inherit}
.module .content header span a.see-all{font-family:"Roboto",sans-serif;font-size:.75rem;padding:4px 5px 3px;background-color:var(--cf-main,#a3765d);color:#e5e7eb;font-weight:500;border-radius:5px;float:none;margin:0;line-height:normal;text-transform:none}
.module .content header span a.see-all:hover{background-color:var(--cf-main,#a3765d);color:#e5e7eb}
.nav_items_module{float:right;margin-left:10px;margin-right:-3px}
.nav_items_module a.btn{float:left;font-size:23px;cursor:pointer;line-height:20px;border:solid 1px rgba(136,136,136,.3);padding:0 8px;margin:-4px 2px;border-radius:5px;color:#fff;background:none;width:auto;height:auto;text-align:left}
.nav_items_module a.btn:hover{color:#408bea}
.load_modules{float:left;width:100%;padding:15px;border-radius:3px;margin-bottom:150px;color:rgba(255,255,255,.5)}
h1.heading-archive:before,h1.heading-archive:after{content:none;display:none}
h1.heading-archive{text-align:center;font-size:20px;margin:10px 0 20px;font-weight:500;color:#e5e7eb;padding:0;line-height:normal;text-transform:none}
header.archive_post{margin-top:0}
.top-imdb-list h3{width:100%;float:left;padding:5px 5px 5px 10px;font-weight:400;text-transform:uppercase;font-size:16px;border-left:solid 3px #408bea;margin-bottom:15px;color:#fff}
.top-imdb-list h3 a{float:right}
a.see_all{text-transform:uppercase;padding:3px 8px;font-size:10px;font-weight:300;border-radius:3px;margin-top:-3px;background:#408bea;color:#fff}
/* Widget ở sidebar */
.sidebar aside.widget{float:left;width:100%;margin-bottom:0;padding:10px;background-color:#171717}
.sidebar aside.widget h2.widget-title{font-size:18px;width:100%;float:left;margin-bottom:15px;overflow:hidden;padding:5px 0 12px;font-family:"Roboto",sans-serif;font-weight:700;color:#e5e7eb;border-bottom:1px solid #27272a}
.sidebar aside.widget ul{float:left;width:100%}
.sidebar aside.widget ul li{float:left;width:100%;line-height:16px;padding:15px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-bottom:solid 1px rgba(255,255,255,.1)}
.sidebar aside.widget ul li a{font-size:14px;text-align:left;color:rgba(255,255,255,.5)}
.sidebar aside.widget ul li a:hover{color:#009fff}
.sidebar aside.widget ul li:before{font-family:"Font Awesome 5 Pro";font-weight:900;content:"\f105";margin-right:10px;margin-left:10px;float:left;color:#fff}
.sidebar aside.widget_text{padding:0}
/* [PORT] Widget thẻ w_item_a/b của theme mẫu: thẻ ngang thấp hơn, tiêu đề viết hoa nhỏ, ảnh phủ kín khung */
.w_item_a{margin-bottom:15px}
.w_item_a .image{padding-top:30%}
.w_item_a .image img{height:100%;top:0;left:0;margin-top:0;object-fit:cover;object-position:center}
.w_item_a .image .data h3{font-weight:700;font-size:12px;line-height:20px;text-transform:uppercase;color:rgba(255,255,255,.8)}
.w_item_b{height:100px;margin-bottom:10px;border:solid 1px #27272a;border-radius:0}
.w_item_b .image{width:85px;height:88px;margin:5px 0 0 5px;border-radius:5px}
.w_item_b .image img{margin-top:0}
.w_item_b .data h3{font-weight:500;font-size:14px}
.w_item_b .data .wextra b{font-size:12px;font-weight:500;color:#d1d5db;border-radius:5px}
.w_item_b .data .wextra b:before{font-weight:600;margin-right:5px;color:#a1a1aa;font-size:12px}
.w_item_b .data .wextra span.year{line-height:24px;font-size:13px;margin:-2px 0 0 10px;float:left;color:#a1a1aa;font-weight:500}

/* ============================================================
   [PORT] Thẻ phim / mùa / tập — bê từ front.style / colors.dark / front.mobile của theme mẫu
   (khung .items + .item + .poster + .titlestatus + .data). Icon play và badge điểm/chất lượng
   riêng trên poster đã bỏ khỏi markup như bản mẫu.
   ============================================================ */
.animation-1{animation:fadeIn .5s}
.animation-2{animation:fadeIn 2s}
.module .content .items{width:100%;float:left;margin-bottom:5px;border-bottom:solid 1px rgba(255,255,255,.08);padding:5px 0}
.module .content .items:last-child,.module .content .list_genres:last-child{border-bottom:0}
.module .content .items .item{width:calc(100% / 6);float:left;margin:0;padding:0 5px;position:relative}
.module .content .items.normal .item{width:calc(100% / 6)}
.module .content .items.full .item{width:calc(100% / 6)}
.module .content.full_width_layout .items .item{width:calc(100% / 6)}
.module .content .featured .item{width:calc(100% / 5)}
.module .content .items .se{width:20%;margin:0;padding:5px}
.module .content .items .item .poster{width:100%;height:100%;float:left;position:relative;overflow:hidden;margin:0;padding-top:150%;border-radius:7px;background:rgba(0,0,0,0)}
/* Bản mẫu để trống url() của icon play nên không có icon khi hover */
.module .content .items .item .poster a .see,
.module .content .items .item .poster a .see.play1,
.module .content .items .item .poster a .see.play2,
.module .content .items .item .poster a .see.play3,
.module .content .items .item .poster a .see.play4{background:none;background-size:40% 40%;width:100%;height:100%;position:absolute;top:0;right:0;opacity:0}
.module .content .items .item .poster a:hover>.see{transform:scale(.75);opacity:1}
.module .content .items .item .poster .rating{background:rgb(255 255 255 / 20%);color:#fff;text-shadow:1px 0 #000;position:absolute;bottom:0;right:0;padding:3px 8px;line-height:18px;font-size:12px;font-weight:300;margin-bottom:-40px;overflow:hidden;transition:.2s}
.module .content .items .item .poster .rating:before{color:#fff;content:"\f005";font-family:"Font Awesome 5 Pro";font-weight:600;display:inline-block;font-style:normal;line-height:1;margin-right:6px}
.module .content .items .item .poster:hover>.rating{margin-bottom:0}
.module .content .items .item .poster img{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;object-fit:cover}
.module .content .items .item .poster:hover>img{opacity:.9}
.module .content .items .item .data{float:left;width:100%;background:#18181b;padding:10px 5px 8px;margin-top:0;margin-bottom:10px;border-radius:0 0 5px 5px}
.module .content .items .item .data h3{font-weight:500;font-size:13px;line-height:20px;margin-bottom:2px;width:100%;float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#fff}
.module .content .items .item .data h3 a{color:#fff}
.module .content .items .item .data h3 a:hover{color:#408bea}
.module .content .items .item .data h3 span.flag{width:12px;height:12px;float:left;margin-right:5px;margin-top:3px}
.module .content .items .item .data span{float:left;width:100%;line-height:1.5;font-size:13px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:600;color:#9ca3af}
.module .content .items .item .data span.serie{font-weight:500}
.module .content .items .item .dtinfo{display:none;position:absolute;top:10px;width:308px;height:207px;border:0;z-index:3;background:rgba(0,0,0,.98);box-shadow:0 15px 20px -7px rgba(0,0,0,.6)}
.module .content .items .item:hover>.dtinfo{display:block}
.module .content .items .item .left{right:-318px}
.module .content .items .item .right{left:-318px}
/* Nhãn trạng thái ở góc trái trên poster (Tập N / Full / chất lượng) */
.titlestatus{font-size:11px;position:absolute;background:var(--cf-main,#a3765d);color:#fff;top:5px;padding:5px;left:0;font-weight:500;box-shadow:0 4px 10px rgba(127,29,29,.2);border-radius:0 5px 5px 0;z-index:2}
.titlestatus span{line-height:20px;float:left;color:#fff;font-size:14px;padding:3px 10px;font-weight:700}
.featu{position:absolute;font-size:11px;padding:4px;color:#fff;font-weight:500;top:0;border-top-left-radius:0;left:-1px;background:#ff2a2a}
.module .content .items .item .dfeatur{position:relative}
/* Featured: số thứ hạng lớn ở góc dưới poster + lớp mờ dần xuống nền khối tên (bê từ mẫu) */
.topfilm{position:absolute;bottom:75px;left:12px;font-size:30px;font-weight:800;font-family:'Inter',sans-serif;color:#191b24;text-shadow:-1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff;text-transform:uppercase;z-index:3}
/* Featured: nhãn tập/trạng thái hạ xuống đáy poster (số thứ hạng .topfilm đã bỏ khỏi markup) */
.featured .titlestatus{top:auto;bottom:10px}
/* Badge Trending: đỏ đậm, dính góc trên trái poster */
.mc-trending{position:absolute;top:0;left:0;z-index:3;background:#7e0606;color:#fff;font-size:11px;font-weight:500;line-height:1;padding:3px 6px;border-radius:0 0 3px 0;text-transform:none;box-shadow:0 4px 10px rgba(126,6,6,.3)}
.overlay{content:'';position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,transparent,#18181b)}
span.quality{color:#fff;background:#cd2026}
article.episodes span.quality{position:absolute;top:0;left:0;padding:5px 10px;font-size:12px;font-weight:500}
/* Mùa / tập */
.se .poster .season_m span.a{font-size:14px}
.se .poster:hover>.season_m{opacity:1;transform:scale(1)}
.se .poster .season_m{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;padding:33% 0;transform:scale(.75);text-shadow:0 0 10px #000;transition:all .5s ease-in-out}
.se .poster .season_m span{width:100%;float:left;text-align:center;color:#a1a1aa}
.se .poster .season_m span.b{font-size:69px}
.se .poster .season_m span.c{font-size:16px;padding:0 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:20px}
.module .content .items .episodes{width:calc(100% / 5)}
.module .content .items.full .episodes{width:calc(100% / 4)}
.list_genres .item{width:100% !important}
.module .content .items .episodes .poster{padding-top:55%;width:100%;height:auto}
/* Bản mẫu để margin-top:-55% ở đây nên ảnh tập bị đẩy ra ngoài khung (ảnh đã top:0 sẵn); bỏ margin để ảnh phủ đúng poster 16:9 */
.module .content .items .episodes .poster img{margin-top:0;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.module .content .items .episodes .poster .season_m{padding:16% 0}
.module .content .items .episodes .poster .season_m span.b{font-size:30px}
.module .content .items .episodes .poster span.serie{position:absolute;bottom:0;left:0;padding:5px 10px;font-size:13px;background:#000;color:#fff}
.module .content .items .episodes .poster:hover>span.serie{display:none}
.module .content.full_width_layout article.episodes{width:calc(100% / 4)}
.module .content.full_width_layout .owl-item article.episodes{width:100% !important}
/* Thẻ trong carousel (owl) luôn rộng 100% ô của owl */
.owl-carousel .owl-item .item,
.module .content .items .owl-item .item,
.module .content .items.normal .owl-item .item,
.module .content .items.full .owl-item .item,
.module .content.full_width_layout .items .owl-item .item,
.owl-item article.episodes{width:100% !important}
img.lazyload{opacity:0}
img.lazyloaded{opacity:1}

/* ============================================================
   [PORT] Slider trang chủ — .slider / item_b (2 slide mỗi hàng như theme mẫu)
   ============================================================ */
.slider{float:left;margin-bottom:20px;width:100%}
.slider article.item{width:50%;float:left;padding:0 5px;transition:all .4s}
.slider article.item:hover{transform:none}
#slider-master article.item,#slider-movies article.item,#slider-movies-tvshows article.item,#slider-tvshows article.item{width:100%}
.slider article.item .image{width:100%;position:relative;overflow:hidden;margin:0;padding-top:53%;border-radius:.375rem;background-color:#000}
.slider article.item .image img{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;object-fit:cover}
.slider article.item .image::before{content:"";position:absolute;inset:0;background-image:url('img/style.png');background-repeat:repeat;opacity:.1;z-index:1;pointer-events:none}
.slider article.item .image .data{width:100%;float:left;position:absolute;bottom:0;left:0;right:auto;top:auto;padding:14px 10px;background-color:transparent;background-repeat:repeat-x;background-image:linear-gradient(rgba(0,0,0,0),#151414);z-index:2;text-align:center}
.slider article.item .image .data h3.title{font-size:15px;line-height:30px;font-weight:700;text-shadow:0 0 10px #000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:5px;text-align:center;color:#fff}
.slider article.item .image .data span{font-size:14px;text-shadow:0 0 10px #000;font-weight:500;text-align:center;margin-bottom:10px;width:100%;float:left;color:#a1a1aa;background:none;padding:0;display:block}
.slider article.item .image .data .info-bar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:5px 10px 10px;font-weight:600;font-size:.9rem;color:#e0e0e0;float:left;width:100%}
.slider article.item .image .data .info-bar .sliderb{display:flex;align-items:center;justify-content:center;border-radius:6px;padding:4px 10px;border:1px solid gray;user-select:none;white-space:nowrap;font-size:12px;margin:0;width:auto;float:none;text-shadow:none;color:#e0e0e0}
.slider article.item .image .data .info-bar .sliderb a{color:#e0e0e0}
/* Chấm điều hướng — y như theme mẫu: desktop ẩn (rule "+ / ~ .owl-controls" của mẫu không khớp vì owl 1.x
   chèn controls BÊN TRONG #slider), mobile (<=768px) hiện ở góc phải phía dưới, xem khối @media 768 bên dưới */
.owl-theme .owl-controls{display:none !important;margin-top:5px}
#slider-movies-tvshows + .owl-controls,#slider-movies + .owl-controls,#slider-tvshows + .owl-controls,
#slider-movies-tvshows ~ .owl-controls,#slider-movies ~ .owl-controls,#slider-tvshows ~ .owl-controls{display:block !important}
.owl-theme .owl-controls .owl-page span{width:8px;height:8px;transition:.2s;border-radius:50%;background:#fff}
.owl-theme .owl-controls .owl-page.active span{width:15px;border-radius:3px}
/* (bỏ) .mc-skin #featured-titles{display:block} — core ẩn carousel tới khi owl khởi tạo, ép hiện sớm gây nhảy bố cục */

/* ---------- Glossary / chữ cái ---------- */
.mc-skin .letter_home{padding:10px 0 0;background:none}
.mc-skin ul.glossary li a{background:var(--mc-zinc-800);border-radius:3px;color:#d4d4d8;border:0}
.mc-skin ul.glossary li a:hover{color:var(--mc-main)}

/* ---------- Top IMDb & blog ---------- */
.mc-skin .top-imdb-item{border-color:var(--mc-line) !important}
.mc-skin .top-imdb-item .title a{color:#fff}
.mc-skin .top-imdb-item .puesto{color:var(--mc-muted)}

/* ============================================================
   [PORT] Trang chi tiết (phim lẻ / phim bộ / tập) — bê từ front.style / colors.dark / front.mobile
   của theme mẫu: khung #single, .sheader, tabs, .sbox, diễn viên, danh sách tập, chia sẻ, liên quan, breadcrumb, player.
   ============================================================ */
/* ===== front.style.min.css */
.dooplay_player{ float:left; width:100%; position:relative }
.dooplay_player h4{ font-size:15px; font-weight:500; width:100%; float:left; padding:15px 22px; font-family: "Roboto", sans-serif; }
.dooplay_player h4 span{ float:right; font-size:12px; font-weight:500; line-height:20px }
.dooplay_player.played{ border-bottom:0 }
.dooplay_player .options{ padding: 0px 22px; float: left; width: 100%; position: relative; }
.dooplay_player .options.scrolling{ max-height:180px; overflow:hidden }
.dooplay_player .options.onload:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1 }
.dooplay_player .options ul{ margin: 25px 0; float: left; width: 100%; }
.dooplay_player .options ul li{ float: left; width: 100%; padding: 10px 15px; font-weight: 500; cursor: pointer; line-height: 20px; border-radius: 5px; font-family: "Roboto", sans-serif; }
.dooplay_player .options ul li i{ font-size:20px; margin-right:15px; float:left }
.dooplay_player .options ul li i.yt{ margin-right:0 }
.dooplay_player .options ul li span.title{ float: left; font-weight: 600; }
.dooplay_player .options ul li span.server{ font-size:12px; margin-left:15px }
.dooplay_player .options ul li span.loader{ float:right; position:sticky; left:auto; top:auto; margin-right:20px; margin-top:5px; display:none }
.dooplay_player .options ul li span.flag{ float:right }
.dooplay_player .options ul li:last-child{ margin-bottom:0; }
.dooplay_player .play{ position:relative; float:left; width:100%; margin:0; padding:0 }
.dooplay_player .play .preplayer{ position:relative; padding-bottom:56.29%; max-width:100%; display:block; margin:auto; height:0; overflow:hidden }
.dooplay_player .play .asgdc{ display:none; position:absolute; top:50%; left:50%; margin-top:-125px; margin-left:-150px; z-index:1; width:300px; height:250px }
.dooplay_player .play.isnd{ padding:0px; margin-top: 0px; }
.dooplay_player .play.isnd.bigger{ padding:0!important }
.dooplay_player .play.isnd>.asgdc{ display:block }
.dooplay_player .play .pframe{ position:relative; padding-bottom:56.29%; max-width:100%; display:block; margin:auto; height:0; overflow:hidden }
.dooplay_player .play .pframe iframe{ position:absolute; top:0; left:0; width:100%; height:100% }
.module .sidebar.right{ right:0 }
.module .content.right{ margin-right:360px }
#seasons,#seasons .se-c{ width:100%; float:left }
#seasons .se-c:last-child{ margin-bottom:0 }
#seasons .se-c .se-q{ cursor:pointer; line-height:25px; float:left; width:100%; padding-left:105px; position:relative; margin-bottom:2px }
#seasons .se-c .se-q span.title{ float:left; padding:13px 0; font-size:15px; width:100%; overflow:hidden; font-weight:500 }
#seasons .se-c .se-q span.title i{ font-style:normal; font-size:12px; margin-left:10px; font-weight:300 }
#seasons .se-c .se-q span.se-t{ line-height:21px; font-family:sans-serif; float:left; font-size:21px; padding:15.5px 0; position:absolute; left:0; width:90px; text-align:center }
#seasons .se-c .se-a,#seasons .se-c .se-a ul.episodios{ width: 100%; float: left; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 5px 5px; display: grid; }
#seasons .se-c .se-a ul.episodios li{ float: left; }
#seasons .se-c .se-a ul.episodios li.none{ padding:30px 0; font-size: 13px; text-align:center; color: #9ca3af; }
#seasons .se-c .se-a ul.episodios li:last-child{ border-bottom:0 }
#seasons .se-c .se-a ul.episodios li .numerando{ float:left; padding:9px; margin:10px 0; border-right:solid 1px; width:80px; text-align:center; font-weight:600 }
#seasons .se-c .se-a ul.episodios li .imagen{ width:90px; float:left; margin-top:3px }
#seasons .se-c .se-a ul.episodios li .imagen img{ width:100% }
#seasons .se-c .se-a ul.episodios li .episodiotitle{ float:left; padding:0px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width: 100%; }
#seasons .se-c .se-a ul.episodios li .episodiotitle a{ line-height: 20px; font-size: 14px; padding: 5px 8px; background: #525252; border-radius: 3px; text-align: center; display: inline-block; font-weight: 500; width: 100%; font-family: "Roboto", sans-serif; }
#seasons .se-c .se-a ul.episodios li .episodiotitle span.date{ float:left; width:100%; font-size:12px; padding-top:5px; font-weight:300 }
#single{ margin:0; padding:0; position:relative }
.dtsingle .content{ width:calc(100% - 360px); float:left; padding:0; position:relative }
.dtsingle .content.right{ margin-right:360px }
.dtsingle .content.left{ margin-left:360px }
#single .content .sbox{ width:100%; float:left; padding:15px 18px 20px; background:0; border-bottom:solid 0px }
#single .content .sboxx{ width:100%; float:left; background:0; border-bottom:solid 0px }
.dtsingle .sidebar{ width: 360px; height: 100%; float: left; padding: 30px 25px; position: absolute; overflow: hidden; overflow-y: auto; margin-right: 15px; scrollbar-width: none; -ms-overflow-style: none; }
.dtsingle .sidebar::-webkit-scrollbar{ display: none; width: 0; height: 0; }
.dtsingle .sidebar.right{ right:0 }
.dtsingle .sidebar.left{ left:0 }
.sbox h1,.sbox h2{ float: left; width: 100%; margin-bottom: 10px; padding-bottom: 5px; padding-top: 5px; font-size: .875rem; font-weight: 500; text-transform: uppercase; }
.sbox h2 a.addlink{ float:right; width:initial; font-size:14px; padding:5px 15px }
.sbox .sdata h1,.sheader .data h1{ font-weight: 700; font-size: 1.125rem; line-height: 1.75rem; text-transform: uppercase; }
.sbox .sposter{ float:left; width:185px; margin-right:20px; position:relative }
.sbox .sposter img{ width:100%; height:auto }
.sbox .sdata{ float:left }
.sbox p{ line-height:23px; }
.sheader{ width: 100%; float: left; padding: 10px 0px 25px; overflow: hidden; }
.sheader .poster{ float:left; padding-bottom:0; width:165px; position:relative }
.sheader .poster img{ width:100%; float:left; height:247px; object-fit:cover; object-position:center top }
.sheader .data{ padding:0; width:calc(100% - 160px); margin-left:185px }
.sheader .data h1{ line-height:32px; text-overflow:ellipsis; margin-top: -4px; }
.alert_dt_ee,.galeria{ width:100%; float:left }
.sheader .poster .complex{ width:100%; height:100%; float:left; font-size:13px; line-height:20px; padding:2px 10px; margin-top:5px; text-align:center }
.galeria .g-item{ float:left; width:25%; padding:10px; position:relative; overflow:hidden; padding-top:54%; -moz-transition:all .4s; -webkit-transition:all .4s; transition:all .4s }
.galeria .g-item:hover{ -moz-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05) }
.galeria .g-item img{ height:auto; width:100%; height:auto; margin-top:-54%; position:absolute }
#dt_galery,#dt_galery_ep{ display:none }
#dt_galery .g-item,#dt_galery_ep .g-item{ width:100% }
.single_tabs{ width: 100%; float: left; padding:0 0px }
ul.smenu{ float:left; padding:12px 0; overflow:hidden; margin-left: -8px; }
ul.smenu li{ float:left; margin-left: 8px; }
ul.smenu li.icon{ padding:8px 15px }
ul.smenu li a{ width: 100%; text-align: center; float: left; padding: 10px 10px; font-weight: 700; font-size: 12px; border-radius: 3px; text-transform: uppercase; padding-left: .75rem; padding-right: .75rem; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); line-height:1.2; }
ul.smenu li a span{ background:#ffeb3b; color:#000; padding:2px 5px; border-radius:3px; font-weight:600; font-size:10px; margin-left:5px }
ul.smenu li a.selected span{ display:none }
.extra{ float:left; padding:5px 0; color: #9ca3af; font-weight: 500; }
.extra span{ line-height: 20px; float: left; padding-right: 6px; color: #9ca3af; font-weight: 500; }
.extra span a{ margin-right:15px }
.extra span.tagline{ width:100%; padding-bottom:5px; font-size:16px }
.extra span.rated{ font-weight:500 }
.srating{ float:left; padding:10px 0; margin:10px 0 }
.srating .promedio{ float:left; padding:10px 0; font-size:30px; width:60px; font-weight:600; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }
.srating .rdata{ float:left; margin-left:10px; padding:5px 0 }
.srating .rdata .stars{ position:relative; display:inline-block; height:22px; font-size:22px; overflow:hidden; float:left; margin:0 }
.srating .rdata .stars span.rating-stars-b{ position:absolute; top:0; left:0; width:100%; overflow:hidden; white-space:nowrap }
.sgeneros,.videobox .embed{ position:relative; overflow:hidden }
.srating .rdata .votes{ font-size:13px; padding-top:5px; float:left; width:100% }
.sgeneros{ float:left; width:100%; height:20px; padding:5px 0; display:inline-block; }
.sgeneros a:first-child{ padding-left:0; border-left:0 }
.sgeneros a{ font-size:13px; float:left; padding:0 10px; font-weight:500 }
.videobox{ width:100%; float:left }
.videobox .embed{ padding-bottom:56.25%; height:0 }
.videobox .embed iframe{ position:absolute; top:0; left:0; bottom:0; width:100%; height:auto!important; min-height:100% }
.sbox .custom_fields{ width:100%; padding:0 10px 15px; float:left; margin-bottom:15px }
.sbox .custom_fields:last-child{ border-bottom:0; padding-bottom:0; margin-bottom:0 }
.sbox .custom_fields b.variante{ min-width:170px; float:left; font-size:13px; font-weight:500 }
.sbox .custom_fields span.valor{ font-size:13px; float:left; width:calc(100% - 170px); line-height:20px }
.sbox .custom_fields span.valor strong{ padding:4px 10px 4px 30px; border-radius:3px; position:relative; margin-right:10px }
.sbox .custom_fields span.valor strong:before{ font-family:"Font Awesome 5 Pro"; content:"\f005"; float:left; font-size:12px; top:2px; left:8px; font-weight:900; position:absolute }
.wp-content{ width:100%; float:left; margin-bottom:0px; padding-bottom:0px }
.wp-contents{ background: #222; float: left; padding: 5px; color: #9ca3af; font-size: 15px; line-height: 26px; font-family: "Roboto", sans-serif; }
.wp-content pre{ margin-bottom:15px }
.wp-content p{ margin-bottom: 15px; color: #9ca3af; margin-bottom: 15px; line-height: 26px; font-size: 15px; }
.wp-content p:last-child{ margin-bottom:0; color: #9ca3af; }
.wp-content blockquote{ font-style:italic; padding:10px 0 10px 20px; margin-bottom:10px; font-size:20px }
.wp-content blockquote p{ margin-bottom:0; line-height:33px }
.wp-content ol,.wp-content ul{ padding-left:30px; margin-bottom: 5px; margin-top: 5px; color: rgba(255, 255, 255, .6); }
.wp-content ul li{ list-style-type:square }
.wp-content ol li{ list-style-type:decimal }
.wp-content ol li,.wp-content ul li{ line-height:25px; color: #9ca3af; }
.wp-content h1,.wp-content h2,.wp-content h3,.wp-content h4,.wp-content h5,.wp-content h6{ line-height:28px; margin-bottom:15px; display:block }
.wp-content h1{ font-size:25px }
.wp-content h2{ font-size:23px }
.wp-content h3{ font-size:21px }
.wp-content h4{ font-size:15px }
.wp-content h5{ font-size:15px }
.wp-content h6{ font-size:15px }
.wp-content img{ max-width:100%; height:auto }
.starstruck-wrap{ font-size:12px; display:table }
.starstruck{ display:inline-block; line-height:1em; min-width:242px; font-size:10px; -webkit-tap-highlight-color: transparent; }
.starstruck .cancel-off-png,.starstruck .cancel-on-png,.starstruck .star-half-png,.starstruck .star-off-png,.starstruck .star-on-png{ font-size: 14px; font-family: "Font Awesome 5 Pro"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; font-weight: 900; line-height: 20px; speak: none; text-transform: none; margin-right: 2px; }
.starstruck .cancel-off-png:before,.starstruck .cancel-on-png:before,.starstruck .star-half-png:before{ content:"\f005" }
.starstruck-rating-wrap{ margin-top:2px; margin-left:10px; padding:5px 15px; font-style:normal; border-radius:3px; text-align:center; display:inline-block; vertical-align:top; font-size:12px; font-weight:300 }
.dtloadpage,.scontent .fixedform{ display:none }
.starstruck-rating{ margin-top:10px; font-size:13px; }
.starstruck-rating i{ float:left; margin-right:5px }
.starstruck-rating span{ font-style: normal; font-weight: 500; font-size: 13px; color: #ddd; }
.starstruck-wrap{ width:100%; float:left; margin:10px 0; padding:10px 0 }
.starstruck-wrap .dt_rating_vgs{ float:left; padding:10px 0; font-size:27px; width:60px; font-weight:500; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; position:absolute; top:0; left:0 }
.starstruck-wrap .dt_rating_data{ float:left; paddingg:5px 0 5px 70px; position:relative }
#single .content .srelacionados{ padding:20px 30px; float:left; width:100% }
#single .content .srelacionadoss{ float:left; width:100%; margin-bottom: 10px; }
.srelacionadoss article:hover{ color: red; }
.srelacionadoss article img{ width: 100%; border-radius: 5px; -o-object-fit: cover; object-fit: cover; height: 180px; }
.srelacionadoss article { float:left; padding:5px; width: 100%; }
.dtloadpage{ position:fixed; top:0; left:0; z-index:99999999; width:100%; height:100% }
.dtloadpage .dtloadbox{ width:500px; margin:5% auto; text-align:center }
.dtloadpage .dtloadbox img{ width:auto; height:auto; margin:0 auto }
.dtloadpage .dtloadbox span{ font-size:30px; width:100%; float:left; margin:20px 0 }
.dtloadpage .dtloadbox p{ width:100%; float:left; font-size:12px }
#single_relacionados{ display:none; width:100%; float:left }
.dt_social_single{ float:left; width:100%; padding:0 }
.dt_social_single span{ float: left; font-size: 14px; padding: 7px 0px; padding-right: 12px; margin-right: 15px; font-weight: 500; color: #d1d5db; }
.dt_social_single b#social_count{ font-weight:500; float:right; margin-left:10px }
.dt_social_single a{ float: left; margin: 0; padding: 7px 8px; margin-right: 5px; border-radius: 3px; }
.dt_social_single a i{ float:left; font-size:14px; float: initial; }
.dt_social_single a b{ font-weight:400; line-height:16px; margin-left:0px }
.sseasons .se-c .se-q{ background:0 0!important }
.pag_episodes{ width:100%; float:left; margin-bottom:10px }
.pag_episodes .item{ width:calc(100%/ 3); float:left; text-align:center }
.pag_episodes .item:last-child{ border-right:0 }
.pag_episodes .item a{ padding:10px; float:left; width:100% }
.pag_episodes .item a.nonex{ opacity:.3; cursor:not-allowed }
.pag_episodes .item a i{ font-size:17px; padding:0 5px }
.pag_episodes .item a span{ font-size:15px }
.wp-content h1 span{ font-size:15px; font-weight:400 }
.module_single_ads{ text-align:center; width:100%; float:left; padding:5px 0; border-bottom:solid 0px }
.wp-content .video{ position:relative; padding-bottom:56.25%; max-width:100%; display:block; margin:auto; height:0; overflow:hidden; margin-bottom:15px }
.wp-content .video iframe{ position:absolute; top:0; left:0; width:100%; height:100% }
.player_sist{ float:left; width:100%; margin:0 }
.player_sist .playex{ float:left; width:100%; overflow:hidden; max-height:100%; position:relative }
.player_sist .playex .play-box-iframe{ position:relative; padding-bottom:56.25%; max-width:100%; display:block; margin:auto; height:0; overflow:hidden }
.player_sist .playex .play-box-iframe iframe{ position:absolute; top:0; left:0; width:100%; height:100% }
.player_sist .control{ float:left; width:100% }
.player_sist .control nav{ margin-bottom:0 }
.player_sist .control nav.player{ float:left; width:130px }
.player_sist .control nav.player ul.options{ float:left; width:100%; background:#141516 }
.player_sist .control nav.player ul.options li{ float:left; width:100% }
.player_sist .control nav.player ul.options li a{ padding:17px 20px; float:left; width:100%; color:#fff; font-size:11px; padding-left:40px; position:relative; cursor:pointer; text-transform:uppercase }
.player_sist .control nav.player ul.options li a b{ font-weight:400 }
.player_sist .control nav.player ul.options li a i{ font-size:19px; position:absolute; top:12px; left:14px }
.player_sist .control nav.player ul.options li ul{ display:none; position:absolute; z-index:3; background:#141516; box-shadow:0 15px 20px -7px rgba(0,0,0,.6); width:100%; padding:15px; padding-right:17px; margin-top:45px; border-top:solid 1px #000 }
.player_sist .control nav.player ul.options li:hover ul{ display:block }
.player_sist .control nav.player ul.options li ul li{ text-align:left; float:left; margin-bottom:1px }
.player_sist .control nav.player ul.options li ul li a{ padding:9px 20px; text-transform:none; line-height:20px }
.player_sist .control nav.controles{ float:right }
.player_sist .control nav.controles ul.list{ padding:0 }
.player_sist .control nav.controles ul.list li{ float:left }
.player_sist .control nav.controles ul.list li.contadorads{ color:rgba(255,255,255,.5); padding:16px 10px; font-size:13px }
.player_sist .control nav.controles ul.list li.contadorads i{ font-style:normal; font-weight:400; padding:4px 5px; margin-left:5px; border-radius:3px; font-size:12px }
.player_sist .control nav.controles ul.list li a{ font-size:20px; font-weight:400; padding:11.5px 15px; float:left }
.player_sist .control span.views{ font-size:12px; padding:16.5px 19px; float:left }
.player_sist .control span.qualityx{ font-size:15px; padding:15px 18px; float:left; font-weight:600; font-style:italic }
h1.epih1{ line-height: 28px; font-size: 18px; margin-bottom: -8px; font-weight: 700; text-transform: uppercase; padding: 10px 0px; color: #e5e7eb; !important; }
h3.epih3 { font-size: 15px; font-weight: 700; padding: 10px 0px; margin-bottom: 10px; color: #a1a1aa; !important; }
#single .episodes_cont{ width:100%; border-right:0!important; float:left }
#single .episodes_cont .sbox{ padding:25px 110px }
#single .content .player_sist .playex{ max-height:483.19px }
.persons{ float:left; width:100%; margin-bottom: -20px; }
.personss{ float: left; width: 100%; border-bottom: solid 1px #27272a; margin-bottom: 15px; }
.person{ position:relative; padding:10px 0; padding-left:73px; min-height:70px; float:left; width:calc(100%/ 3); margin-bottom:10px }
.person .img{ position:absolute; left:0; top:0; width:60px; height:60px; border-radius: 0px; overflow:hidden; border-radius: 3px; }
.person .img img{ width: 100%; height: 100%; object-fit: cover; }
.person .data{ padding-right:20px }
.person .data .name{ font-size:14px; margin-bottom:5px; float:left; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:400 }
.person .data .caracter{ font-size:13px; float:left; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:500; }
.fullplayer .playex{ max-height:675px!important }
.player_sist .control nav.player ul.options li ul li a b{ float:left; font-size:18px; margin-right:10px }
.dt_social_single a.google i,.dt_social_single a.pinterest i{ margin-right:0 }
#edit_link{ float:left; width:100%; position:relative }
#edit_link .box{ position:fixed; top:50%; left:50%; margin-left:-200px; margin-top:-214px; z-index:103 }
#edit_link .box .form_edit{ width:400px; float:left; padding:20px; position:relative }
#edit_link .box .form_edit .cerrar{ position:absolute; top:0; right:0; float:right }
#edit_link .box .form_edit .cerrar a{ padding:5px 15px; float:left; cursor:pointer }
#edit_link .box .form_edit .ready{ font-size:20px; float:left; width:100%; padding:15px 10px; padding-bottom:10px }
#edit_link .box .form_edit .ready i{ float:left; margin-right:10px; margin-top:-4px; font-size:29px }
#edit_link .box .form_edit fieldset{ float:left; width:100%; padding:10px 0 }
#edit_link .box .form_edit fieldset h3{ font-size:18px; font-weight:400; padding-bottom:15px; float:left; width:100% }
#edit_link .box .form_edit fieldset h3 i{ float:left; margin-right:10px; margin-top:-3px; font-size:21px }
#edit_link .box .form_edit fieldset select{ width:100%; height:35px; padding:8px }
#edit_link .box .form_edit fieldset input[type=text]{ width:100%; height:35px; padding:8px }
#edit_link .box .form_edit fieldset input[type=submit]{ border:0; width:100%; padding:9px 0; font-weight:500; font-size:15px; border-radius:3px; cursor:pointer }
.person .data .name a{ font-weight:500; font-size:14px; }
#seasons .se-c .se-a{ display:none }
.user_control{ float:right; margin-left:0; margin-right:-25px }
.user_control a{ float:left; padding:18px 15px }
.user_control a i{ font-size:20px }
.user_control a span{ float:right; margin-left:10px; margin-top:6px; font-size:12px; font-weight:400 }
.user_control a.in-list span{ font-weight:500 }
.dt-breadcrumb{ float: left; width: 100%; padding: 5px 0px; line-height: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-radius: 5px; margin-top: 10px; font-weight: 500; margin-bottom: 10px; box-shadow: 0 10px 15px -7px rgba(0, 0, 0, .2); }
.breadcrumb_bottom{ border-bottom:0!important }
.dt-breadcrumb ol li{ float:left; padding:5px 10px; color: #fff; margin-right: -10px; }
.dt-breadcrumb ol li a{ float:left; font-size:14px; }
.dt-breadcrumb ol li span.fas{ padding-left: 10px; padding-top: 1px; float: left; }
#seasons .se-c .se-q span.se-t i{ font-size:19px }
ul.wp-tags{ float: left; width: 100%; padding: 0; margin-top: 20px; margin-bottom: -5px; }
ul.wp-tags li{ list-style-type:none; line-height:20px; float:left; margin-right:8px; border-radius:3px }
ul.wp-tags li a{ padding: 3px 7px; float: left; font-size: 13px; font-weight: 500; color: #d1d5dc; border-radius: .375rem; margin-bottom: -10px; margin-top: 5px; background: #404040; }
ul.wp-tags li a:hover{ background: #525252; }
.movie_label span { position: initial!important; color: #e5e7eb; font-weight: 500; }
.item-label { background: var(--cf-main, #a3765d); padding: 2px 7px; color: #fff; font-weight: 500; padding-bottom: 3px; font-size: 14px; letter-spacing: .5px; }
.movie_label { position: relative; }
.tieudephim { font-size: 15px; font-weight: 500; line-height: 20px; padding: 5px 0px; color: #9ca3af; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.menulist { float: left; padding: 5px 0; color: #9ca3af; font-weight: 500; margin-bottom: -10px; }
.menulist span { font-size: 13px; line-height: 20px; padding-right: 4px; font-weight: 400; color: #e5e7eb; }
.menulist span.year { font-weight: 400; color: #9f9fa9; }
.menulist span.country { font-weight: 400; color: #e5e7eb; }
.menulist span.country a { color: #e5e7eb; }
.menulist span.country a:hover{ color: #ffffff; }
.menulist span.listlabel { font-weight: 400; color: #e5e7eb; }
.menulist span.listlabel a { color: #e5e7eb; }
.menulist span.listlabel a:hover{ color: #ffffff; }
.infofilm { padding: 5px 0px 0px; float: left; border-top: solid 1px #27272a; margin-top: 10px; width:100%; }
.theloai { float: left; padding: 12px 0px 0px; color: #9ca3af; font-weight: 500; margin-bottom: -10px; width: 100%; }
.theloai span{ font-weight: 400; }
.genrex{ color: #9f9fa9; }
.danhmuctheloai { color: #ddd; font-weight: 400; font-size:13px; }
.danhmuctheloai a{ color: #ddd; font-weight: 400; line-height: 25px; }
.danhmuctheloai a:hover{ color: #fff; }
.xemngay { font-size: 1rem; background-color: #d9534f; padding: 3px 1rem; width: auto; display: inline-block; line-height: 1.875rem; border-radius: .25rem; color: #fff; font-weight: 500; margin-right: 5px; }
.xemngay a{ color: #fff; }
.xemngay:hover{ opacity:0.9; }
.episodios a.active { opacity: 1; background: var(--cf-main, #a3765d) !important; color: #d1d5db !important; }
.no-video { height: 0; padding-top: 56.25%; position: relative; font-size: 2vw; color: #fff; border-radius: 0; width: 100%; background: #151515; float: left; margin-bottom: 10px; margin-top: 2px; }
.no-video .content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; align-items: center; justify-content: center; display: flex; color: #9b9b9b; animation: shiver 0s linear .5s infinite; }
.no-video #channel { position: absolute; top: 35px; left: 40px; font-size: 16px; font-family: "VT323",monospace; vertical-align: middle; color: #fbff68; animation: shiver 0s linear .5s infinite; }
.no-video #text { text-align: left; font-weight: 200; font-size: 15px; animation: shiver 0s linear .5s infinite; paddingg: 20px 10px 6px; color: #a2a2a2; border-radius: 3px; font-weight: 500; }
/* ===== colors.dark.min.css */
.module .content.right,.module .content.rigth.csearch{ border-right:solid 1px rgba(255,255,255,.08) }
.dtinfo .rating .datareviews .datarating span.rating-stars-a{ color:#eceff5 }
.dtinfo .rating .datareviews .datarating span.rating-stars-b{ color:#ffd600 }
.dtinfo .rating .datareviews span.rating-value{ color:#fff }
#seasons .se-c .se-q{ background:rgba(0,0,0,.5) }
#seasons .se-c .se-q span.title{ color:#fff }
#seasons .se-c .se-q span.se-t{ background:#000; color:#fff }
#seasons .se-c .se-q span.se-o{ background:#408bea; color:#fff }
#seasons .se-c .se-a ul.episodios li,#seasons .se-c .se-a ul.episodios li .numerando{ border-color:rgba(255,255,255,.08) }
#seasons .se-c .se-a ul.episodios li .episodiotitle a{ color:#d1d5db }
#seasons .se-c .se-a ul.episodios li .episodiotitle span.date{ color:rgba(255,255,255,.5) }
#seasons .se-c .se-a ul.episodios li .episodiotitle a i{ color:#ff7a7a; margin-right:5px }
#single{ background:#151414; backdrop-filter:saturate(180%) blur(15px); -webkit-backdrop-filter:saturate(180%) blur(15px); border-bottom:solid 0px rgba(255,255,255,.07); border-top: solid 1px rgba(255, 255, 255, .07); padding-left: 30px; padding-right: 30px; }
#single .content.right{ border-right:solid 0px rgba(255,255,255,.08) }
#single .content.left{ border-left:solid 1px rgba(255,255,255,.08) }
.sbox h1,.sbox h2{ color:#d4d4d8 }
#seasons .se-c .se-q span.title i{ color:#a7acb9 }
#single .content .sbox{ border-color:rgba(255,255,255,.08); border-color: rgba(255, 255, 255, .08); background-color: #222; border-radius: 3px; }
.sheader .data h1{ color: #d1d5db; }
.sheader .poster .complex{ background:#8a8e96; color:#fff }
.sheader .poster .complex:hover{ background:#f73535 }
ul.smenu li.icon i{ font-size:19px; color:#222d34 }
ul.smenu li a{ color: #a1a1aa; background: #27272a; }
ul.smenu li a:hover{ colorr:#408bea }
ul.smenu li a.selected,ul.smenu li a.selected:hover{ color:#fff; background: var(--cf-main, #a3765d); }
.custom_fields,.srating{ border-bottom:solid 1px rgba(255,255,255,.08) }
.extra span.tagline{ color:rgba(255,255,255,.8) }
.extra span.date{ font-weight:500; color:#71717a }
.srating{ border-top:solid 1px #eceff5 }
.srating .promedio{ background:#f5f7fa; color:#222d34 }
.srating .rdata .stars span.rating-stars-a{ color:#eceff5 }
.srating .rdata .stars span.rating-stars-b{ color:#ffe203 }
.srating .rdata .votes{ color:#9297a2 }
.sgeneros a{ color:#d1d5db; border-left:solid 1px rgba(255,255,255,.08) }
.sgeneros a:hover{ color:#ffffff }
.custom_fields b.variante{ color:#fff }
.custom_fields span.valor strong{ color:#fff; font-weight:500; background:rgba(255,255,255,.2) }
.custom_fields span.valor strong:before{ color:#d9dbde }
.wp-content{ border-bottom:solid 0px rgba(255,255,255,.08); margin-bottom: -5px; }
.starstruck .star-on-png:before{ content:"\f005"; color:#ffbc0b }
.starstruck .star-off-png:before{ content: "\f005"; color: #f0b100; font-weight: 400; }
.starstruck-rating-wrap{ color:#fff; background-color:rgba(255,255,255,.2) }
.starstruck-rating{ color:#a1a1aa; font-weight: 500; }
.starstruck-rating i{ color:#ced3dc }
.starstruck-wrap{ border-bottom:solid 0px rgba(255,255,255,.08); border-top:solid 0px rgba(255,255,255,.08) }
.dt_nodata,.starstruck-wrap .dt_rating_vgs{ background:rgba(255,255,255,.08); color:#fff }
#single .content .srelacionados{ background:0 0 }
#single .content .srelacionadoss{ background:0 0 }
.dtloadpage{ background:rgba(0,0,0,.95) }
.dtloadpage .dtloadbox span{ color:#fff }
.dtloadpage .dtloadbox p{ color:#a7a7a7 }
.dt_social_single a{ color:#fff }
.dt_social_single a:hover{ color:#ddd }
.dt_social_single a.facebook{ background:#1877f2; padding: 7px 10px; }
.dt_social_single a.twitter{ background:#1da1f2 }
.dt_social_single a.telegram{ background:#0088cc }
.dt_social_single a.linkedin{ background:#0a66c2 }
.dt_social_single a.google{ background:#eb4026 }
.dt_social_single a.pinterest{ background:#ca212a }
.dt_social_single a.whatsapp{ background:#51ce60 }
.wp-content blockquote{ border-left:2px solid rgba(255,255,255,.08); background:rgba(255,255,255,.05) }
.wp-content h1,.wp-content h2,.wp-content h3,.wp-content h4,.wp-content h5,.wp-content h6{ color: #9ca3af; }
.sseasons .se-c .se-q span.se-t{ background:#f5f7fa!important; color:#222d34!important }
.pag_episodes{ border-bottom:solid 0px #000 }
.pag_episodes .item{ border-right:solid 0px #000 }
.pag_episodes .item a{ color:rgba(255,255,255,.6); background:rgba(0,0,0,.5) }
.pag_episodes .item a:hover{ color:#fff }
.pag_episodes .item a i{ color:#a1a1aa }
.wp-content h1 span{ color:#9aa3b1 }
ul.smenu{ margin-left: -8px; }
ul.smenu li a{ color: #a1a1aa; background: #27272a; }
ul.smenu li a.active{ background:rgba(0,0,0,.04) }
.single_tabs{ padding:0 }
.player_sist .playex{ background:#000 }
.player_sist .control{ background:#292b2c; box-shadow:0 15px 20px -7px rgba(0,0,0,.6) }
.player_sist .control nav.player ul.options li ul li a.selected,.player_sist .control nav.player ul.options li ul li:hover>a{ color:#fff; background:#000 }
.player_sist .control nav.controles ul.list li a:hover{ color:#fff }
.player_sist .control span.qualityx{ color:#fff; background:#141516; border-left:solid 1px #000 }
.person{ border-bottom:solid 0px rgba(255,255,255,.08) }
.sheader{ border-bottom:solid 1px rgba(255,255,255,.08) }
.single_tabs{ border-bottom:solid 0px rgba(255,255,255,.08); background: #181818; }
.dt_social_single span{ border-right:solid 2px rgba(255,255,255,.08) }
.dt_social_single b#social_count{ color:#fff }
.player_sist .control nav.player ul.options li:hover>a{ color:#fff }
.player_sist .control nav.controles ul.list li.contadorads i{ color:#fff; background:rgba(0,0,0,.47) }
.player_sist .control nav.controles ul.list li a{ color:rgba(255,255,255,.2); border-left:solid 1px rgba(0,0,0,.15) }
.player_sist .control span.views{ color:#fff }
#dt_galery{ border-top:solid 1px rgba(255,255,255,.08); padding-top:20px }
#dt_galery span{ background:#fff!important }
#single .sidebar{ background:0 0 }
#edit_link .box .form_edit{ background:#fff; box-shadow:0 1px 20px 3px rgba(0,0,0,.17) }
#edit_link .box .form_edit .cerrar a{ color:#fff; background:#4a4d52 }
#edit_link .box .form_edit .cerrar a:hover{ background:#408bea }
#edit_link .box .form_edit .ready i{ color:#4caf50 }
#edit_link .box .form_edit fieldset h3{ border-bottom:solid 5px #d8dce2 }
#edit_link .box .form_edit fieldset select{ color:#222d34; border:solid 1px #d8dce2; background:#f5f7fa }
#edit_link .box .form_edit fieldset select:focus,#edit_link .box .form_edit fieldset select:hover{ background:#fff }
#edit_link .box .form_edit fieldset h3 i{ color:#4caf50 }
#edit_link .box .form_edit fieldset input[type=text]{ border:solid 1px #d8dce2; background:#f5f7fa }
#edit_link .box .form_edit fieldset input[type=text]:focus,#edit_link .box .form_edit fieldset input[type=text]:hover{ background:#fff }
#edit_link .box .form_edit fieldset input[type=submit]{ background:#408bea; color:#fff }
.person .data .name a{ color:#d1d5db }
.person .data .name a:hover{ color:#fff }
.person .data .caracter{ color:#6b7280 }
.user_control a{ color:rgba(255,255,255,.4); border-right:solid 1px rgba(255,255,255,.09) }
.user_control a:hover{ color:#fff }
.user_control a.in-list{ color:#408bea }
.user_control a.in-views{ color:#fff }
.dt-breadcrumb{ border-bottom:solid 1px rgba(255,255,255,.05); background:rgb(28 28 28 / 60%) }
.breadcrumb_bottom{ border-top:solid 0px rgba(255,255,255,.08)!important }
.dt-breadcrumb ol li span.fas{ color: #a1a1aa; font-weight: 400; }
.dt-breadcrumb ol li a{ color: #a1a1aa }
.dt-breadcrumb ol li a:hover{ color: #d98a5e }
.dooplay_player{ border-bottom: solid 1px rgb(0 0 0 / 8%); }
.dooplay_player .options ul li{ background: 0 0; }
.dooplay_player .options ul li:hover span.title{ color:#fff }
.dooplay_player .options ul li i{ color:rgba(255,255,255,.3) }
.dooplay_player .options ul li span.flag img{ border:solid 2px rgba(0,0,0,.5) }
.dooplay_player .options ul li.on,.dooplay_player .options ul li.on:hover{ background: rgba(255, 255, 255, .1); }
.dooplay_player .options ul li.on i{ color:#fff }
.dooplay_player .play{ background:#000 }
.dooplay_player h4{ border-bottom: solid 1px rgb(141 141 141 / 8%); background:rgba(0,0,0,.7); color:#fff }
.dooplay_player h4 span{ color:rgba(255,255,255,.4) }
.dooplay_player h4 span.flashit{ color:#fff }
.dooplay_player .options ul li span.server{ color:rgba(255,255,255,.5) }
.dooplay_player .play .pframe,.dooplay_player .play .preplayer{ background:#181818 }
.dooplay_player .options{ background:rgba(0,0,0,.5) }
.dooplay_player .options ul li span.title{ color:#e5e7eb }
.dooplay_player .options ul li span.title a:hover{ color:#fff }
.module_single_ads{ border-color:rgba(255,255,255,.08) }
ul.wp-tags li{ margin-bottom: 15px; background:rgba(0,0,0,.0) }
.sheader .poster img{ border-radius: 5px; }
/* Hover nút tập: chỉ sáng chữ (core đổi màu chữ sang xanh trùng nền nên chữ bị che) */
#seasons .se-c .se-a ul.episodios li .episodiotitle a:hover { background: #525252; color: #fff; }
#seasons .se-c .se-a ul.episodios li .episodiotitle a.active:hover { background: var(--cf-main, #a3765d); color: #fff; }
/* ===== front.mobile.min.css */
@media only screen and (max-width:1130px) {
.player_sist .playex{ min-height:auto }
}
@media only screen and (max-width:768px) {
.module .content.right{ margin-right:0 }
.dtsingle .content.right{ margin-right:0 }
.dtsingle .content.left{ margin-left:0 }
.dooplay_player .play.isnd{ padding:0; margin-top: 0px; }
#edit_link .box{ top:60px; left:0; margin-top:0; margin-left:0; width:100% }
#edit_link .box .form_edit{ width:100% }
#single .episodes_cont .sbox{ padding:20px }
#single{ margin-bottom:0; padding-left: 12px; padding-right: 12px; border-top: solid 0px rgba(255, 255, 255, .07); }
#single .content{ width:100%; border-right:0!important }
#single .sidebar{ width:100%; border-left:0!important; margin-left:0px; position:relative; }
}
@media only screen and (max-width:667px) {
.dt_social_single a.facebook{ background:#1877f2; padding: 7px 9px; }
.dt_social_single a.whatsapp{ display:block }
.sheader .poster{ width:135px; float: left; position:absolute; }
.sheader .data{ widthhh:calc(100% - 140px); margin-left:150px }
}
@media only screen and (max-width:540px) {
.user_control{ float:left; width:100%; margin-left:0 }
.user_control a{ width:50%; text-align:center }
.user_control a:first-child{ border-left:0 }
.user_control a span{ margin-left:0; padding:0 20px }
.dt_social_single a b,a.report-video span{ display:nnnnone }
.starstruck-wrap{ display:nnone }
.grid-container .form-description,.player_sist .control span.views,.se_rating,span.sl-wrapper{ display:none }
.custom_fields{ width:100% }
.custom_fields b.variante{ width:100% }
.custom_fields span.valor{ width:100%; margin-top:15px }
ul.smenu{ padding: 10px 0px; width:100% }
ul.smenu li{ white-space: nowrap; padding: 3px 0px; }
ul.smenu li a{ text-shadow: none; font-size: 12px; font-weight: 700; text-align: center; padding: 10px 10px; }
ul.smenu li a.selected{ margin-bottom: 0px; }
.player_sist{ margin:0 }
.person{ width:50% }
}
@media only screen and (max-width:480px) {
.pag_episodes .item a span{ display:none }
.pag_episodes .item a i{ font-size:23px }
.player_sist .control span.qualityx{ display:none }
}
@media only screen and (max-width:424px) {
.dt_social_single span{ display:nnnnone }
.dt_social_single a.pinterest { display: block; display: nnnnone; }
.dt_social_single a.whatsapp { display: block; display: nnnnone; }
.dt_social_single a{ margin-bottom: 0px; margin-right: 4px; border-radius: 3px; width: calc(100% / 13); text-align: center; padding: 7px 0px; }
.dt_social_single a i{ float:initial; font-size:14px }
.dt_social_single{ text-align:center; bottom:0; left:0; z-index:1 }
}
/* Thẻ "phim liên quan" (markup có tên + tên gốc + nhãn số tập) */
h3.titlesrelacionados{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-weight:500;font-size:13px;float:left;width:100%;padding:13px 5px 4px;border-bottom-right-radius:0;border-bottom-left-radius:0;margin-bottom:0;margin-top:-3px;background:#18181b}
h3.titlesrelacionados:hover{color:#d98a5e}
.tagsrelacionados{float:left;width:100%;line-height:2;font-size:13px;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden;color:#9ca3af;background:#18181b;padding:0 5px 5px;border-radius:0 0 5px 5px}
.sotap{bottom:74px;left:5px;padding:5px;font-size:11px;background:var(--cf-main,#a3765d);color:#fff;font-weight:500;position:absolute;box-shadow:0 4px 10px rgba(127,29,29,.2);border-radius:0 5px 5px 0}
.srelacionadoss article{position:relative}
/* Tập chưa có nguồn phát */
.raw-ep{color:rgba(255,255,255,.2) !important;position:relative}

/* Bản mẫu có CSS riêng ở cuối file mà core không có: thanh chia sẻ, tiêu đề "Phim mới", chip màu ở slider */
.sharesocial{float:left;width:100%;margin-bottom:8px;font-size:.875rem;font-weight:400;padding:7px 10px;background:#000;margin-top:10px}
h4.content{margin-left:5px;float:left;margin-bottom:12px;font-weight:500;text-transform:uppercase;color:#e5e7eb;margin-top:10px}
.extra1{float:left;padding:5px 0;font-weight:500;color:#9ca3af}
.extra1 span{font-size:15px;line-height:20px;float:left;padding-right:11px}
.xemthemphim{font-weight:500;font-size:14px}
.xemthemphim:hover{color:#e57131}
.nolink{color:rgba(255,255,255,.2) !important}
img{max-width:100%}
/* Chip trong slider: quốc gia vàng, năm xám, số tập/nhãn nền xanh */
.sliderb.country{border-color:#b49522b9;color:#f3c623}
.sliderb.country a{color:#f3c623}
.sliderb.year{border-color:#999;color:#d1d5db}
.sliderb.episode{background-color:var(--cf-main,#a3765d);color:#fff;border:1px solid var(--cf-main,#a3765d)}
.slider article.item .image .data .info-bar .sliderb.country{color:#f3c623}
.slider article.item .image .data .info-bar .sliderb.year{color:#d1d5db}
.slider article.item .image .data .info-bar .sliderb.episode{color:#fff}
/* Compat core → bản mẫu: core đặt .episodiotitle là absolute và li có padding/viền; bản mẫu dùng lưới nút */
#seasons .se-c .se-a ul.episodios li{width:auto;padding:0;margin:0;border-bottom:0}
#seasons .se-c .se-a ul.episodios li .episodiotitle{position:static;padding:0;width:100%;float:none}
#seasons .se-c .se-a ul.episodios li .imagen,
#seasons .se-c .se-a ul.episodios li .numerando{display:none}
#seasons .se-c .se-a ul.episodios li.none{grid-column:1 / -1}
/* Đánh giá: sao vàng như bản mẫu (core tô sao xanh), câu "Đánh giá (X điểm / N lượt)" */
.starstruck .star-on-png:before,
.starstruck-main .star-on-png:before,
.starstruck .star-half-png:before{color:#ffbc0b !important}
.starstruck .star-off-png:before{color:#f0b100 !important;font-weight:400}
.starstruck-wrap .dt_rating_data{position:relative;padding:0}
.starstruck-rating{margin-top:10px;font-size:13px;color:#a1a1aa;font-weight:500}
.starstruck-rating span{font-style:normal;font-weight:500;font-size:13px;color:#ddd}
/* ============================================================
   [PORT] Bình luận — bê từ front.style / colors.dark của theme mẫu (khung .comments-area, danh sách, form)
   ============================================================ */
.post-comments,ol,ul{ list-style:none }
span.comment-author-link{ font-size:15px }
.comments-area{ padding: 20px 15px; width: 100%; float: left; background-color: #18181b; border: 1px solid #27272a; margin-bottom: 10px; }
.comments-area h2{ float:left; width:100%; font-size:14px; font-weight:500; padding-bottom:5px; text-transform: uppercase; }
.comments-area h2 i{ float:left; margin-right:5px; font-size:24px }
.post-comments{ padding:0; margin:10px 0; float:left; width:100% }
.post-comments li.comment{ position: relative; padding-left: 40px; min-height: 76px; padding-top: 12px; }
.post-comments li.comment .comment-avatar{ position:absolute; top:20px; left:5px; }
.post-comments li.comment .comment-avatar img.avatar{ width: 35px; height: 35px; margin-right: 12px; border: 0px solid rgba(255, 255, 255, 0.15); border-radius: 50%; }
.post-comments li.comment .scontent{ padding:5px 5px 10px 20px; position:relative }
.post-comments li.comment .scontent .comment-header{ position:relative; width:100%; font-size:13px; font-weight:600 }
.post-comments li.comment .scontent p{ padding:5px 0; line-height:23px; font-size:13px }
.post-comments li.comment .scontent p code{ font-size:13px; padding:5px }
.post-comments ul{ list-style:none; margin:0; padding:0 }
.post-comments ul li.comment{ margin:0; padding:0; min-height:40px }
.post-comments ul li.comment .comment-avatar{ top:20px; left:15px }
em.text-red{ font-style:normal; font-size:13px }
.post-comments ul li.comment .comment-avatar img.avatar{ max-width:40px; max-height:40px }
.post-comments ul li.comment .scontent{ padding:15px 10px 10px 70px }
.post-comments .comment-reply-link,.post-comments .comment-time{ display:inline-block; font-size:12px; padding:3px 6px; font-weight:400 }
.post-comments .comment-time{ margin-left:10px }
.post-comments .comment-reply-link{ margin-left:5px }
.comment-respond{ display:block }
.comment-respond h3{ padding-bottom:20px; font-weight:500; font-size:14px }
.comment-respond h3 small{ font-size:14px; margin-left:10px }
.comment-respond h3 small a{ font-weight:400 }
.comment-form-comment .form-label{ width:100%; float:left; padding:5px 0; font-weight:600 }
.comment-form-comment textarea{ width:100%; height:70px; font-family:sans-serif; padding:10px; resize:vertical }
.grid-container{ display:block; position:relative; width:50%; padding-right:15px; float:left; margin:0 auto }
.grid-container .form-label{ font-weight:600; padding:15px 0; font-size: 13px; }
.grid-container .form-description{ font-size:12px; padding:3px 0; line-height:18px }
.grid-container input[type=text]{ width:100%; margin:5px 0; padding:10px }
p.form-submit input[type=submit]{ padding: 10px 10px; font-size: 12px; font-weight: 600; cursor: pointer; margin-top: 15px; }
.scontent .comment-respond{ padding:10px 0; -webkit-animation:fadeIn .9s; -moz-animation:fadeIn .9s; -ms-animation:fadeIn .9s; animation:fadeIn .9s }
.comment-navigation{ width:100%; float:left; padding:10px 0; margin-bottom:15px }
.comment-navigation a{ font-size:14px }
.comment-navigation .nav-previous{ float:left }
.comment-navigation .nav-next{ float:right }
.comment-respond input[type=submit],.comment-respond input[type=text],.comment-respond textarea{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:14px }
div.no-comments{ width: 100%; float: left; padding: 0px 5px; font-size: 14px; }
.fix-grid{ padding-right:0; padding-left:15px }
.post-comments li.comment .scontent p img{ max-width:300px; height:auto }
span.comment-author-link{ color:#fff; font-weight:500 }
.comments-area h2{ color:#e5e7eb }
.comments-area h2 i{ color:#fff }
.post-comments li.comment{ border-top:1px solid rgba(255,255,255,.08) }
.post-comments li.comment .scontent{ border-left:0px solid rgba(255,255,255,.08) }
.post-comments li.comment .scontent .comment-header{ color:#d4d4d8 }
.post-comments li.comment .scontent p{ color:#d4d4d8 }
.post-comments li.comment .scontent p code{ color:#97add0 }
.post-comments ul li.comment{ border-top:1px solid rgba(255,255,255,.08) }
.comment-form-comment textarea,.grid-container input[type=text]{ border:1px solid #000 }
em.text-red{ color:#ff8181 }
.post-comments .comment-time{ color:#a1a1aa }
.post-comments .comment-reply-link{ color:#a1a1aa; }
.post-comments .comment-reply-link:hover{ color:#d98a5e; }
.comment-respond h3{ color:#fff }
.comment-respond h3:before{ color:#408bea }
.comment-form-comment .form-label,.grid-container .form-label{ color:#fff }
.grid-container .form-description{ color:rgba(255,255,255,.5) }
p.form-submit input[type=submit]{ background:#3f3f46; color:#e5e7eb; border:0; -webkit-tap-highlight-color: transparent; }
p.form-submit input[type=submit]:hover{ color:#fff; opacity: .9; }
.comment-respond input[type=submit],.comment-respond input[type=text],.comment-respond textarea{ color: #fff; background-color: #27272a; border: 1px solid #3f3f46; }
.comment-respond input[type=text]:focus,.comment-respond textarea:focus{ -moz-box-shadow:0 1px 8px -4px rgba(0,0,0,.7); -webkit-box-shadow:0 1px 8px -4px rgba(0,0,0,.7); box-shadow:0 1px 8px -4px rgba(0,0,0,.7) }
div.no-comments{ color:#e5e7eb }
.post-comments li.comment .scontent .comment-reply-link{background:none}
/* Tiêu đề form: bản mẫu chỉ có chữ, core vẽ thêm icon bong bóng xanh bằng :before */
.comment-respond h3:before,.comment-respond h3.comment-reply-title:before{content:none !important;display:none}
.comment-respond h3,.comment-respond h3.comment-reply-title{padding:0 0 20px;font-weight:500;font-size:14px;color:#fff;line-height:normal}
@media only screen and (max-width:768px){.comments-area{padding:20px 10px}}

/* Bên trong tab Thông tin / Diễn viên */
.sbox .wp-content{line-height:26px;font-size:15px;color:#9ca3af;margin-bottom:0}
.sbox .wp-content + .custom_fields,.sbox .wp-content ~ .custom_fields:first-of-type{margin-top:15px}
.sbox .custom_fields{clear:both}
.person .data .caracter{line-height:1.5;padding-bottom:2px}
/* Ảnh diễn viên vuông 60x60: link bọc ảnh phải là block thì height:100% mới có tác dụng; bỏ margin âm của core */
.person .img{width:60px;height:60px;overflow:hidden;border-radius:3px}
.person .img a{display:block;width:100%;height:100%}
.person .img img{display:block;width:100%;height:100%;margin:0;object-fit:cover;object-position:center top}
/* Tách khối Đạo diễn khỏi tiêu đề Diễn viên bên dưới, và tiêu đề khỏi hàng ảnh */
#cast .persons{margin-bottom:0;padding-bottom:0}
#cast h2{margin-top:6px}
#cast h2:first-child{margin-top:0}
.person .data .name{line-height:1.5}
/* Khối "Xem phim … Tập N" ở trang tập: tiêu đề thoáng hơn, khung mô tả có đệm */
.infofilm{padding:12px 0 0}
.infofilm h1.epih1{margin:0;padding:6px 0 4px;line-height:26px}
.infofilm h2.epih2{margin:0 0 12px;padding:0;line-height:20px;font-size:14px}
.infofilm .wp-contents{width:100%;box-sizing:border-box;padding:10px 12px;margin-bottom:8px;border-radius:3px}
/* Thanh chia sẻ: core ghim nó dính đáy màn hình (position:fixed) ở <=424px; bản mẫu để nằm trong trang */
@media only screen and (max-width:424px){
  .sharesocial .dt_social_single,.dt_social_single{position:static;text-align:left;bottom:auto;left:auto}
  .dt_social_single a{width:auto;padding:7px 10px;margin:0 4px 0 0;border-radius:3px}
  .dt_social_single a i{font-size:14px}
}
/* Danh sách tập ở trang phim bộ: bản mẫu không có khối bọc #serie_contenido (core thêm đệm 15px phía trên) */
#episodes #serie_contenido{padding:0}
/* Phân trang */
/* [PORT] Phân trang — front.style / colors.dark của theme mẫu */
.mc-skin .pagination{float:left;width:100%;font-size:14px;text-align:center;margin-top:20px;margin-bottom:10px;padding:0;display:block}
.mc-skin .pagination a,.mc-skin .pagination span{padding:7.5px 12px;margin:0 5px;border-radius:5px;font-size:14px;font-weight:300;border:0;float:none;display:inline-block;line-height:normal}
.mc-skin .pagination span{background:none;border-color:transparent;color:rgba(255,255,255,.5)}
.mc-skin .pagination span.current{background:var(--cf-main,#a3765d);color:#fff;padding:7px 13px 7px}
.mc-skin .pagination a{background:#414144;color:#fff}
.mc-skin .pagination a:hover{background:#000;color:#fff}
.mc-skin a.arrow_pag{font-size:14px;padding:7.5px 14px;font-weight:300}
.mc-skin .resppages{display:none}

/* ============================================================
   [PORT] Footer — bê từ front.style / colors.dark của theme mẫu
   ============================================================ */
footer.main{width:100%;float:left;margin-bottom:0;border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.6);background:none;margin-top:0;padding:0}
footer.main .fbox{max-width:1200px;margin:0 auto;font-size:13px;padding:0}
footer.main .fbox .fmenu{float:right;padding:20px 0}
footer.main .fbox .fmenu ul{margin:0;float:left;width:100%}
footer.main .fbox .fmenu ul li{float:left;padding:0 20px;border-left:solid 1px rgba(255,255,255,.08)}
footer.main .fbox .fmenu ul li:first-child{border-left:0}
footer.main .fbox .fmenu ul li:last-child{border-right:0}
footer.main .fbox .fmenu ul li a{font-size:13px;font-weight:400;color:#d1d5db}
footer.main .fbox .fmenu ul li a:hover,footer.main .fbox .fmenu ul li.current-menu-item a{color:#fff}
footer.main .fbox .copy{float:left;color:#9ca3af;font-size:.875rem;text-align:center;background-color:#000;width:100%;border-right:solid 1px #27272a;border-left:solid 1px #27272a;border-bottom:solid 1px #27272a;padding:15px 10px 0 50px;position:static;display:block}
footer.main .fbox .copy a{color:#9ca3af}
#oscuridad{background:rgba(0,0,0,.97);position:absolute;left:0;top:0;width:100%;z-index:100}
footer.main .fcmpbox{width:100%;float:left;padding:0 15px;background:rgba(15,15,15,.9);backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px)}
footer.main .fcmpbox .primary{float:left;width:100%;padding:30px;border-bottom:solid 1px #3f3f46;display:flex;justify-content:space-between;background-color:#000;flex-wrap:wrap;border-right:solid 1px #27272a;border-left:solid 1px #27272a;border-top:solid 1px #27272a}
footer.main .fcmpbox .primary .columenu{float:right}
footer.main .fcmpbox .primary .columenu .item{float:left;width:229px}
footer.main .fcmpbox .primary .columenu .item h3{font-weight:600;font-size:14px;padding:20px 0 10px;text-transform:uppercase;color:#d4d4d8}
footer.main .fcmpbox .primary .columenu .item ul{float:left;width:100%}
footer.main .fcmpbox .primary .columenu .item ul li a{padding:7px 0;float:left;width:100%;color:#9ca3af;font-size:14px}
footer.main .fcmpbox .primary .columenu .item ul li a:hover{color:#d1d5db}
footer.main .fcmpbox .primary .fotlogo{float:left;max-width:320px}
footer.main .fcmpbox .primary .fotlogo .logo{width:100%;float:left;padding:10px 0}
footer.main .fcmpbox .primary .fotlogo .logo img{max-width:130px;height:auto;background-color:#202020;padding:8px 10px 6px;margin-top:-10px}
footer.main .fcmpbox .primary .fotlogo .text{padding:5px 0;width:100%;float:left}
footer.main .fcmpbox .primary .fotlogo .text a{color:#ddd}
footer.main .fcmpbox .primary .fotlogo .text a:hover{color:#fff}
footer.main .fcmpbox .primary .fotlogo .text p{line-height:24px;color:#d1d5db;font-size:.875rem}
span.top-page{float:right;margin:0 0 14px;padding:0;position:static;display:block;width:auto;height:auto}
span.top-page a{float:none;padding:5px;font-size:15px;border-radius:3px;background:#3f3f46;color:#d1d5db;width:auto;height:auto;line-height:15px;display:inline;cursor:pointer;text-align:center;border:0}

/* Login box, modal */
.mc-skin .login_box .box,.mc-skin .report_modal .box{background:var(--mc-box) !important;border-radius:5px;border:1px solid var(--mc-zinc-800) !important}

/* ---------- Responsive ---------- */
@media only screen and (max-width:1200px){
  .head-main-nav ul.main-header li a{padding:25px 12px;font-size:15px}
}
@media only screen and (max-width:1130px){
  .module .content .items.normal .item{width:calc(100% / 4)}
  .module .content .items.full .item{width:calc(100% / 4)}
}
@media only screen and (max-width:1024px){
  header.main .hbox .right{display:none}
}
@media only screen and (max-width:768px){
  /* [PORT] front.mobile của theme mẫu: ẩn header desktop, hiện header responsive */
  header.main{display:none}
  .search_responsive,header.responsive{display:block}
  /* Header mobile nằm trong luồng (không fixed) nên không cần chừa 50px phía trên nội dung */
  #contenedor{width:100%;margin:0 auto}
  /* Lề nội dung: theme mẫu chỉ chừa 2px hai bên (core chừa 20px) nên slide/lưới gần như sát mép */
  .module .content,.module .sidebar{width:100%;margin-left:0;border-right:0;padding:10px 2px}
  .module{margin-bottom:0;margin-top:0;border-top:0}
  .module .sidebar{position:relative;padding:10px}
  #single{margin-bottom:0;padding-left:12px;padding-right:12px;border-top:0}
  #single .content{width:100%;border-right:0 !important}
  #single .sidebar{width:100%;border-left:0 !important;margin-left:0;position:relative}
  .module .content header{padding:10px 0}
  .module .content header,.module .content header span{line-height:18px}
  /* Tiêu đề khối trên mobile: một hàng căn giữa (chữ – số đếm/Xem thêm – mũi tên), thụt lề bằng thẻ phim bên dưới */
  .module .content header{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;padding:12px 7px 10px 10px;float:none;width:100%;box-sizing:border-box}
  .module .content header h1,.module .content header h2{float:none;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;line-height:24px}
  .module .content header span{float:none;flex:0 0 auto;display:flex;align-items:center;gap:6px;line-height:24px}
  .module .content header span a.see-all{padding:4px 8px;line-height:16px;margin:0}
  .nav_items_module{float:none;flex:0 0 auto;display:flex;align-items:center;gap:6px;margin:0;order:3}
  .nav_items_module a.btn{float:none;display:flex;align-items:center;justify-content:center;width:30px;height:28px;font-size:18px;line-height:1;border:solid 1px rgba(136,136,136,.3);padding:0;margin:0}
  /* Theme mẫu không ẩn footer/phân trang trên mobile như core */
  footer.main{display:block}
  /* [PORT] trang chi tiết (front.mobile của mẫu): lưới tập 5 cột, poster cao 225px, sidebar sát mép */
  #seasons .se-c .se-a,#seasons .se-c .se-a ul.episodios{grid-template-columns:repeat(5,minmax(0,1fr))}
  .dtsingle .sidebar{padding:10px 0}
  .sheader .poster img{object-fit:cover;height:225px}
  /* [PORT] thẻ phim (front.mobile của mẫu) */
  .module .content .items .item .poster{padding-top:150%}
  .module .content.full_width_layout article.episodes{width:calc(100% / 3)}
  .module .content.full_width_layout .items .item{width:calc(100% / 4)}
  .module .content .items .item .data{display:block}
  .module .content .items .item:hover>.dtinfo{display:none}
  /* [PORT] front.mobile của theme mẫu: slider mobile + chấm điều hướng nằm góc phải phía dưới, đè lên carousel */
  /* Slider mobile cao 270px như motchillev.org (khung theo padding 53% chỉ được ~196px) */
  .slider article.item .image{border-radius:0;padding-top:0;height:270px}
  .slider article.item .image img{height:100%}
  .slider article.item .image .data h3.title{font-size:18px}
  .owl-theme .owl-controls{margin-top:10px;position:absolute;bottom:5px;right:10px;display:block !important}
}
@media only screen and (max-width:667px){
  .module .content.full_width_layout article.episodes{width:calc(100% / 2)}
}
@media only screen and (max-width:600px){
  /* [PORT] front.mobile theme mẫu (<=540): chấm nhỏ hơn, slide sát mép, lưới 3 cột */
  .module .content.full,.module .content.normal{padding:10px 2px}
  .module .content .items{padding:5px}
  ul.smenu li{width:auto}
  .module .content .items .item{padding:0 5px;width:calc(100% / 3)}
  .module .content .items.normal .item{width:calc(100% / 3)}
  .module .content .items.full .item{width:calc(100% / 3)}
  .owl-theme .owl-controls .owl-page span{display:block;width:4px;height:4px;margin:2px;border-radius:3px}
  .slider article.item{padding:0}
  /* Slider sát header: bù lại 10px padding trên của .module .content */
  .module .content>.slider:first-child,.module .content>#slider-movies-tvshows{margin-top:-10px}
}
@media only screen and (max-width:480px){
  .module .content .items .episodes,.module .content .items.full .episodes{width:calc(100% / 2);padding:5px}
}
@media only screen and (max-width:424px){
  .module .content .items .episodes,.module .content .items.full .episodes{width:calc(100% / 3);padding:5px}
}
@media only screen and (max-width:320px){
  .module .content .items .item{width:calc(100% / 3)}
  .module .content.full_width_layout article.episodes{width:calc(100% / 1)}
}

/* ==========================================================================
   [PORT] Khung "Báo lỗi" (report_modal) — bê từ front.style / colors.dark của theme mẫu:
   khung tối #18181b, tiêu đề + mô tả sáng, ô nhập nền đen, nút màu chủ đạo. Lớp phủ nền của core giữ lại
   (theme mẫu bù bằng margin âm để căn, không hợp với bố cục ở đây).
   ========================================================================== */
.report_modal .box .form{background:#18181b;border-radius:0;box-shadow:0 4px 20px rgba(0,0,0,.5)}
.report_modal .box .form h3{color:#e5e7eb;padding:20px 25px;font-size:18px;font-weight:500;border-bottom:0}
.report_modal .box .form h3 a.close-modal-report{color:#9ca3af}
.report_modal .box .form h3 a.close-modal-report:hover{color:#fff}
.report_modal .box .form form{padding:1px 20px}
.report_modal .box .form form fieldset:last-child{margin-bottom:0;text-align:center}
.report_modal .box .form form fieldset label{padding:17px 0 10px 40px;border-bottom:dotted 1px #27272a}
.report_modal .box .form form fieldset label:last-child{border-bottom:0}
.report_modal .box .form form fieldset label span.title{font-weight:500;font-size:18px;line-height:25px;color:#e5e7eb}
.report_modal .box .form form fieldset label span.text{font-size:.8rem;color:#9ca3af;line-height:20px;font-weight:500}
.report_modal .box .form form fieldset textarea{border:solid 1px #000;background-color:#000;border-radius:5px;color:#e5e7eb}
.report_modal .box .form form fieldset input[type=email],.report_modal .box .form form fieldset input[type=text]{border:solid 1px #000;background-color:#000;border-radius:5px;color:#e5e7eb}
.report_modal .box .form form fieldset textarea::placeholder,.report_modal .box .form form fieldset input::placeholder{color:#6b7280}
.report_modal .box .form form fieldset input[type=submit]{width:auto;padding:6px 10px;border:0;border-radius:5px;background-color:#f0f0f0;color:#fff;margin-bottom:15px}
.report_modal .box .form form fieldset input[type=submit]:hover{color:#3f3b3b}
#report-response-message p{color:#e5e7eb}
#report-response-message p.error{background:#27272a;border-bottom:0;color:#fca5a5}

/* Bình luận: thời gian là chữ xám nhạt, không có nền (core dark đặt nền trắng mờ) */
.post-comments .comment-time{background:none;color:#a1a1aa}

/* Form trả lời bình luận: nút gửi vừa chữ (core kéo dài 100% trong .scontent), link "Hủy" màu chủ đạo như theme mẫu */
.scontent p.form-submit input[type=submit]{width:auto}
.comment-respond h3 small a,#cancel-comment-reply-link{color:var(--cf-main,#408bea)}
/* Hover của "Hủy" và "Trả lời" theo màu chủ đạo (trước đó ăn màu mặc định của core / cam của theme mẫu) */
.comment-respond h3 small a:hover,#cancel-comment-reply-link:hover,.post-comments .comment-reply-link:hover{color:var(--cf-main,#408bea);opacity:.85}

/* Tích xanh quản trị viên cạnh tên bình luận */
.verified-badge-admin{display:inline-block;vertical-align:middle;margin-left:4px;line-height:1}
.verified-badge-admin svg{display:block}

/* Lịch chiếu (meta showtimes): dòng chữ + icon chuông dưới khối đầu trang, như theme mẫu (.doo-showtime-inline) */
.doo-showtime-inline{color:#fff;padding:3px 8px;display:inline-block;line-height:16px;margin:5px 0 -20px;font-size:13px;white-space:nowrap}
.doo-showtime-inline img{width:24px;height:24px;margin:0 -4px 0 -8px;vertical-align:middle}
@media only screen and (max-width:768px){.doo-showtime-inline{white-space:normal;margin-bottom:-10px}}

/* [PORT] Footer mobile — front.mobile của theme mẫu: khung sát mép (5px), menu xếp 2 cột, logo nhỏ hơn */
@media only screen and (max-width:768px){
  footer.main .fcmpbox{width:100%;float:left;padding:0 5px}
  footer.main .fcmpbox .primary{padding:30px 23px 20px}
  footer.main .fcmpbox .primary .fotlogo{float:left;margin-bottom:0}
  footer.main .fcmpbox .primary .fotlogo .logo img{max-width:120px;height:auto}
  footer.main .fcmpbox .primary .fotlogo .text p{line-height:23px}
  footer.main .fcmpbox .primary .columenu{float:left;width:100%}
  footer.main .fcmpbox .primary .columenu .item{float:left;width:50%;margin-bottom:5px}
  footer.main .fbox .fmenu{float:right;padding:20px 0}
  footer.main .fbox .copy{padding:10px;line-height:22px}
}

/* Khối danh sách tập ở trang chi tiết: đệm và bo góc y như khối ở trang xem phim (rộng bằng nhau) */
#single .content #episodes.sbox{padding:10px 10px 15px;border-radius:0}

/* [PORT] colors.dark của theme mẫu: khối thông tin đầu trang (.sheader + poster) và hàng tab nằm trong cùng
   một khung nền tối (#18181b / #181818), như khung danh sách tập bên dưới */
.sheader,.sheader .poster{background-color:#18181b}
#single .content .single_tabs{background:#181818}

/* Thanh chia sẻ mobile: theme mẫu vẫn hiện chữ "Chia sẻ" + số lượt (core ẩn đi) */
@media only screen and (max-width:768px){
  .dt_social_single span{display:block;float:left}
}
@media only screen and (max-width:768px){
  /* Core mobile phủ nền đen mờ lên hàng tab (ul.smenu); theme mẫu không có */
  #single .content .single_tabs ul.smenu{background:none}
}
@media only screen and (max-width:768px){
  /* Theme mẫu ẩn nút lên đầu trang trên mobile: thanh bản quyền chỉ còn dòng chữ */
  span.top-page a{display:none}
}