/*
Стылі геа-блока «Дзе гэта» (template-parts/geo-map.php, CONTRACT-inline-map.md §2/§4).
Грузіцца заўсёды на singular tkl_course/tkl_school (нават без мапы: global reset
у style.css абнуляе margin ва ўсіх элементаў, тэкставы варыянт стану 'none'
таксама патрабуе сваіх адступаў). JS+Leaflet-вендар — толькі калі стан !== 'none'
(inc/enqueue.php). Токены (--green, --border, --radius, --bg-soft-2, ...) — з
style.css, новых не вынаходзім.
*/
.geo-block{margin-top:1.5rem}
.geo-title{margin-bottom:.75rem}
.geo-map{height:280px;border-radius:var(--radius);background:var(--bg-soft-2)}
/*
Плэйсхолдэр (кнопка + падказка) цэнтруецца слупком, пакуль мапа не
ініцыялізаваная кліком. Селектар :not(.leaflet-container) абавязковы: пасля
L.map(el) у geo-map.js Leaflet сам дадае клас leaflet-container на ГЭТЫ Ж
элемент (.geo-map з палатном ужо не пусты, але клас застаецца), і без гэтай
агаворкі flex/цэнтраванне ламалі б раскладку тайлаў і zoom-control усярэдзіне
палатна. Пасля ініцыялізацыі правілы ніжэй самі адвальваюцца — новы клас
робіць селектар няправільным.
*/
.geo-map:not(.leaflet-container){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;text-align:center;padding:0 1rem}
/* Стыль пад .btn--ghost тэмы (style.css) — токены, не новыя колеры. Клас не
   .btn, бо кантракт задае плэйсхолдэр як самастойны markup (geo-map.php). */
.geo-map-load{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1.25rem;font-weight:600;font-size:.95rem;border-radius:var(--radius-sm);border:2px solid var(--border);background:#fff;color:var(--green);cursor:pointer;transition:background-color .15s,border-color .15s,opacity .15s}
.geo-map-load:hover{border-color:var(--green);background:var(--bg-soft);opacity:1}
/* :focus-visible глабальны (style.css) дае бачны outline — тут яго НЕ гасім. */
.geo-map-hint{color:var(--text-2);font-size:.8rem}
/*
Leaflet-дэфолт .leaflet-div-icon дае маркеру белы фон + шэрую рамку — наша
шпілька праз divIcon (tkl-pin) без гэтага здымку выглядала б як SVG у белым
квадраціку. tkl-map.css, дзе такое магло б ляжаць, на гэтых старонках не
грузіцца (нам не патрэбны кластэрны CSS), таму здымаем тут і scoped на .geo-map —
галоўная старонка не закранаецца.
*/
.geo-map .leaflet-div-icon{background:transparent;border:0}
.geo-address{margin-top:.65rem;color:var(--text-2);font-size:.9rem}
.geo-note{color:var(--text-2);font-size:.9rem}
.geo-links{margin-top:.75rem;font-size:.88rem}
/* underline абавязковы: axe link-in-text-block лічыць колер без падкрэслення
   недастатковым адрозненнем (лавілі на картках рэсурсаў). */
.geo-links a{color:var(--green);font-weight:600;text-decoration:underline}
@media(min-width:900px){
  .single-layout--with-map{max-width:1200px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:2rem;align-items:start}
  .single-layout--with-map .geo-block{margin-top:0}
}