/* ===== ON AIR TV — الهيدر (معتمد 10/11 · شكل 1 «زجاجي ممتد») · شفاف فوق البنر ← زجاجي غامق + خط نيون بعد التمرير ===== */
.ohd{position:fixed;top:0;left:0;right:0;z-index:60;font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;color:#F4D6B0}
.ohd *{box-sizing:border-box}
.ohd a{color:inherit;text-decoration:none}
.ohd-bar{position:relative;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;height:64px;padding:0 10px;
  transition:background-color .45s ease,backdrop-filter .45s ease,box-shadow .45s ease,height .45s ease}
.ohd-bar::after{content:"";position:absolute;inset:auto 6% 0;height:1px;background:linear-gradient(90deg,transparent,rgba(91,192,222,.55),transparent);opacity:0;transition:opacity .45s}
/* أعلى الصفحة: تظليل ناعم بس عشان اللوقو يبان فوق البنر */
.ohd::before{content:"";position:absolute;inset:0 0 -40px;pointer-events:none;background:linear-gradient(180deg,rgba(5,7,13,.72),rgba(5,7,13,0));transition:opacity .45s}
.ohd.is-scrolled::before{opacity:0}
.ohd.is-scrolled .ohd-bar{background:rgba(9,14,32,.66);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 14px 34px -22px rgba(0,0,0,.9)}
.ohd.is-scrolled .ohd-bar::after{opacity:1}

.ohd-logo{grid-column:2;justify-self:center;display:block;line-height:0;filter:drop-shadow(0 2px 10px rgba(5,7,13,.6))}
.ohd-logo img{height:34px;width:auto;display:block}
.ohd-nav{display:none}
.ohd-act{grid-column:3;justify-self:end;display:flex;align-items:center;gap:2px}
.ohd-act .ohd-lang,.ohd-act .ohd-acc{display:none}
.ohd-ico{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;transition:background-color .25s,color .25s}
.ohd-ico svg{width:23px;height:23px}
.ohd-ico:hover{color:#5BC0DE;background:rgba(91,192,222,.08)}
.ohd-count{position:absolute;top:6px;inset-inline-end:5px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#5BC0DE;color:#05070D;font:700 10.5px/17px "IBM Plex Sans Arabic";text-align:center}
.ohd-burger{grid-column:1;grid-row:1;width:44px;height:44px;border:0;background:none;color:inherit;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:0 11px;border-radius:50%}
.ohd-burger i{display:block;height:1.6px;border-radius:2px;background:currentColor}
.ohd-burger i:last-child{width:62%}
.ohd-burger:hover i:last-child{width:100%}
.ohd-burger i{transition:width .3s}
.ohd :focus-visible{outline:2px solid #5BC0DE;outline-offset:2px;border-radius:10px}


/* ===== قائمة الجوال ===== */
.ohd-menu{position:fixed;inset:0;z-index:70;background:rgba(5,7,13,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .4s ease}
.ohd-menu-in{position:absolute;top:0;bottom:0;inset-inline-start:0;width:min(86vw,380px);display:flex;flex-direction:column;padding:18px 22px 26px;
  background:radial-gradient(90% 50% at 100% 0%,rgba(91,192,222,.12),transparent 60%),linear-gradient(180deg,#0e1733,#05070D);
  border-inline-end:1px solid rgba(91,192,222,.22);box-shadow:30px 0 60px -30px rgba(0,0,0,.9);transform:translateX(100%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
html[dir=ltr] .ohd-menu-in{transform:translateX(-100%)}
.ohd.menu-open .ohd-menu{opacity:1}
.ohd.menu-open .ohd-menu-in{transform:none}
.ohd-menu-top{display:flex;align-items:center;justify-content:space-between;height:48px}
.ohd-menu-logo{height:30px;width:auto}
.ohd-x{width:44px;height:44px;border:1px solid rgba(244,214,176,.18);border-radius:50%;background:none;position:relative;cursor:pointer}
.ohd-x i{position:absolute;left:50%;top:50%;width:16px;height:1.6px;background:#F4D6B0;border-radius:2px}
.ohd-x i:first-child{transform:translate(-50%,-50%) rotate(45deg)}.ohd-x i:last-child{transform:translate(-50%,-50%) rotate(-45deg)}
.ohd-menu-nav{margin-top:26px;display:flex;flex-direction:column}
.ohd-menu-nav a{display:flex;align-items:baseline;gap:14px;padding:13px 2px;border-bottom:1px solid rgba(58,80,107,.3);font-size:18px;font-weight:500;color:#F4D6B0;
  opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease,color .25s}
.ohd-menu-nav em{font:400 11px/1 Sora,"IBM Plex Sans Arabic",sans-serif;font-style:normal;letter-spacing:.12em;color:rgba(91,192,222,.8);min-width:20px}
.ohd-menu-nav a:hover{color:#5BC0DE}
.ohd.menu-open .ohd-menu-nav a{opacity:1;transform:none}
.ohd.menu-open .ohd-menu-nav a:nth-child(2){transition-delay:.04s}.ohd.menu-open .ohd-menu-nav a:nth-child(3){transition-delay:.08s}.ohd.menu-open .ohd-menu-nav a:nth-child(4){transition-delay:.12s}
.ohd.menu-open .ohd-menu-nav a:nth-child(5){transition-delay:.16s}.ohd.menu-open .ohd-menu-nav a:nth-child(6){transition-delay:.2s}.ohd.menu-open .ohd-menu-nav a:nth-child(7){transition-delay:.24s}.ohd.menu-open .ohd-menu-nav a:nth-child(8){transition-delay:.28s}
.ohd-menu-foot{margin-top:auto;display:flex;gap:10px;padding-top:22px}
.ohd-pill{flex:1;height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:1px solid rgba(244,214,176,.3);font-size:14.5px;font-weight:500}
.ohd-pill svg{width:18px;height:18px}
.ohd-pill:hover{border-color:#5BC0DE;color:#5BC0DE}
@media (prefers-reduced-motion:reduce){.ohd-menu,.ohd-menu-in,.ohd-menu-nav a,.ohd-bar,.ohd::before{transition:none}}

/* ===== كمبيوتر (مشترك) ===== */
@media (min-width:1024px){
  .ohd-bar{grid-template-columns:auto 1fr auto;height:78px;padding:0 36px;gap:28px}
  .ohd-burger{display:none}
  .ohd-logo{grid-column:1;justify-self:start}
  .ohd-logo img{height:40px}
  .ohd-nav{grid-column:2;justify-self:center;display:flex;align-items:center;gap:4px}
  .ohd-nav a{position:relative;padding:10px 14px;font-size:15px;font-weight:500;color:rgba(244,214,176,.78);transition:color .25s;white-space:nowrap}
  .ohd-nav a::after{content:"";position:absolute;left:50%;bottom:2px;width:0;height:1.5px;border-radius:2px;background:#5BC0DE;box-shadow:0 0 8px #5BC0DE;transform:translateX(-50%);transition:width .35s ease}
  .ohd-nav a:hover{color:#F4D6B0}
  .ohd-nav a.on{color:#F4D6B0}
  .ohd-nav a.on::after,.ohd-nav a:hover::after{width:18px}
  .ohd-act{grid-column:3;gap:4px}
  .ohd-act .ohd-lang{display:inline-flex;align-items:center;height:36px;padding:0 14px;margin-inline-end:6px;border-radius:999px;border:1px solid rgba(244,214,176,.24);font:500 13px/1 Sora,"IBM Plex Sans Arabic",sans-serif;letter-spacing:.04em;transition:border-color .25s,color .25s}
  .ohd-lang:hover{border-color:#5BC0DE;color:#5BC0DE}
  .ohd-act .ohd-acc{display:grid}
  .ohd-menu{display:none}
}

.ohd .ohd-x:focus-visible,.ohd .ohd-burger:focus-visible,.ohd .ohd-ico:focus-visible{border-radius:50%}

/* ===== قائمة الجوال — معتمدة 10/11: شكل 2 «الجانبية بالبطاقات» + خلفية ضبابية (زجاج) ===== */
.ohd-menu svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ohd-menu{background:rgba(5,7,13,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.ohd-menu-in{overflow:hidden;background:linear-gradient(180deg,rgba(14,23,51,.52),rgba(5,7,13,.62));-webkit-backdrop-filter:blur(28px) saturate(1.35);backdrop-filter:blur(28px) saturate(1.35);
  border-inline-end:1px solid rgba(244,214,176,.14);box-shadow:inset -1px 0 0 rgba(91,192,222,.18),30px 0 60px -30px rgba(0,0,0,.8)}
.omn-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(80% 30% at 100% 0%,rgba(91,192,222,.14),transparent 70%)}
.ohd-menu-in>*:not(.omn-glow){position:relative}
/* بطاقتا الباقات */
.omn-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.omn-card{position:relative;height:118px;border-radius:16px;overflow:hidden;display:flex;align-items:flex-end;padding:12px;font-size:14.5px;font-weight:700;color:#F4D6B0;
  box-shadow:inset 0 0 0 1px rgba(91,192,222,.28),0 14px 30px -18px rgba(0,0,0,.9)}
.omn-card span{position:relative;line-height:1.35}
.omn-card b{position:absolute;top:10px;inset-inline-end:12px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(5,7,13,.55);color:#5BC0DE;font:400 14px/1 Sora,sans-serif}
html[dir=ltr] .omn-card b{transform:scaleX(-1)}
.omn-card-img{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.7) brightness(.75)}
.omn-card-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,19,43,.1),rgba(5,7,13,.92))}
.omn-card-img.c1{background-image:url(images/goats.webp);background-size:150%;background-position:50% 42%}
.omn-card-img.c2{background-image:url(images/posters.webp)}
/* الروابط: أيقونة سماوية، بدون أرقام، والباقات مخفية لأنها بالبطاقات */
.ohd-menu-nav{margin-top:12px}
.ohd-menu-nav .k-p1,.ohd-menu-nav .k-p2{display:none}
.ohd-menu-nav a{padding:12px 2px;font-size:16.5px;align-items:center;border-bottom-color:rgba(244,214,176,.1)}
.ohd-menu-nav em{display:none}
.ohd-menu-nav svg{display:block;width:20px;height:20px;flex:0 0 auto;color:#5BC0DE;opacity:.85}
.ohd-pill svg{width:18px;height:18px}

/* الروابط الداخلية بكل الصفحة (أزرار السكاشن والفوتر والأسئلة) توقف تحت الهيدر الثابت بدل ما يغطي بداية السكشن */
html{scroll-padding-top:58px}
@media (min-width:1024px){html{scroll-padding-top:72px}}