/*
Theme Name: Drama Show
Description: قالب عربي نبيتي للمسلسلات القصيرة مع سلايدر متحرك وسيرفرات متعددة.
Version: 1.1.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: drama-show-plus
License: GPL-2.0-or-later
*/
:root{--bg:#280a18;--panel:#391024;--line:#683047;--gold:#edbd75;--muted:#ceb2be}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#58192f,var(--bg) 65%);color:#fff7f0;font-family:Cairo,Tahoma,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.wrap{width:min(1280px,calc(100% - 40px));margin:auto}.top{border-bottom:1px solid var(--line);background:#280a18ed;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.top .wrap{display:flex;gap:28px;align-items:center;padding:16px 0}.brand{font-weight:900;font-size:24px;color:var(--gold);display:flex;gap:12px;align-items:center}.custom-logo{width:48px;height:48px;object-fit:contain}.nav{display:flex;gap:22px;flex:1;font-size:14px}.nav ul{list-style:none;display:flex;gap:20px;padding:0;margin:0}.search{display:flex;max-width:270px}.search input{width:100%;background:#42162d;border:1px solid var(--line);border-radius:8px;color:white;padding:8px 12px}.search button{background:var(--gold);border:0;border-radius:8px;margin-right:5px}.hero{margin:28px auto 38px;border:1px solid #925168;border-radius:24px;overflow:hidden;position:relative;background:#350e22;box-shadow:0 25px 65px #10040b66}.slide{position:relative;min-height:490px;display:grid;grid-template-columns:1fr 270px;gap:60px;padding:55px 65px 80px;isolation:isolate;animation:reveal .7s ease}.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center 30%;filter:blur(20px);opacity:.23;z-index:-2;transform:scale(1.12)}.slide:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#1f06187a,#350c23e8 65%);z-index:-1}.slide-copy{align-self:center;max-width:670px}.kicker{font-size:12px;color:var(--gold);letter-spacing:1px}.slide h1,.slide h2{font-size:42px;line-height:1.4;margin:14px 0}.slide p{color:#e2c6d2;font-size:15px}.cta{display:inline-block;background:var(--gold);color:#280a18;padding:10px 26px;border-radius:9px;font-weight:800;margin-top:12px}.slide-art{align-self:center;border-radius:15px;overflow:hidden;transform:rotate(-3deg);border:1px solid #ecc78b80;box-shadow:0 20px 45px #170510}.slide-art img{width:100%;height:360px;object-fit:cover}.slide-art .missing-poster{height:360px}.controls{position:absolute;bottom:22px;right:65px;display:flex;gap:12px;align-items:center}.controls button{color:var(--gold);background:#2c0b1cb0;border:1px solid #ad758870;border-radius:50%;width:34px;height:34px}.dots{display:flex;gap:7px}.dots button{width:9px;height:9px;padding:0;background:#8d6479}.dots button[aria-pressed=true]{width:28px;border-radius:8px;background:var(--gold)}.slide-progress{position:absolute;bottom:0;height:3px;background:var(--gold);right:0;transition:width .2s linear}.section-title{border-bottom:1px solid var(--line);padding-bottom:14px;font-size:23px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--panel);transition:transform .25s,border-color .25s}.card:hover{transform:translateY(-6px);border-color:var(--gold)}.poster{position:relative;aspect-ratio:2/2.8;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.card:hover img{transform:scale(1.06)}.play-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#24081988;opacity:0;font-size:45px;transition:opacity .25s}.card:hover .play-overlay{opacity:1}.card h3{font-size:15px;line-height:1.6;margin:14px}.tags{display:flex;gap:6px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:0 14px 15px}.tags span,.tags a{background:#5a2440;padding:2px 8px;border-radius:4px}.missing-poster{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(140deg,#67273f,#280a18);color:var(--gold)}.pager{margin:30px 0;display:flex;gap:15px;justify-content:center}.pager a,.pager span{padding:7px 14px;border:1px solid var(--line);border-radius:7px}.footer{margin-top:50px;background:#220713;border-top:1px solid var(--line);padding:32px 0;color:var(--muted);font-size:13px}.footer ul{list-style:none;display:flex;gap:20px;padding:0}.player{aspect-ratio:16/9;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#13050c;position:relative}.player iframe{width:100%;height:100%;border:0}.player-cover{height:100%;display:grid;place-items:center;background:radial-gradient(ellipse,#682742,#1b0711)}.player-cover button{border-radius:50%;width:80px;height:80px;background:#d7a76a25;color:var(--gold);border:1px solid var(--gold);font-size:30px}.servers{display:flex;gap:10px;padding:15px;overflow-x:auto;background:#391024;border-radius:9px;margin-top:12px}.servers button{white-space:nowrap;padding:7px 18px;border:1px solid var(--line);color:white;background:#4c1b32;border-radius:7px}.servers button.active{color:#280a18;background:var(--gold)}.detail{margin-top:28px;display:grid;grid-template-columns:140px 1fr;gap:28px}.detail .poster{border-radius:10px}.detail h1{font-size:27px;margin:0 0 12px}.detail .tags{margin:0 0 16px}.synopsis{color:var(--muted);font-size:14px}.breadcrumbs{font-size:12px;color:var(--muted);padding:20px 0}.ad{max-width:100%;overflow:auto;text-align:center;margin:24px auto}.share{display:flex;gap:9px;flex-wrap:wrap}.share a{border:1px solid var(--line);padding:5px 13px;border-radius:7px;font-size:12px}.content{padding:25px 0}.empty{padding:40px;border:1px dashed var(--line);border-radius:12px}.skip{position:absolute;top:-100px}.skip:focus{top:5px;background:var(--bg);padding:12px;z-index:100}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:900px){.nav{display:none}.top .wrap{flex-wrap:wrap}.search{margin-right:auto}.slide{padding:35px 30px 70px;grid-template-columns:1fr 180px;gap:28px;min-height:400px}.slide h1,.slide h2{font-size:30px}.slide-art img{height:280px}.controls{right:30px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}@media(max-width:600px){.wrap{width:calc(100% - 28px)}.brand{font-size:21px}.search{max-width:none;width:100%}.hero{margin-top:18px}.slide{min-height:510px;display:flex;flex-direction:column-reverse;gap:20px;padding:28px 24px 75px}.slide-art{width:125px;align-self:flex-end;position:absolute;top:25px;left:25px}.slide-art img{height:180px}.slide-copy{padding-top:185px;align-self:stretch}.slide h1,.slide h2{font-size:25px}.slide p{font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card h3{font-size:13px;margin:10px}.tags{margin:0 10px 12px;font-size:10px}.detail{grid-template-columns:85px 1fr;gap:15px}.detail h1{font-size:19px}.synopsis{font-size:12px}.footer ul{flex-wrap:wrap}.section-title{font-size:21px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--gold);border-radius:8px;padding:5px 12px}@media(max-width:900px){.menu-toggle{display:block;margin-right:auto}.top .wrap{position:relative}.nav.open{display:block;position:absolute;top:100%;right:0;left:0;padding:20px;background:#350e22;border:1px solid var(--line);border-radius:12px}.nav.open ul{flex-direction:column}.nav.open>a{display:block;margin:10px}.search{margin-right:0}}

/* Drama Show 1.1: article, mobile servers and editable ad zones. */
html{scroll-behavior:smooth;scroll-padding-top:100px}body{overflow-wrap:anywhere}.listing-head{display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap;margin-bottom:25px}.listing-head .section-title{flex:1;margin-bottom:0}.category-tabs{display:flex;gap:8px;flex-wrap:wrap}.category-tabs a,.article-keywords a{border:1px solid var(--line);background:var(--panel);padding:6px 14px;border-radius:25px;font-size:13px}.category-tabs a:hover,.article-keywords a:hover{border-color:var(--gold);color:var(--gold)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:26px}.article-main{min-width:0}.article-side:empty{display:none}.article-layout:not(:has(.article-side .dsp-ad)){grid-template-columns:1fr}.detail{background:linear-gradient(135deg,#4c1b32,#310c1f);padding:28px;border:1px solid var(--line);border-radius:20px;grid-template-columns:180px 1fr;margin-top:0}.detail .poster{align-self:start}.detail h1{font-size:30px;line-height:1.5}.intro{color:var(--muted)}.article-copy{padding:28px;border:1px solid var(--line);border-radius:16px;background:#350e2280;margin-top:22px;font-size:16px;line-height:2}.article-copy h2{color:#fff;font-size:22px;margin-top:28px}.article-copy h2:first-child{margin-top:0}.article-copy a{color:var(--gold);text-decoration:underline}.share{margin-top:22px}.share a{background:#4c1b32;padding:8px 18px}.watch-section{scroll-margin-top:100px;margin-top:28px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.watch-section h2{margin-top:0}.watch-help{color:var(--muted);font-size:13px}.servers{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));overflow:visible;padding:0;margin:14px 0}.servers button{white-space:normal;min-height:48px;font-size:14px;display:flex;gap:8px;align-items:center;justify-content:center;padding:8px 10px}.servers button span{color:var(--gold)}.servers button.active span{color:#280a18}.player-cover{align-content:center;gap:15px;color:var(--muted);font-size:13px}.article-keywords{display:flex;gap:9px;flex-wrap:wrap;margin:26px 0;align-items:center}.article-keywords strong{font-size:14px;color:var(--muted)}.dsp-ad{max-width:100%;overflow-x:auto;margin:25px auto;display:flex;align-items:center;flex-direction:column;gap:5px}.dsp-ad>span{font-size:10px;color:var(--muted)}.dsp-ad iframe{border:0;flex:none;max-width:none}.dsp-ad-mobile{display:none}.article-side .dsp-ad{align-items:flex-start}.grid-ad{grid-column:1/-1}.grid-ad:empty{display:none}.load-wrap{text-align:center;margin:30px 0}.load-wrap .cta{border:0}.contact-form{display:grid;gap:20px;max-width:750px}.contact-form label{display:grid;gap:8px}.contact-form input:not([type=checkbox]),.contact-form textarea{width:100%;border:1px solid var(--line);background:#3c1328;color:white;border-radius:9px;padding:12px;font:inherit}.contact-form input[type=checkbox]{width:20px;height:20px}.contact-form button{border:0;justify-self:start}.content>h1{line-height:1.5}.source-credit{font-size:12px;opacity:.8}.card .poster img{width:100%;height:100%;object-fit:cover}
@media(max-width:1050px){.article-layout{grid-template-columns:1fr}.article-side .dsp-ad{align-items:center}.detail{grid-template-columns:140px 1fr}.detail h1{font-size:26px}}
@media(max-width:767px){.dsp-ad-desktop{display:none}.dsp-ad-mobile{display:flex}.article-side{display:none}.listing-head{gap:10px}.listing-head .section-title{flex-basis:100%}.category-tabs{width:100%}.category-tabs a{flex:1;text-align:center;padding:7px}.detail{padding:18px;grid-template-columns:100px minmax(0,1fr);gap:17px;border-radius:14px}.detail h1{font-size:21px}.detail .intro{font-size:13px}.detail .cta{font-size:13px;padding:8px 15px}.article-copy{padding:20px;font-size:15px}.article-copy h2{font-size:20px}.watch-section{padding:15px}.servers{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.servers button{font-size:12px;flex-direction:column;gap:2px;padding:7px 4px}.player{border-radius:10px}.share a{flex:1;text-align:center;padding:7px 10px}.article-keywords a{font-size:11px;padding:5px 10px}.article-keywords strong{flex-basis:100%}.dsp-ad{align-items:center}.detail .tags{font-size:10px;gap:5px}}
@media(max-width:380px){.detail{grid-template-columns:80px minmax(0,1fr);padding:14px;gap:12px}.detail h1{font-size:18px}.detail .intro{display:none}.servers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}