/*
Theme Name: DramaFlex Cinema
Author: DramaFlex
Description: Cinematic films and series WordPress theme. Requires DramaFlex Core.
Version: 1.3.1
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: dramaflex-cinema
*/
:root{--bg:#07090d;--surface:#121720;--surface2:#1a202b;--text:#f5f6f7;--muted:#9ca6b5;--accent:#ed1d36;--line:#29303b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input{font:inherit}.wrap{max-width:1500px;margin:auto;padding:0 42px}.site-header{position:sticky;top:0;z-index:100;background:#080a0deF;border-bottom:1px solid #ffffff13;backdrop-filter:blur(17px)}.head-inner{display:flex;align-items:center;gap:44px;min-height:74px}.brand{font-size:25px;font-weight:900;white-space:nowrap;letter-spacing:-1px}.brand span,.brand-play{color:var(--accent)}.brand-play{font-size:20px;margin-right:5px}.nav{display:flex;gap:30px;align-items:center}.nav a{font-size:14px;font-weight:650;color:#c3cad4}.nav a:hover,.nav a:focus{color:#fff}.search-form{margin-left:auto;display:flex;background:#10141b;border:1px solid #353c49;border-radius:7px;overflow:hidden;max-width:320px;flex:1}.search-form input{width:100%;min-width:0;border:0;background:none;color:#fff;padding:11px 14px;outline:none}.search-form button{background:none;color:#c8ced8;border:0;padding:8px 14px;cursor:pointer}.hero-cinema{min-height:540px;position:relative;display:flex;align-items:center;background-image:linear-gradient(90deg,#07090d 0%,#07090df5 27%,#07090d72 65%,#07090d12 100%),linear-gradient(0deg,#07090d 0%,transparent 42%),var(--hero-image,linear-gradient(105deg,#141c2c,#2f1922));background-size:cover;background-position:center 30%}.hero-content{width:100%;position:relative;padding-top:85px;padding-bottom:90px}.eyebrow{color:#ff7384;font-size:12px;font-weight:800;letter-spacing:2.8px;text-transform:uppercase}.hero-cinema h1{font-size:clamp(46px,6.3vw,88px);letter-spacing:-3px;line-height:1.06;max-width:740px;margin:20px 0}.hero-cinema p{max-width:530px;color:#c9d0d8;font-size:18px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:12px 24px;background:var(--accent);color:#fff;border-radius:6px;font-weight:750;margin-top:16px;transition:background .2s}.btn:hover{background:#ff3450}.btn.secondary{background:#232a35;border:1px solid #404959}.btn.secondary:hover{background:#353e4d}.home-rows{margin-top:-38px;position:relative}.section{padding:40px 0 16px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.section-heading h2,.episodes h2{font-size:23px;margin:0;border-left:4px solid var(--accent);padding-left:13px;line-height:1.3}.section-heading a{color:#adb6c4;font-size:14px}.section-heading a:hover{color:#fff}.drama-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 16px}.drama-card{min-width:0;transition:transform .2s}.drama-card:hover{transform:translateY(-6px)}.poster{aspect-ratio:2/3;background:linear-gradient(140deg,#162536,#39202c);overflow:hidden;position:relative;border:1px solid #ffffff18;border-radius:7px}.poster img{display:block;width:100%;height:100%;object-fit:cover}.placeholder{display:grid;place-items:center;height:100%;padding:20px;text-align:center;color:#ced5df;font-weight:800}.poster:after{content:'';position:absolute;inset:68% 0 0;background:linear-gradient(transparent,#0008);pointer-events:none}.tag{position:absolute;top:9px;left:9px;background:var(--accent);padding:3px 8px;font-size:10px;font-weight:900;border-radius:3px;z-index:2}.card-title{font-size:14px;font-weight:750;margin-top:9px;line-height:1.35}.card-sub{font-size:12px;color:var(--muted);margin-top:4px}.page-content{padding:54px 0 90px;min-height:62vh}.archive-header{margin-bottom:28px}.page-title{font-size:42px;margin:6px 0 14px}.catalog-tabs{display:flex;gap:10px;margin:22px 0}.catalog-tabs a{padding:9px 17px;background:#161c26;border:1px solid #313b47;border-radius:6px}.catalog-tabs a:hover{border-color:var(--accent)}.single-layout{display:grid;grid-template-columns:minmax(200px,290px) 1fr;gap:42px;align-items:start}.detail-title{font-size:clamp(32px,4.5vw,55px);line-height:1.1;letter-spacing:-1.6px;margin:12px 0 18px}.detail-meta{display:flex;gap:11px;flex-wrap:wrap;margin-bottom:22px;color:#b9c1cb}.detail-meta span{border:1px solid #3a414e;border-radius:4px;padding:5px 10px;font-size:13px}.description{max-width:850px;color:#c3cbd5}.episodes{margin-top:44px}.ep-list{margin-top:16px;border:1px solid var(--line);border-radius:7px;overflow:hidden}.ep-link{min-height:65px;display:flex;gap:20px;align-items:center;padding:15px 22px;background:#131923;border-bottom:1px solid #272f3b}.ep-link:last-child{border-bottom:0}.ep-link:hover,.ep-link.active{background:#281c27}.ep-link.active{box-shadow:inset 3px 0 var(--accent)}.ep-number{width:30px;color:var(--muted)}.episode-play{margin-left:auto;color:var(--accent)}.watch-layout{padding-top:26px;padding-bottom:80px}.watch-topline{display:flex;justify-content:space-between;color:#aab3bd;font-size:12px;font-weight:700;margin-bottom:16px}.watch-topline span{letter-spacing:2px}.player-wrap{width:100%;aspect-ratio:16/9;max-height:78vh;background:#000;overflow:hidden;border-radius:4px;border:1px solid #252a32}.player-wrap iframe,.player-wrap video{width:100%;height:100%;display:block;border:0}.player-fallback{height:100%;display:grid;place-content:center;text-align:center;color:#b3bac5;padding:30px}.watch-details{display:flex;justify-content:space-between;gap:30px;padding-top:26px}.watch-episode-title{font-weight:700;font-size:18px;color:#fff}.watch-nav{display:flex;align-items:start;gap:9px;flex-shrink:0}.watch-nav .btn{margin-top:0}.muted,.source-link{color:var(--muted);font-size:13px}.empty{background:#121821;padding:25px;border:1px solid var(--line);border-radius:7px;color:var(--muted)}.pagination{margin:30px 0}.pagination .page-numbers{padding:9px 13px;background:#1b222d;border-radius:4px;margin-right:5px}.pagination .current{background:var(--accent)}.site-footer{border-top:1px solid var(--line);padding:34px 0;color:#929ba9;font-size:13px;margin-top:65px}.footer-row{display:flex;justify-content:space-between;gap:20px}@media(max-width:1100px){.drama-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wrap{padding:0 25px}.head-inner{gap:24px}}@media(max-width:700px){.wrap{padding:0 16px}.head-inner{flex-wrap:wrap;gap:10px;min-height:65px;padding-top:12px;padding-bottom:12px}.brand{font-size:21px}.nav{order:3;width:100%;justify-content:space-between;padding:5px 0}.search-form{min-width:110px}.hero-cinema{min-height:445px;background-position:55% center}.hero-content{padding-top:60px;padding-bottom:75px}.hero-cinema h1{letter-spacing:-1px}.hero-cinema p{font-size:15px}.home-rows{margin-top:-15px}.drama-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 13px}.single-layout{grid-template-columns:1fr}.detail-poster{max-width:200px}.watch-details{flex-direction:column}.watch-nav{flex-wrap:wrap}.footer-row{flex-direction:column}.page-title{font-size:33px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* DramaFlex native cinema player */
.df-video{width:100%;height:100%;display:block;background:#000;object-fit:contain}
.df-native-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 14px;background:#151b25;border:1px solid #2a313e;border-top:0;border-radius:0 0 7px 7px}
.df-native-bar button{border:1px solid #374051;border-radius:5px;background:#212938;color:#fff;padding:7px 12px;cursor:pointer}
.df-native-bar button:hover{background:#394154}
.df-native-bar input[type=range]{accent-color:var(--accent);cursor:pointer}
.df-seek{flex:1;min-width:150px}
.df-time{font-size:12px;color:#bdc5d1;white-space:nowrap;font-variant-numeric:tabular-nums}
.df-player-notice{padding:12px;color:#d7aabb;font-size:13px}