/* ==========================================================================
   mtemps6 — LOCATIONS (loc)  "من فين لفين؟" — خريطة كرافت مبسّطة (طرق + نهر)
   ودبابيس، اختار من/إلى وزرار تبديل، والمسار بيترسم (stroke-dashoffset) وشاحنة
   صغيرة بتمشي عليه + شاحنة 3D طايرة. تحت: كل المناطق كملصقات.
   ========================================================================== */
.mtemps6-loc-grid { display: grid; gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.mtemps6-loc-copy .mtemps6-ui-head { margin-block-end: var(--mtemps6-sp-5); }
.mtemps6-loc-form { display: grid; grid-template-columns: 1fr auto 1fr; align-items: end; gap: var(--mtemps6-sp-3); margin-block-end: var(--mtemps6-sp-4); }
.mtemps6-loc-swap { display: grid; place-items: center; width: 3.1rem; height: 3.1rem; border: var(--mtemps6-bw) solid var(--mtemps6-deep); border-radius: 50%; background: var(--mtemps6-accent); color: var(--mtemps6-on-accent); transition: transform var(--mtemps6-dur-3) var(--mtemps6-ease-spring); }
.mtemps6-loc-swap:hover { transform: rotate(180deg); }
.mtemps6-loc-result { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mtemps6-sp-2); margin-block-end: var(--mtemps6-sp-4); color: var(--mtemps6-muted); }
.mtemps6-loc-result i { color: var(--mtemps6-whatsapp); }
.mtemps6-loc-result strong { color: var(--mtemps6-text); }
.mtemps6-loc-map { position: relative; }
.mtemps6-loc-svg { width: 100%; height: auto; border-radius: var(--mtemps6-r-lg); box-shadow: var(--mtemps6-shadow-lift); }
.mtemps6-loc-land { fill: var(--mtemps6-bg-2); }
.mtemps6-loc-river { fill: none; stroke: var(--mtemps6-primary-soft); stroke-width: 16; stroke-linecap: round; }
.mtemps6-loc-roads { fill: none; stroke: var(--mtemps6-paper); stroke-width: 7; }
.mtemps6-loc-route-bg { fill: none; stroke: var(--mtemps6-deep); stroke-width: 7; stroke-linecap: round; opacity: 0.18; }
.mtemps6-loc-route { fill: none; stroke: var(--mtemps6-deep); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 10 8; }
.mtemps6-loc.mtemps6-is-drawn .mtemps6-loc-route { animation: mtemps6-loc-dash 1.2s linear infinite; }
@keyframes mtemps6-loc-dash { to { stroke-dashoffset: -18; } }
.mtemps6-loc-pin-ring { fill: var(--mtemps6-surface); stroke: var(--mtemps6-deep); stroke-width: 2.5; transition: fill var(--mtemps6-dur-2); }
.mtemps6-loc-pin-dot { fill: var(--mtemps6-deep); }
.mtemps6-loc-pin-label { fill: var(--mtemps6-text); font-family: var(--mtemps6-font); font-size: 12px; font-weight: var(--mtemps6-fw-bold); paint-order: stroke; stroke: var(--mtemps6-bg-2); stroke-width: 4px; }
.mtemps6-loc-pin.mtemps6-is-from .mtemps6-loc-pin-ring, .mtemps6-loc-pin.mtemps6-is-to .mtemps6-loc-pin-ring { fill: var(--mtemps6-accent); }
.mtemps6-loc-pin.mtemps6-is-to .mtemps6-loc-pin-dot { fill: var(--mtemps6-primary); }
.mtemps6-loc-truck rect { fill: var(--mtemps6-cardboard-2); }
.mtemps6-loc-truck path { fill: var(--mtemps6-primary); }
.mtemps6-loc-truck circle { fill: var(--mtemps6-deep); }
/* الخريطة مش بتتقلب في LTR، فمكان الشاحنة فيزيائي (ركن فاضي فوق يمين) */
.mtemps6-loc-art { position: absolute; top: -2.25rem; right: -1rem; width: 28%; }
.mtemps6-loc-areas { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--mtemps6-sp-2); margin: clamp(3rem, 6vw, 4rem) 0 0; padding: 0; list-style: none; }
.mtemps6-loc-areas li { display: inline-flex; align-items: center; gap: var(--mtemps6-sp-2); padding: 0.4rem 0.9rem; border: var(--mtemps6-hair) dashed var(--mtemps6-line-2); border-radius: var(--mtemps6-r-xs); background: var(--mtemps6-paper); font-weight: var(--mtemps6-fw-semibold); }
.mtemps6-loc-areas i { color: var(--mtemps6-primary); }
@media (min-width: 1024px) { .mtemps6-loc-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); } }
@media (max-width: 480px) { .mtemps6-loc-form { grid-template-columns: 1fr; } .mtemps6-loc-swap { justify-self: center; transform: rotate(90deg); } .mtemps6-loc-swap:hover { transform: rotate(270deg); } }
@media (prefers-reduced-motion: reduce) { .mtemps6-loc.mtemps6-is-drawn .mtemps6-loc-route { animation: none; } }