/* صفحة التغطية */
.page-cov{background:var(--navy)}
.nav__links a.is-active{opacity:1}
.nav__links a.is-active::after{transform:scaleX(1)}

/* المقدمة */
.cov-hero{position:relative;min-height:80svh;display:grid;align-items:center;padding:150px var(--gut) 100px;background:var(--navy);color:#fff;overflow:hidden}
.cov-hero__bg{position:absolute;inset:0;
  background:
    radial-gradient(52% 60% at 16% 42%,rgba(5,115,185,.5),transparent 70%),
    radial-gradient(40% 50% at 88% 86%,rgba(3,80,160,.55),transparent 70%)}
.cov-hero__bg::after{content:"";position:absolute;inset:0;opacity:.55;
  background-image:radial-gradient(rgba(127,192,238,.32) 1.2px,transparent 1.4px);background-size:34px 34px;
  -webkit-mask-image:linear-gradient(90deg,transparent 5%,#000 60%);mask-image:linear-gradient(90deg,transparent 5%,#000 60%)}
.cov-hero__in{position:relative;display:grid;gap:22px;justify-items:start;max-width:780px}
.cov-hero .kicker{color:#7FC0EE}
.cov-hero h1{font-size:clamp(38px,6.4vw,92px);font-weight:800;line-height:1.1}
.cov-hero em{color:#fff;background:linear-gradient(transparent 68%,rgba(5,115,185,.85) 68%);padding:0 8px}
.cov-hero p{font-size:clamp(16px,1.6vw,22px);color:rgba(255,255,255,.82);max-width:36ch}
.cov-hero__hint{position:absolute;bottom:34px;inset-inline-start:var(--gut)}

/* الخريطة */
.cov{position:relative;background:linear-gradient(180deg,var(--navy) 0%,#06234c 50%,var(--navy) 100%);color:#fff}
.cov__pin{position:relative;height:100svh;min-height:640px;overflow:hidden;display:grid;grid-template-columns:minmax(300px,.78fr) 1.55fr;gap:2vw;padding:92px var(--gut) 36px;align-items:center}
.cov__panel{display:grid;gap:18px;align-content:center;z-index:2}
.cov__panel .kicker{color:#7FC0EE}
.cov__panel .kicker b{color:#fff;font-weight:700}
.cov__panel h2{font-size:clamp(42px,5.4vw,86px);font-weight:800;line-height:1.05;min-height:1.1em}
.cov__meta{display:flex;gap:36px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}
.cov__meta small{display:block;font:500 13.5px 'IBM Plex Sans Arabic',sans-serif;color:rgba(255,255,255,.62);margin-bottom:2px}
.cov__meta b{display:flex;align-items:baseline;gap:8px;font:800 clamp(30px,3.2vw,50px) 'Inter',sans-serif;direction:ltr;line-height:1.1}
.cov__meta i{font:500 15px 'IBM Plex Sans Arabic',sans-serif;font-style:normal;opacity:.7}
.cov__list{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.cov__list button{font:500 13.5px 'IBM Plex Sans Arabic',sans-serif;color:#cfe6f8;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 14px;cursor:pointer;transition:background .3s,color .3s,transform .3s var(--ease)}
.cov__list button:hover{background:rgba(255,255,255,.16);transform:translateY(-2px)}
.cov__list button.on{background:#fff;color:var(--blue);border-color:#fff;font-weight:600}
.cov__bar{height:3px;background:rgba(255,255,255,.16);border-radius:3px;overflow:hidden;direction:rtl}
.cov__bar i{display:block;height:100%;width:100%;background:#fff;transform-origin:right;transform:scaleX(0)}
.cov__map{position:relative;height:100%;max-height:calc(100svh - 140px);min-height:0}
#covMap{width:100%;height:100%;display:block;direction:ltr;
  -webkit-mask-image:radial-gradient(ellipse 66% 68% at 50% 50%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 66% 68% at 50% 50%,#000 58%,transparent 100%)}
.cov__note{position:absolute;inset-inline-start:0;bottom:0;font-size:12.5px;color:rgba(255,255,255,.45)}

/* عناصر الخريطة */
#covMap .sea{fill:#051a35}
#covMap .nb{fill:#0a2a55;stroke:rgba(127,192,238,.1);stroke-width:.8}
#covMap .sa-base{fill:url(#saGrad);stroke:none}
#covMap .sa-dots{fill:url(#saDots)}
#covMap .sa-line{fill:none;stroke:#59b6f4;stroke-width:2.2;stroke-linejoin:round;filter:url(#glow);opacity:.95}
#covMap .route-bg{fill:none;stroke:rgba(143,208,255,.2);stroke-width:1.3;stroke-dasharray:2 8;stroke-linecap:round}
#covMap .route{fill:none;stroke:#bfe6ff;stroke-width:3.2;stroke-linecap:round;filter:url(#glow)}
#covMap .arrow{fill:#fff;filter:url(#glow)}
#covMap .dot{fill:#4aa8e8;stroke:#06234c;stroke-width:2;transition:fill .4s}
#covMap .city.on .dot{fill:#fff}
#covMap .ring{fill:none;stroke:#fff;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
#covMap .city.on .ring{animation:ping 1.8s var(--ease) infinite}
#covMap .lbl{font:600 17px 'Alexandria','IBM Plex Sans Arabic',sans-serif;fill:rgba(207,230,248,.8);paint-order:stroke;stroke:#051a35;stroke-width:5px;stroke-linejoin:round;transition:fill .4s}
#covMap .city.on .lbl{fill:#fff;font-size:21px}
#covMap .hub-dot{fill:#fff;stroke:#0573B9;stroke-width:4}
#covMap .hub-ring{fill:none;stroke:#7FC0EE;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:ping 2.6s var(--ease) infinite}
#covMap .hub-ring:nth-of-type(2){animation-delay:1.3s}
#covMap .hub-lbl{font:800 25px 'Alexandria',sans-serif;fill:#fff;paint-order:stroke;stroke:#051a35;stroke-width:6px;stroke-linejoin:round}
@keyframes ping{0%{transform:scale(.6);opacity:.9}100%{transform:scale(3);opacity:0}}

/* قائمة المدن */
.cov-cta{background:var(--blue);color:#fff;text-align:center;padding:clamp(70px,9vw,120px) var(--gut);display:grid;gap:16px;justify-items:center}
.cov-cta h2{font-size:clamp(28px,4.6vw,64px);font-weight:800}
.cov-cta p{font-size:clamp(16px,1.5vw,21px);opacity:.9}
.cov-cta__actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:14px}

@media (max-width:900px){
  .cov-hero{min-height:72svh;padding-top:120px}
  .cov-hero__hint{display:none}
  .cov__pin{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:20px;padding:116px var(--gut) 76px;align-items:start}
  .cov__map{grid-row:1;height:44svh;max-height:none}
  .cov__panel{grid-row:2;gap:10px}
  .cov__panel h2{font-size:clamp(32px,10vw,46px)}
  .cov__meta{gap:24px;padding-top:12px}
  .cov__meta b{font-size:28px}
  .cov__list{display:none}
  .cov__note{display:none}
  #covMap .lbl{display:none}
  #covMap .city.on .lbl{display:block;font-size:24px}
}
@media (max-width:480px){
}

/* قائمة مدن المجموعة الحالية */
.cov__panel h2{font-size:clamp(36px,4.6vw,72px);min-height:1.1em}
.cov__rows{display:block;min-height:232px;border-top:1px solid rgba(255,255,255,.18)}
.cov__rows li{display:flex;align-items:baseline;gap:14px;padding:13px 2px;border-bottom:1px solid rgba(255,255,255,.12);color:rgba(207,230,248,.68);transition:color .4s}
.cov__rows li span{font:700 clamp(18px,1.7vw,24px) 'Alexandria',sans-serif}
.cov__rows li i{flex:1;border-bottom:1.5px dotted rgba(255,255,255,.25);transform:translateY(-4px)}
.cov__rows li b{display:flex;align-items:baseline;gap:5px;direction:ltr;font:700 clamp(17px,1.5vw,22px) 'Inter',sans-serif}
.cov__rows li b small{font:500 13px 'IBM Plex Sans Arabic',sans-serif;opacity:.7}
.cov__rows li.on{color:#fff}
@media (max-width:900px){
  .cov__panel h2{font-size:clamp(28px,8.4vw,40px)}
  .cov__rows{min-height:172px}
  .cov__rows li{padding:8px 2px}
  .cov__rows li span{font-size:17px}
  .cov__meta{display:none}
}

.cov__panel h2{line-height:1.3}
.cov-hero h1,.cov-cta h2{line-height:1.3}