/* Strony „cena badania w mieście" (class-strony-cen.php). Tylko dopiski
   ponad styles.css - nagłówek, pigułki, karty ofert i panele biorą się
   stamtąd bez zmian, bo szablon używa tych samych klas co porównywarka. */

.lc-cena .lp-facts { margin:14px 0 2px; }
.lc-cena .offers { margin-bottom:6px; }
.lc-cena .related { margin-top:12px; }
.lc-cena .lc-dalej .panel { display:flex; flex-direction:column; align-items:flex-start; }
.lc-cena .lc-dalej .sub { flex:1; }

/* Strony zbiorcze /cena/{badanie}/ i /cena/miasto/{miasto}/ - prosta lista
   zamiast kart ofert (tu nie porównujemy sieci, tylko pokazujemy najtańszą
   opcję per miasto/badanie i prowadzimy dalej do właściwej strony). */
.lc-hub-lista { display:flex; flex-direction:column; gap:1px; background:var(--border); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; margin:18px 0; }
.lc-hub-wiersz { display:flex; align-items:center; justify-content:space-between; gap:14px; background:var(--surface); padding:14px 18px; text-decoration:none; color:inherit; }
.lc-hub-wiersz:hover { background:var(--surface-2); }
.lc-hub-wiersz .lc-hub-nazwa { font-weight:600; font-size:15px; }
.lc-hub-wiersz .lc-hub-kategoria { font-size:12px; color:var(--ink-3); margin-top:1px; }
.lc-hub-wiersz .lc-hub-cena { text-align:right; flex:none; }
.lc-hub-wiersz .lc-hub-kwota { font-size:17px; font-weight:800; font-variant-numeric:tabular-nums; }
.lc-hub-wiersz .lc-hub-siec { font-size:11.5px; color:var(--ink-3); }
.lc-hub-wiersz.najtansze .lc-hub-kwota { color:var(--save); }
.lc-hub-wiersz.najtansze { border-left:3px solid var(--save); }
@media (max-width:600px) {
  .lc-hub-wiersz { padding:12px 14px; }
  .lc-hub-wiersz .lc-hub-nazwa { font-size:14px; }
}

/* "Gdzie zrobić" na stronach liściach (2026-09-17) - realne adresy
   najbliższe centrum miasta, per sieć. Karty w rzędzie na desktopie,
   jedna kolumna na telefonie (tak jak reszta strony). */
.lc-punkty { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:12px; margin:4px 0 10px; }
.lc-punkty-siec { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:14px 16px; }
.lc-punkty-siec-nazwa { font-weight:700; font-size:13.5px; color:var(--ink); margin-bottom:8px; }
.lc-punkty-siec-n { font-weight:400; color:var(--ink-3); font-size:12px; }
.lc-punkt { display:flex; justify-content:space-between; gap:10px; font-size:13px; padding:5px 0; border-top:1px solid var(--border); }
.lc-punkt:first-of-type { border-top:0; }
.lc-punkt-adres { color:var(--ink-2); }
.lc-punkt-km { color:var(--ink-3); font-size:11.5px; white-space:nowrap; font-variant-numeric:tabular-nums; }

/* <details> jest natywnie dostępny (klawiatura/czytniki ekranu za darmo) i
   Google liczy jego zawartość tak samo jak resztę tekstu - to nie jest
   ukrywanie treści, tylko porządkowanie jej dla człowieka. Tekst przełącza
   się między "pokaż"/"zwiń" (2026-09-17, user: "brakuje przycisku zwiń") -
   dwa <span>, jeden ukryty CSS-em zależnie od atrybutu [open] na <details>. */
.lc-punkty-wiecej summary { cursor:pointer; font-size:12px; color:var(--accent-ink); font-weight:600; padding:6px 0 2px; list-style:none; }
.lc-punkty-wiecej summary::-webkit-details-marker { display:none; }
.lc-punkty-wiecej[open] summary { margin-bottom:2px; }
.lc-punkty-wiecej .lc-pw-otwarte { display:none; }
.lc-punkty-wiecej[open] .lc-pw-zamkniete { display:none; }
.lc-punkty-wiecej[open] .lc-pw-otwarte { display:inline; }

/* Mapa Leaflet - wysokość stała, bo mapa bez zdefiniowanej wysokości po
   prostu nie rysuje kafelków (Leaflet nie zgaduje rozmiaru z rodzica).
   Wariant -kraj (huby badania, wszystkie miasta naraz) jest wyższy - mapa
   całej Polski w 280px wygląda na pasek, potrzebuje więcej miejsca na
   wysokości niż mapa jednego miasta. */
.lc-mapa { height:280px; border-radius:var(--radius); border:1px solid var(--border); margin:4px 0 6px; background:var(--surface-2); }
.lc-mapa-kraj { height:420px; }
.lc-mapa .leaflet-popup-content { font-family:var(--font); font-size:13px; }
@media (max-width:600px) { .lc-mapa { height:220px; } .lc-mapa-kraj { height:320px; } }