/* ON AIR TV — SECTION 10 · The Final Scene + Footer */
.ofn,.ofo{font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;color:#F4D6B0}
.ofn *,.ofo *{box-sizing:border-box}
.ofn h2,.ofn p,.ofo p,.ofo ul{margin:0;padding:0}

/* ===== الختام السينمائي ===== */
.ofn{position:relative;min-height:560px;display:flex;align-items:flex-end;justify-content:center;padding:150px 18px 64px;text-align:center}
.ofn-scene{position:absolute;inset:0;pointer-events:none;
  -webkit-mask:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.5) 14%,#000 32%,#000 74%,transparent 100%);mask:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.5) 14%,#000 32%,#000 74%,transparent 100%)}
.ofn-img{position:absolute;inset:0;background:url(images/bg-screen.webp) 50% 30%/cover no-repeat;
  filter:saturate(.5) contrast(1.12) brightness(.6) blur(2px)}
.ofn-grade{position:absolute;inset:0;background:linear-gradient(110deg,rgba(11,19,43,.75),rgba(28,37,65,.35) 50%,rgba(11,19,43,.75));mix-blend-mode:multiply}
.ofn-tint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(58,80,107,.6),rgba(91,192,222,.25));mix-blend-mode:color}
/* توهج الكاشفات البعيدة */
.ofn-flood{position:absolute;inset:0;background:
  radial-gradient(18% 22% at 22% 26%,rgba(191,230,242,.30),transparent 70%),
  radial-gradient(18% 22% at 78% 24%,rgba(191,230,242,.26),transparent 70%),
  radial-gradient(60% 40% at 50% 70%,rgba(91,192,222,.14),transparent 75%);mix-blend-mode:screen}
.ofn-vig{position:absolute;inset:0;background:radial-gradient(85% 75% at 50% 55%,transparent 45%,rgba(5,7,13,.85) 100%)}
.ofn-body{position:relative;z-index:1;max-width:720px}
.ofn-kick{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:700;letter-spacing:.42em;direction:ltr;color:#5BC0DE}
.ofn-kick::before,.ofn-kick::after{content:"";width:26px;height:1px;background:linear-gradient(90deg,transparent,#5BC0DE)}
.ofn-kick::after{background:linear-gradient(270deg,transparent,#5BC0DE)}
.ofn .ofn-h{margin-top:16px;font-size:34px;line-height:1.25;font-weight:700;color:#F4D6B0;text-shadow:0 0 40px rgba(244,214,176,.2),0 2px 20px rgba(5,7,13,.8)}
.ofn .ofn-sub{margin:14px auto 0;max-width:30em;font-size:15px;line-height:1.85;color:rgba(244,214,176,.8);text-shadow:0 1px 12px rgba(5,7,13,.9)}
.ofn-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}
.ofn-btn{flex:1 1 150px;max-width:220px;display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 16px;border-radius:999px;font:inherit;font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap;transition:transform .3s,box-shadow .3s,background-color .3s,border-color .3s}
.ofn-btn.pri{background:#D97706;color:#05070D;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 16px 30px -14px rgba(217,119,6,.65)}
.ofn-btn.sec{background:rgba(5,7,13,.35);color:#F4D6B0;border:1px solid rgba(244,214,176,.55)}
.ofn-btn:hover{transform:translateY(-1px)}
.ofn-btn.pri:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 20px 36px -14px rgba(217,119,6,.8)}
.ofn-btn.sec:hover{border-color:#5BC0DE;background:rgba(91,192,222,.1)}
.ofn-btn:focus-visible{outline:2px solid #5BC0DE;outline-offset:3px}

/* ===== الفوتر ===== */
.ofo{position:relative;padding:40px 20px 26px;background:linear-gradient(180deg,rgba(11,19,43,0) 0%,rgba(11,19,43,.85) 28%,#0B132B 100%)}
.ofo::before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(91,192,222,.5),transparent)}
.ofo-in{max-width:1160px;margin:0 auto;display:grid;gap:26px}
.ofo-brand{text-align:center}
.ofo-logo{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:36px;font-size:22px;font-weight:700;letter-spacing:.18em;direction:ltr;color:#F4D6B0}
.ofo-logo i{width:7px;height:7px;margin-inline-end:10px;border-radius:50%;background:#5BC0DE;box-shadow:0 0 10px #5BC0DE}
.ofo .ofo-tag{margin-top:8px;font-size:13.5px;line-height:1.7;color:rgba(244,214,176,.62)}
.ofo-nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;max-width:420px;margin:0 auto;width:100%}
.ofo-nav ul{list-style:none}
.ofo-nav a{display:block;padding:7px 0;font-size:14px;color:rgba(244,214,176,.78);text-decoration:none;transition:color .25s}
.ofo-nav a:hover{color:#5BC0DE}
.ofo-nav a:focus-visible{outline:2px solid #5BC0DE;outline-offset:2px;border-radius:4px}
.ofo .ofo-copy{margin-top:22px;padding-top:16px;border-top:1px solid rgba(244,214,176,.1);text-align:center;font-size:12.5px;color:rgba(244,214,176,.5)}

/* ===== حركة الظهور (نفس نظام السكاشن السابقة) ===== */
.ofn .rv,.ofo .rv{opacity:1;transform:none}
.ofn.anim .ofn-scene{opacity:0}
.ofn.anim .rv{opacity:0;transform:translateY(16px)}
.ofn.anim.in .ofn-scene{opacity:1;transition:opacity 1.6s ease}
.ofn.anim.in .rv{opacity:1;transform:none;transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.ofn.anim.in .rv.d1{transition-delay:.25s}.ofn.anim.in .rv.d2{transition-delay:.4s}.ofn.anim.in .rv.d3{transition-delay:.55s}.ofn.anim.in .rv.d4{transition-delay:.7s}
.ofo.anim .rv{opacity:0;transform:translateY(10px)}
.ofo.anim.in .rv{opacity:1;transform:none;transition:opacity .8s ease,transform .8s ease}
@media (prefers-reduced-motion:reduce){.ofn.anim .ofn-scene,.ofn.anim .rv,.ofo.anim .rv{opacity:1;transform:none}.ofn.anim.in .ofn-scene,.ofn.anim.in .rv,.ofo.anim.in .rv{transition:none}}

@media (min-width:1024px){
  .ofn{min-height:600px;padding:130px 24px 96px}
  .ofn-img{background-position:50% 35%}
  .ofn-kick{font-size:12px}
  .ofn .ofn-h{font-size:64px;margin-top:20px}
  .ofn .ofn-sub{font-size:19px;margin-top:18px}
  .ofn-btns{gap:14px;margin-top:36px}
  .ofn-btn{flex:0 0 auto;max-width:none;height:58px;padding:0 34px;font-size:16.5px}
  .ofo{padding:56px 32px 30px}
  .ofo-in{grid-template-columns:1.2fr 1fr;align-items:start;gap:40px}
  .ofo-brand{text-align:start}
  .ofo-logo{font-size:26px}
  .ofo .ofo-tag{font-size:15px}
  .ofo-nav{margin:0;margin-inline-start:auto;max-width:460px;gap:4px 40px}
  .ofo-nav a{font-size:15px}
  .ofo .ofo-copy{max-width:1160px;margin:34px auto 0;text-align:start}
}

/* ===== الفوتر المكتمل — شكل 2 «المسرح المركزي» (اختيار 10/11) · يُضاف بعد CSS الختام · المربعات المنقّطة .ph أماكن محجوزة للتواصل/السياسات/الدفع ===== */
.ofo-logo{min-height:0;letter-spacing:0}
.ofo-logo img{display:block;height:86px;width:auto;filter:drop-shadow(0 6px 24px rgba(91,192,222,.12))}
/* أماكن محجوزة (تتبدل بالحقيقي) */
.ofo .ph{display:block;border:1px dashed rgba(244,214,176,.32);background:rgba(244,214,176,.03)}
.ofo-social{display:flex;justify-content:center;gap:10px;margin-top:16px}
.ofo-social .ph{width:40px;height:40px;border-radius:50%}
.ofo-pol{list-style:none}
.ofo-pol .ph.line{height:12px;width:96px;border-radius:6px;margin:9px 0}
.ofo-pol .ph.line.s{width:70px}
.ofo-base{max-width:1160px;margin:22px auto 0;padding-top:16px;border-top:1px solid rgba(244,214,176,.1);display:flex;flex-direction:column;align-items:center;gap:14px}
.ofo .ofo-base .ofo-copy{margin:0;padding:0;border:0}
.ofo-pay{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.ofo-pay .ph{width:46px;height:30px;border-radius:7px}

/* المسرح المركزي */
.ofo .ofo-in{display:flex;flex-direction:column;align-items:center;gap:22px}
.ofo .ofo-brand{position:relative;display:flex;flex-direction:column;align-items:center}
.ofo .ofo-brand::before{content:"";position:absolute;top:-30px;left:50%;width:260px;height:180px;transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(50% 50% at 50% 50%,rgba(91,192,222,.16),transparent 70%)}
.ofo .ofo-logo{position:relative}
.ofo .ofo-logo img{height:100px}
.ofo .ofo-nav{display:flex;flex-direction:column;align-items:center;max-width:none;gap:6px}
.ofo .ofo-nav ul{display:flex;flex-wrap:wrap;justify-content:center;gap:0}
.ofo .ofo-nav li{display:flex;align-items:center}
.ofo .ofo-nav li+li::before{content:"";width:3px;height:3px;border-radius:50%;background:rgba(91,192,222,.6)}
.ofo .ofo-nav a{padding:6px 10px;font-size:13.5px}
.ofo .ofo-pol{margin-top:6px;gap:14px!important}
.ofo .ofo-pol li::before{display:none}
.ofo .ofo-pol .ph.line{margin:0;height:10px;width:74px}
.ofo .ofo-pol .ph.line.s{width:56px}
.ofo .ofo-base{margin-top:26px;padding:14px 16px;border:1px solid rgba(91,192,222,.16);border-radius:16px;background:linear-gradient(180deg,rgba(28,37,65,.35),rgba(11,19,43,.25))}
@media (min-width:1024px){
  .ofo .ofo-logo img{height:120px}
  .ofo .ofo-nav a{font-size:15px;padding:6px 16px}
  .ofo .ofo-base{flex-direction:row;justify-content:space-between;padding:16px 26px;margin-top:40px}
}
@media (max-width:1023px){.ofo .ofo-nav li+li::before{display:none}.ofo .ofo-nav ul{gap:2px 4px}}

/* الفوتر: روابط «من نحن» و«السياسة» بس — صف أفقي بالنص */
.ofo .ofo-nav .ofo-pol{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;margin:0}
.ofo .ofo-nav .ofo-pol li+li::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:rgba(91,192,222,.6);margin:0}
.ofo .ofo-nav .ofo-pol a{padding:6px 14px;font-size:14px}
@media (min-width:768px){.ofo .ofo-nav{margin-inline-start:auto}.ofo .ofo-nav .ofo-pol{justify-content:flex-end}}