/* اصلاحات مشترک همه‌ی نقشه‌های سایت.
 *
 * چرا یک فایل جدا: نقشه در ۱۴ قالب مختلف استفاده می‌شود و هر کدام تنظیمات خودش را داشت.
 * این فایل بلافاصله بعد از leaflet.css بارگذاری می‌شود تا روی همه اثر بگذارد.
 */

/* ── ۱) نقشه نباید روی هدر بیفتد ──
 * لیفلت برای لایه‌ها و کنترل‌هایش z-index تا ۱۰۰۰ می‌گذارد، ولی هدر سایت ۸۰ است؛
 * نتیجه این بود که نقشه و دکمه‌های زوم روی هدر می‌افتادند (مخصوصاً در موبایل که
 * هدر چسبان است). با دادن z-index صفر به خود ظرف نقشه، یک «زمینه‌ی چیدمان» تازه
 * ساخته می‌شود و همه‌ی z-index های داخلی لیفلت داخل همان محبوس می‌مانند.
 */
.leaflet-container {
    position: relative;
    z-index: 0;
    /* گوشه‌ی گرد ظرف را رعایت کند تا کاشی‌ها از کادر بیرون نزنند */
    max-width: 100%;
}

/* ── ۲) راهنمای حرکت دو انگشتی در موبایل ── */
.map-safe-wrap { position: relative; }
.map-safe-hint {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(17, 24, 39, 0.45);
    color: #fff;
    font-size: 0.85rem;
    font-weight: 700;
    text-align: center;
    padding: 12px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.25s ease;
}
.map-safe-hint.is-visible { opacity: 1; }
@media (max-width: 900px) {
    .map-safe-hint { display: flex; }
}