/* Coverage map — interactive Yemen map (8 governorates) */
.coverage-copy{display:flex;flex-direction:column;align-items:flex-start}
.coverage-note{display:flex;gap:9px;align-items:center;margin-top:20px;color:#c9d8e9;font-size:14px}
.coverage-note b{width:10px;height:10px;border-radius:50%;background:#d9ff4f;box-shadow:0 0 0 7px rgba(217,255,79,.12);flex:none}
.gov-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.gov-chip{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#fff;border-radius:99px;padding:8px 16px;min-height:40px;font:700 15px Tajawal,sans-serif;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}
.gov-chip:hover{background:rgba(255,255,255,.15);transform:translateY(-1px)}
.gov-chip:focus-visible,.cov-reset:focus-visible,.map-cta:focus-visible{outline:3px solid #d9ff4f;outline-offset:2px}
.gov-chip[aria-pressed="true"]{background:#d9ff4f;border-color:#d9ff4f;color:#041a38}
.cov-map{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid rgba(255,255,255,.16);border-radius:25px;background:#071f40;overflow:hidden}
.cmap{display:block;direction:ltr;width:100%;height:auto;aspect-ratio:730.2/504;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.cov-sea{fill:url(#covSea)}
.cov-neighbor{fill:#12335c;stroke:rgba(255,255,255,.07);stroke-width:1;vector-effect:non-scaling-stroke}
.cov-shadow{fill:#000;opacity:.45}
.cov-land{fill:url(#covLand)}
.cov-off{fill:rgba(18,64,108,.55);stroke:rgba(255,255,255,.16);stroke-width:.8;vector-effect:non-scaling-stroke}
.gov-shape{fill:url(#covOn);stroke:rgba(255,255,255,.55);stroke-width:1;vector-effect:non-scaling-stroke;stroke-linejoin:round;cursor:pointer;transition:fill .25s,filter .25s}
.gov-shape:hover{fill:#33d3e3;filter:drop-shadow(0 0 6px rgba(51,211,227,.65))}
.gov-shape.is-active{fill:#1cc8da;stroke:#d9ff4f;stroke-width:2.2;filter:drop-shadow(0 0 8px rgba(217,255,79,.6))}
.cmap.has-active .gov-shape:not(.is-active){opacity:.72}
.cov-relief{pointer-events:none;opacity:.3}
.cov-coast{fill:none;stroke:#54e8f4;stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-linejoin:round;pointer-events:none;filter:drop-shadow(0 0 4px rgba(84,232,244,.5))}
.cov-geo text{fill:rgba(190,215,245,.42);font:600 11px Tajawal,sans-serif;text-anchor:middle}
.cov-geo.sea text{font-style:italic;fill:rgba(120,205,245,.4)}
.gov-pin{cursor:pointer}
.gov-pin .dot{fill:#d9ff4f;stroke:#fff;stroke-width:2}
.gov-pin .ring{fill:none;stroke:#d9ff4f;stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:covPulse 2.4s ease-out infinite}
.gov-pin text{fill:#fff;font:800 13px Tajawal,sans-serif;paint-order:stroke;stroke:#041a38;stroke-width:3.5px;stroke-linejoin:round}
.gov-pin.is-active .dot{fill:#fff;stroke:#d9ff4f;stroke-width:3}
.gov-pin.small text{opacity:0;transition:opacity .2s}
.cmap.is-zoomed .gov-pin.small text,.gov-pin.small:hover text,.gov-pin.small.is-active text{opacity:1}
@keyframes covPulse{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(3.2)}}
.cov-stage{position:relative}
.cov-reset{position:absolute;bottom:12px;left:12px;z-index:2;border:1px solid rgba(255,255,255,.3);background:rgba(2,16,39,.78);color:#fff;border-radius:99px;padding:7px 14px;min-height:36px;font:700 13px Tajawal,sans-serif;cursor:pointer;backdrop-filter:blur(8px)}
.cov-reset[hidden]{display:none}
.map-status{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:13px 16px;border-top:1px solid rgba(255,255,255,.13);background:rgba(0,16,39,.72);color:#fff;font-weight:700;font-size:14px;min-height:62px}
.map-status strong{color:#d9ff4f;font-size:16px}
.map-status span{flex:1 1 180px}
.map-cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;border-radius:12px;background:#18b66b;color:#fff;font-weight:800;font-size:14px;transition:transform .2s}
.map-cta:hover{transform:translateY(-2px)}
@media(max-width:900px){.coverage-copy{align-items:stretch}.coverage-card{display:flex;flex-direction:column;gap:26px}}
@media(max-width:620px){.cmap{aspect-ratio:1.18}.coverage-card{padding:28px 16px;gap:20px}.gov-chip{padding:7px 14px;font-size:14px}.cov-geo text{font-size:10px}.map-status{padding:11px 12px;font-size:13px}.cov-reset{bottom:8px;left:8px;font-size:12px;padding:6px 11px}}
@media(prefers-reduced-motion:reduce){.gov-pin .ring{animation:none;opacity:.5}.gov-shape,.gov-chip,.map-cta{transition:none}}
