/*
Theme Name: Asrar Alghaba Premium
Theme URI: https://asraralghaba.com
Author: OpenAI for Asrar Alghaba
Description: قالب رسمي احترافي لقناة أسرار الغابة: أسود/ذهبي، حلقات يوتيوب، شخصيات، إعلانات، حماة المحتوى، لوحة الشرف ونماذج جاهزة.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: asrar
*/
:root{--bg:#030303;--panel:#0b0a08;--panel2:#12100b;--gold:#d9a83f;--gold2:#f2d483;--txt:#f6f1df;--muted:#cfc4a3;--line:rgba(217,168,63,.32);--red:#be2f25;--green:#153428;--radius:28px;--shadow:0 24px 80px rgba(0,0,0,.5)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,rgba(217,168,63,.12),transparent 35%),var(--bg);color:var(--txt);font-family:Tajawal,Arial,sans-serif;direction:rtl;line-height:1.9;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.wrap{width:min(1180px,92vw);margin-inline:auto}.gold{color:var(--gold2)}
.site-header{position:sticky;top:0;z-index:999;background:rgba(3,3,3,.84);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-wrap{height:82px;display:flex;align-items:center;gap:22px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;min-width:160px}.brand img{width:150px;max-height:62px;object-fit:contain}.brand .site-title{font-size:18px;color:var(--gold2);font-weight:800;display:none}.main-nav{display:flex;gap:6px;align-items:center}.main-nav a{padding:10px 13px;border-radius:14px;color:#f8f3e6;font-weight:700;font-size:15px;transition:.2s}.main-nav a:hover,.main-nav .current-menu-item>a{background:rgba(217,168,63,.13);color:var(--gold2)}.hamb{display:none;background:transparent;border:0;color:var(--gold);font-size:34px;padding:8px;cursor:pointer}.nav-cta{border:1px solid var(--gold);background:linear-gradient(135deg,#5a3b0d,#d9a83f);padding:10px 18px;border-radius:999px;color:#140d03;font-weight:900}
.hero{position:relative;min-height:760px;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:#000}.hero-bg{position:absolute;inset:0;background-image:var(--hero);background-size:cover;background-position:center;transform:scale(1.02);filter:saturate(1.08)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.18) 38%,rgba(0,0,0,.78) 100%),radial-gradient(circle at 50% 45%,transparent 0,rgba(0,0,0,.5) 68%)}.hero-content{position:relative;text-align:center;padding:92px 0 62px}.hero-logo{width:min(420px,78vw);margin:0 auto 24px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.75))}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold2);font-size:17px;font-weight:900;letter-spacing:.5px;padding:8px 18px;border:1px solid var(--line);border-radius:999px;background:rgba(0,0,0,.38)}.hero h1{font-size:clamp(42px,8vw,96px);line-height:1.1;margin:18px 0 14px;text-shadow:0 7px 25px #000}.hero p{font-size:clamp(18px,2.1vw,25px);max-width:760px;margin:0 auto 32px;color:#fff7df}.btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.btn{border:1px solid var(--gold);border-radius:999px;padding:14px 24px;font-weight:900;color:var(--txt);background:rgba(0,0,0,.55);box-shadow:0 0 28px rgba(217,168,63,.08);transition:.2s}.btn:hover{transform:translateY(-2px);background:rgba(217,168,63,.16)}.btn.primary{background:linear-gradient(135deg,#f5d77b,#b67a16);color:#140d03;border:0}.section{padding:84px 0}.section-title{text-align:center;margin:0 auto 42px}.section-title span{color:var(--gold2);font-weight:900}.section-title h2{font-size:clamp(32px,4vw,54px);margin:0}.section-title p{color:var(--muted);font-size:19px;margin:10px auto 0;max-width:760px}.grid{display:grid;gap:24px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);position:relative}.card-body{padding:24px}.card h3{margin:0 0 8px;font-size:25px;color:var(--gold2)}.card p{color:var(--muted);margin:0 0 18px}.char-card{min-height:420px}.char-img{height:280px;background:#080807;display:flex;align-items:center;justify-content:center;overflow:hidden}.char-img img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:.4s}.char-card:hover img{transform:scale(1.05)}.episode-thumb{height:250px;background:#111;overflow:hidden}.episode-thumb iframe,.episode-thumb img{width:100%;height:100%;object-fit:cover}.meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--gold2);font-size:14px}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-46px;position:relative;z-index:2}.stat{background:rgba(6,5,4,.88);border:1px solid var(--line);border-radius:24px;padding:22px;text-align:center;box-shadow:var(--shadow)}.stat b{display:block;font-size:32px;color:var(--gold2);line-height:1.2}.stat span{color:var(--muted)}.cta-section{background:linear-gradient(135deg,rgba(217,168,63,.16),rgba(0,0,0,.4)),#080705;border-block:1px solid var(--line)}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.gold-box{border:1px solid var(--line);border-radius:34px;background:rgba(0,0,0,.45);padding:34px}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;border:1px solid var(--line);background:#090806;color:var(--txt);border-radius:16px;padding:14px 16px;font-family:inherit;font-size:16px}.form textarea{min-height:130px}.form button{cursor:pointer}.notice{padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(217,168,63,.11);color:var(--gold2);margin-bottom:18px}.archive-head{padding:80px 0 42px;text-align:center;background:radial-gradient(circle at 50% 20%,rgba(217,168,63,.14),transparent 45%)}.archive-head h1{font-size:clamp(38px,5vw,70px);margin:0}.filters{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}.pill{padding:10px 18px;border:1px solid var(--line);border-radius:999px;color:var(--gold2);background:rgba(0,0,0,.35)}.single-hero{padding:60px 0}.single-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:start}.single-img{border-radius:32px;border:1px solid var(--line);overflow:hidden;background:#080808}.content{font-size:20px;color:#f3ead2}.content h2,.content h3{color:var(--gold2)}.honor-card{text-align:center}.honor-card img{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:24px auto 4px;border:2px solid var(--gold)}.site-footer{border-top:1px solid var(--line);background:#050403;padding:52px 0 28px;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}.footer-logo{width:180px;margin-bottom:14px}.foot-links{display:grid;gap:8px}.copyright{text-align:center;border-top:1px solid rgba(217,168,63,.16);margin-top:34px;padding-top:24px;color:#8e846d}.empty{text-align:center;padding:70px 20px;border:1px dashed var(--line);border-radius:28px;color:var(--muted)}
@media(max-width:980px){.hamb{display:block}.main-nav{position:fixed;inset:82px 0 auto 0;background:rgba(5,4,3,.98);border-bottom:1px solid var(--line);padding:18px;display:none;grid-template-columns:1fr;gap:8px}.main-nav.open{display:grid}.main-nav a{display:block;text-align:center;border:1px solid rgba(217,168,63,.13);font-size:18px}.brand img{width:120px}.nav-cta{display:none}.hero{min-height:680px}.feature-strip,.grid-3,.grid-4,.split,.single-layout,.footer-grid{grid-template-columns:1fr}.feature-strip{margin-top:22px}.section{padding:58px 0}.hero-content{padding-top:56px}.hero-logo{width:min(250px,70vw)}.char-img{height:360px}.site-header{position:relative}.nav-wrap{height:76px}.hero-bg{background-size:cover;background-position:center top}.hero p{font-size:18px}.btn{width:100%;text-align:center}.footer-grid{text-align:center}.footer-logo{margin-inline:auto}}
@media(max-width:560px){.wrap{width:100%}.nav-wrap{width:92vw}.hero{min-height:620px}.hero h1{font-size:46px}.hero-logo{margin-bottom:10px}.section .wrap,.site-footer .wrap{width:92vw}.hero-content{width:92vw}.grid{gap:16px}.card{border-radius:22px}.char-img{height:330px}.episode-thumb{height:210px}.archive-head{padding-top:50px}.hero{margin-top:0}.site-header + .hero{margin-top:0}}