/* ═══════════════════════════════════════════════════════════
   الموقع والوصول — Location & directions
   ═══════════════════════════════════════════════════════════ */

.map-band{background:var(--surface); border-bottom:1px solid var(--line); padding-block:0}
.map-wrap{
  display:grid; grid-template-columns:1fr 380px; gap:0;
  align-items:stretch; padding-inline:0; max-width:none;
}
.map-frame{position:relative; min-height:440px; background:var(--surface-2)}
.map-frame iframe{position:absolute; inset:0; width:100%; height:100%; border:0; display:block; filter:saturate(.82)}
[data-theme="dark"] .map-frame iframe{filter:invert(.9) hue-rotate(180deg) saturate(.6) contrast(.92)}

.map-card{
  display:flex; flex-direction:column; gap:14px; justify-content:center;
  padding:40px 44px; background:var(--ink-solid); color:#F2F5F8;
}
.map-card h3{font-size:22px; color:#fff; line-height:1.35}
.map-card .addr{
  display:flex; align-items:flex-start; gap:11px;
  font-size:14.5px; color:rgba(242,245,248,.74); line-height:1.7;
}
.map-card .addr svg{width:17px; height:17px; margin-top:5px; flex:none; color:var(--brass-2)}
.map-btns{display:flex; gap:10px; flex-wrap:wrap; margin-top:6px}
.map-card .btn-ghost{border-color:rgba(242,245,248,.3); color:#fff}
.map-card .btn-ghost:hover{background:rgba(242,245,248,.1); border-color:rgba(242,245,248,.6)}
.coords{
  display:flex; align-items:baseline; gap:10px; margin-top:10px; padding-top:16px;
  border-top:1px solid rgba(242,245,248,.15); font-size:12.5px; color:rgba(242,245,248,.5);
}
.coords b{color:var(--brass-2); font-size:14px}

@media (max-width:900px){
  .map-wrap{grid-template-columns:1fr}
  .map-frame{min-height:320px}
  .map-card{padding:30px 24px}
}

/* ── طرق الوصول ── */
.routes{display:grid; grid-template-columns:repeat(auto-fit,minmax(288px,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--r); overflow:hidden}
.route{
  display:flex; gap:16px; align-items:flex-start;
  background:var(--surface); padding:26px 24px; transition:background .24s var(--ease);
}
.route:hover{background:var(--surface-2)}
.route-ic{
  width:42px; height:42px; flex:none; display:grid; place-items:center; border-radius:12px;
  background:var(--brass-soft); color:var(--brass); border:1px solid var(--brass-line);
}
.route-ic svg{width:20px; height:20px}
.route h3{font-size:17px; margin-bottom:7px; line-height:1.35}
.route p{font-size:14.5px; color:var(--ink-2); line-height:1.78; margin-bottom:12px}

/* ── بطاقات الاتصال ── */
.contact-card{display:flex; flex-direction:column; gap:8px; align-items:flex-start}
.contact-card .c-ic{
  width:38px; height:38px; display:grid; place-items:center; border-radius:11px;
  background:var(--surface-2); color:var(--brass); border:1px solid var(--line);
}
.contact-card .c-ic svg{width:18px; height:18px}
.contact-card .c-l{font-size:12.5px; color:var(--ink-3); font-weight:500}
.contact-card .c-v{
  font-family:'Tajawal',system-ui,sans-serif; font-weight:700; font-size:16.5px;
  color:var(--ink); line-height:1.45;
}
a.c-v{color:var(--lapis)}
a.c-v:hover{color:var(--brass)}

/* ── نموذج ── */
.form-grid{display:grid; grid-template-columns:1fr 1fr; gap:18px}
.form-grid .span2{grid-column:1/-1}
@media (max-width:640px){.form-grid{grid-template-columns:1fr}}