/* ==========================================================================
   map-controls-polish.css — ظریف‌سازیِ ظاهریِ دکمه‌ها/کنترل‌هایِ نقشه (فقط CSS)
   به‌درخواستِ فرشاد: فقط «محلِ قرارگیری، قالبِ ظاهری، دکمه‌ها» — بدونِ هیچ تغییری
   در منطق/شناسه‌هایِ استفاده‌شده توسطِ map-home.js. لایه/دیتا/عملکردِ نقشه دست‌نخورده.
   هماهنگ با زبانِ بصریِ تازه‌ی سایت (سایه‌یِ ظریف، لهجه‌یِ طلایی/جنگلی).
   بازگشت: حذفِ این فایل و لینکِ آن در base.html.
   ========================================================================== */

/* --- دکمه‌هایِ لایه و تبِ بخش‌ها: عمقِ ظریف + بازخوردِ لمسیِ بهتر --- */
.map-section-tab, .layer-toggle-btn, .gesture-lock-box {
    box-shadow: 0 1px 2px rgba(28, 25, 23, .06);
    transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, border-color .2s ease, transform .15s ease;
}
@media (hover: hover) {
    .map-section-tab:hover, .layer-toggle-btn:hover { box-shadow: 0 4px 10px rgba(28, 25, 23, .10); transform: translateY(-1px); }
}
.map-section-tab:active, .layer-toggle-btn:active { transform: translateY(0); }
.map-section-tab.open { box-shadow: 0 2px 8px rgba(181, 132, 46, .28); }
.layer-toggle-btn.active { box-shadow: 0 2px 8px rgba(31, 77, 58, .22); }

/* --- کلیدِ «قفلِ حرکت با دو انگشت»: از رنگِ خنثی به لهجه‌ی طلاییِ خودِ سایت --- */
.gesture-lock-box input:checked ~ .gesture-lock-switch { background: var(--gold-deep, #B5842E); }

/* --- نوارِ کنترل‌ها: جداییِ ظریف‌تر از نقشه --- */
.map-controls-bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), 0 2px 6px rgba(28, 25, 23, .05); }

/* --- بج‌ِ کِردیتِ GIS: کمی برجسته‌تر با hover --- */
.gis-credit-badge { border-radius: 10px; padding: 6px 8px; margin-inline: -8px; transition: background-color .2s ease; }
@media (hover: hover) { .gis-credit-badge:hover { background: rgba(181, 132, 46, .08); } }

/* --- فوکوسِ کیبورد رویِ کنترل‌ها (دسترس‌پذیری) --- */
.map-section-tab:focus-visible, .layer-toggle-btn:focus-visible, .gesture-lock-box:focus-within {
    outline: 2px solid var(--gold, #E8A020); outline-offset: 1px;
}

html.a11y-contrast .map-section-tab, html.a11y-contrast .layer-toggle-btn, html.a11y-contrast .gesture-lock-box { box-shadow: none; }
html.a11y-motion-off .map-section-tab, html.a11y-motion-off .layer-toggle-btn { transition: none !important; }
@media (prefers-reduced-motion: reduce) { .map-section-tab, .layer-toggle-btn { transition: none !important; } }