/* Sanktuaria i bazyliki mniejsze - dział Wiara (idea #486): lista /wiara/sanktuaria/ na portalu ogólnopolskim
   (ext/wiara/sanktuaria.tpl, _sanktuariaKarta.tpl, _sanktuariaMapa.tpl), wiersz na podstronie kościoła
   (_sanktuariaWiersz.tpl) i lista regionu. Osobny plik dołączany <link> z szablonów (przy zmianie podbij ?v=),
   bo css.css jest wspólny z innymi modułami. Mobile first, zmienne kolorów motywu theme/3 (tylko jasny).
   Kolor rangi w zmiennej --wsk-r z wariantu .tm-wsk-r-{ranga} - paleta identyczna z WiaraSanktuariaWidok::PALETA
   i wiaraSanktuaria.js (test WiaraSanktuariaCssTest). */

/* Paleta rang (kropki, legenda, pasek karty) */
.tm-wsk-r-miedzynarodowe{--wsk-r:#7b1fa2}
.tm-wsk-r-krajowe{--wsk-r:#c62828}
.tm-wsk-r-diecezjalne{--wsk-r:#1565c0}
.tm-wsk-r-lokalne{--wsk-r:#2e7d32}
.tm-wsk-r-bez_rangi{--wsk-r:#6d4c41}
.tm-wsk-r-bazylika{--wsk-r:#8d6e00}

/* Wstęp i licznik wyników */
.tm-wsk-lead{margin:0 0 16px;max-width:760px;font-size:15px;line-height:1.55;color:var(--txt-2)}
.tm-wsk-wynik{margin:12px 0 0;font-size:14px;color:var(--txt-2)}
.tm-wsk-brak{margin:16px 0;padding:14px 16px;border-radius:8px;background:var(--band);font-size:15px;line-height:1.5}
.tm-wsk-h2{margin:0;font-size:19px;line-height:1.3;font-weight:700;color:var(--txt-h)}
/* Zwijana grupa: summary z h2 i licznikiem, znacznik rozwinięcia własny, widoczny focus */
.tm-wsk-sum{display:flex;align-items:center;gap:10px;margin:20px 0 10px;padding:8px 4px;list-style:none;cursor:pointer;border-radius:6px}
.tm-wsk-sum::-webkit-details-marker{display:none}
.tm-wsk-sum::before{content:"";flex:none;width:0;height:0;border-style:solid;border-width:6px 0 6px 9px;border-color:transparent transparent transparent var(--txt-2);transition:transform .15s}
.tm-wsk-grupa[open]>.tm-wsk-sum::before{transform:rotate(90deg)}
.tm-wsk-sum:hover .tm-wsk-h2{color:var(--loc)}
.tm-wsk-sum:focus-visible{outline:2px solid var(--loc);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.tm-wsk-sum::before{transition:none}}

/* Filtry: linki (bez JS), aktywna opcja z aria-current */
.tm-wsk-filtry{margin:0 0 8px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#fff}
.tm-wsk-filtr{margin:0 0 10px}
.tm-wsk-filtr:last-child{margin-bottom:0}
.tm-wsk-filtr-h{display:block;margin:0 0 6px;font:600 12px var(--f-lab);letter-spacing:.06em;text-transform:uppercase;color:var(--txt-2)}
.tm-wsk-opcje{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.tm-wsk-opcja{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:4px 11px;border:1px solid var(--hair);border-radius:999px;background:#fff;color:var(--txt);font-size:13.5px;text-decoration:none}
.tm-wsk-opcja:hover{border-color:var(--loc);color:var(--loc)}
.tm-wsk-opcja[aria-current="true"]{border-color:var(--loc);background:var(--loc);color:#fff}
.tm-wsk-licz{font-size:12px;color:var(--txt-2)}
.tm-wsk-opcja[aria-current="true"] .tm-wsk-licz{color:#fff}
.tm-wsk-wyczysc{display:inline-block;margin-top:4px;font-size:13.5px;font-weight:600;color:var(--loc);text-decoration:underline;text-underline-offset:2px}

/* Grupy i karty */
.tm-wsk-grupa{margin:0}
.tm-wsk-lista{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;list-style:none}
.tm-wsk-karta{position:relative;padding:12px 14px 12px 16px;border:1px solid var(--line);border-left:4px solid var(--wsk-r,var(--loc));border-radius:8px;background:#fff}
.tm-wsk-nazwa{margin:0;font-size:16px;line-height:1.35;font-weight:700;color:var(--txt-h)}
.tm-wsk-nazwa a{color:inherit;text-decoration:none}
.tm-wsk-nazwa a:hover{color:var(--loc);text-decoration:underline;text-underline-offset:2px}
.tm-wsk-bud{margin:2px 0 0;font-size:13.5px;color:var(--txt-2)}
.tm-wsk-miejsce{margin:4px 0 0;font-size:14px;color:var(--txt)}
.tm-wsk-cechy{display:flex;flex-wrap:wrap;gap:4px 8px;margin:6px 0 0;padding:0;list-style:none;font-size:13px}
/* Kropka przy pierwszej linii i bez ściskania, gdy napis rangi się zawija */
.tm-wsk-ranga{display:inline-flex;align-items:flex-start;gap:6px;font-weight:600;color:var(--txt-h)}
.tm-wsk-ranga::before{content:"";display:inline-block;flex:none;width:9px;height:9px;margin-top:.4em;border-radius:50%;background:var(--wsk-r,var(--loc))}
.tm-wsk-typ{color:var(--txt-2)}
.tm-wsk-obiekt{margin:4px 0 0;font-size:14px;line-height:1.45;color:var(--txt)}
.tm-wsk-bazylika{margin:4px 0 0;font-size:13.5px;font-weight:600;color:var(--txt-h)}
.tm-wsk-dopisek{margin:4px 0 0;font-size:13px;color:var(--txt-2)}

/* Mapa: na telefonie po kliknięciu „Pokaż mapę” (CWV), na dużym ekranie miejsce zarezerwowane */
.tm-wsk-mapa-sec{scroll-margin-top:86px}
.tm-wsk-mapa-btn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 16px;border:1px solid var(--loc);border-radius:999px;background:#fff;color:var(--loc);font:600 14px var(--f-ui);cursor:pointer}
.tm-wsk-mapa-btn:hover{background:var(--loc-bg)}
.tm-wsk-mapa-btn[hidden]{display:none}
.tm-wsk-mapa{height:0;border-radius:8px;background:var(--loc-bg)}
.tm-wsk-mapa-on{height:340px;margin-top:12px}
.tm-wsk-mapa-blad{height:auto;padding:14px 16px;font-size:14px}
.tm-wsk-legenda{display:flex;flex-wrap:wrap;gap:6px 16px;margin:12px 0 0;padding:0;list-style:none;font-size:12.5px;color:var(--txt-2)}
.tm-wsk-legenda-poz{display:flex;align-items:center;gap:6px}
.tm-wsk-kolor{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--wsk-r,var(--loc))}
.tm-wsk-uwaga{margin:8px 0 0;font-size:13px;color:var(--txt-2)}

/* Dymek pinezki (skrypt mapy, DOM + textContent) */
.tm-wsk-pop{font-size:13px;line-height:1.4}
.tm-wsk-pop-n{display:block;font-weight:700;color:var(--txt);text-decoration:none}
a.tm-wsk-pop-n{color:var(--loc);text-decoration:underline;text-underline-offset:2px}
.tm-wsk-pop-r{display:block;margin-top:2px;color:var(--txt-2)}

/* Wiersz sanktuarium i bazyliki na podstronie kościoła */
.tm-wsk-wiersz{margin:0 0 16px;padding:10px 14px;max-width:760px;border-left:4px solid var(--wsk-r,var(--loc));border-radius:0 8px 8px 0;background:var(--band)}
.tm-wsk-wiersz-l{margin:0;font-size:15px;line-height:1.5;font-weight:600;color:var(--txt-h)}
.tm-wsk-wiersz-l+.tm-wsk-wiersz-l{margin-top:2px}
.tm-wsk-inne{display:inline-block;margin-top:4px;font-size:13.5px;font-weight:600;color:var(--loc);text-decoration:underline;text-underline-offset:2px}
.tm-wsk-najblizej{margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--txt)}

/* Lista „Sanktuaria w regionie” (strona działu w mieście) */
.tm-wsk-region .tm-wsk-inne{margin-top:10px}
.tm-wsk-region-lista{margin:0;padding:0;list-style:none}
.tm-wsk-region-poz{padding:8px 0 8px 12px;border-bottom:1px solid var(--line);border-left:3px solid var(--wsk-r,var(--loc));font-size:14px;line-height:1.45}
.tm-wsk-region-poz:last-child{border-bottom:0}
.tm-wsk-region-n{font-weight:700;color:var(--txt-h)}
.tm-wsk-region-n a{color:inherit;text-decoration:none}
.tm-wsk-region-n a:hover{color:var(--loc);text-decoration:underline;text-underline-offset:2px}
.tm-wsk-region-km{font-size:13px;color:var(--txt-2);white-space:nowrap}
.tm-wsk-region-o{display:block;margin-top:2px;font-size:13.5px;color:var(--txt-2)}
.tm-wsk-region-o .tm-wsk-ranga{font-weight:600}
.tm-wsk-region-o .tm-wsk-dopisek{margin:0}

/* Widoczny focus klawiatury */
.tm-wsk-opcja:focus-visible,.tm-wsk-wyczysc:focus-visible,.tm-wsk-nazwa a:focus-visible,.tm-wsk-mapa-btn:focus-visible,.tm-wsk-inne:focus-visible,.tm-wsk-region-n a:focus-visible,.tm-wsk-pop-n:focus-visible{outline:2px solid var(--loc);outline-offset:2px}

@media(min-width:700px){
.tm-wsk-lista{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:880px){
.tm-wsk-mapa-btn{display:none}
.tm-wsk-mapa{height:460px;margin-top:12px}
.tm-wsk-mapa-blad{height:auto}
}