/* Strony lokalne (templates/tpl-lokalna.php) i sekcja „Obszar działania” na stronie usług. Tylko zmienne z main.css. */

/* Ramka w nagłówku strony: adres biura albo skrót pracy zdalnej. */
.lok-bok{padding:1.75rem;border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--white)}
.lok-bok__adres{margin-bottom:1.25rem;font-family:var(--f-serif);font-size:1.375rem;font-style:normal;font-weight:600;line-height:1.25}
.lok-bok__dane{margin:0 0 1.5rem;display:grid;grid-template-columns:auto 1fr;border-top:1px solid var(--line)}
.lok-bok__dane dt,.lok-bok__dane dd{margin:0;padding:.7rem 0;border-bottom:1px solid var(--line)}
.lok-bok__dane dt{padding-right:1.5rem;font-size:.9063rem;color:var(--text-3)}
.lok-bok__dane dd{font-weight:550;overflow-wrap:anywhere}
.lok-bok__dane a{color:var(--forest)}
.lok-bok__lista{list-style:none;display:grid;gap:.75rem;margin-bottom:1.25rem}
.lok-bok__lista li{display:flex;gap:.7rem;align-items:flex-start;font-weight:550;line-height:1.4}
.lok-bok__lista .ico{width:20px;height:20px;padding:3px;border-radius:50%;background:var(--forest);color:#fff;margin-top:.1rem}
.lok-bok__stopka{padding-top:1rem;border-top:1px solid var(--line);font-size:.875rem;color:var(--text-3)}

/* Wiersze z ikoną: dojazd, parkowanie, praca zdalna. */
.lok-wiersze{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(2rem,5vw,4rem);border-top:1px solid var(--line-2)}
.lok-wiersze li{display:flex;gap:1.1rem;align-items:flex-start;padding:1.5rem 0;border-bottom:1px solid var(--line-2)}
.lok-wiersze>li>.ico{width:28px;height:28px;margin-top:.1rem;color:var(--forest)}
.lok-wiersze h3{margin-bottom:.4rem;font-size:1.125rem}
.lok-wiersze p{color:var(--text-2);font-size:.9688rem}
.lok-wiersze:has(li:nth-child(3):last-child) li:last-child{grid-column:1/-1}

/* Urzędy: instytucja po lewej, opis po prawej. */
.lok-dl{margin:0;border-top:1px solid var(--line-2)}
.lok-dl>div{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:.5rem clamp(1.5rem,4vw,3.5rem);padding:1.5rem 0;border-bottom:1px solid var(--line-2)}
.lok-dl dt{font-family:var(--f-serif);font-size:1.1875rem;font-weight:600;line-height:1.25}
.lok-dl dd{margin:0;max-width:46rem;color:var(--text-2)}
.lok-dl dd p{margin-bottom:.75em}
.lok-dl dd strong,.lok-dwa dd strong{color:var(--ink);font-weight:650}
.lok-zrodlo{margin:.75rem 0 0;font-size:.8438rem;color:var(--text-3)}
.lok-zrodlo a{color:var(--text-2);text-decoration-color:var(--line-2)}
.lok-zrodlo a:hover{color:var(--forest);text-decoration-color:currentColor}
.lok-stan{margin-top:1.25rem;font-size:.8438rem;color:var(--text-3)}

/* Porównanie dwóch miast. */
.lok-dwa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.lok-dwa__kol{padding:1.75rem;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white)}
.lok-dwa__kol h3{margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--forest);font-family:var(--f-serif);font-size:1.375rem;font-weight:600}
.lok-dwa dl{margin:0}
.lok-dwa dt{margin-top:1.1rem;font-size:.8125rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--moss)}
.lok-dwa dt:first-child{margin-top:0}
.lok-dwa dd{margin:.3rem 0 0;color:var(--text-2);font-size:.9688rem}
.lok-dopisek{margin-top:1.5rem;max-width:52rem;color:var(--text-2);font-size:.9688rem}

/* Karty „dwa sposoby pracy” i „narzędzia”: jak .feat, bez numeru. */
.lok-karta{display:flex;flex-direction:column;align-items:flex-start}
.lok-karta p{margin-bottom:1rem}
.lok-karta .btn--link{margin-top:auto;font-size:.9375rem}

/* Usługi z ceną. */
.lok-uslugi{list-style:none;border-top:1px solid var(--line-2);margin-bottom:1rem}
.lok-uslugi li{border-bottom:1px solid var(--line-2)}
.lok-uslugi a{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:1.25rem;align-items:center;min-height:44px;padding:1.1rem 0;text-decoration:none}
.lok-uslugi a>.ico{width:26px;height:26px;color:var(--forest)}
.lok-uslugi__nazwa strong{display:block;font-family:var(--f-serif);font-size:1.1875rem;font-weight:600;line-height:1.25}
.lok-uslugi__nazwa small{display:block;margin-top:.15rem;font-size:.9063rem;color:var(--text-3)}
.lok-uslugi__cena{font-weight:650;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.lok-uslugi a:hover strong{color:var(--forest);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.lok-uslugi__dopisek{margin-bottom:1.5rem}

/* Karty z odnośnikami do stron lokalnych. */
.lok-karty{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.lok-karty--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lok-karty a{position:relative;display:flex;flex-direction:column;gap:.5rem;height:100%;padding:1.75rem 3.5rem 1.75rem 1.75rem;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white);text-decoration:none;transition:border-color .15s}
.lok-karty a:hover{border-color:var(--forest)}
.lok-karty h2,.lok-karty h3{font-family:var(--f-serif);font-size:1.25rem;font-weight:600;letter-spacing:-.012em;line-height:1.22}
.lok-karty p{color:var(--text-2);font-size:.9375rem;line-height:1.5}
.lok-karty .ico{position:absolute;right:1.5rem;top:1.75rem;width:22px;height:22px;color:var(--moss)}

@media (max-width:960px){
	.lok-karty--3{grid-template-columns:1fr}
}
@media (max-width:760px){
	.lok-wiersze,.lok-dwa,.lok-karty{grid-template-columns:1fr}
	.lok-dl>div{grid-template-columns:1fr}
	.lok-uslugi a{grid-template-columns:24px minmax(0,1fr);gap:.4rem 1rem;align-items:start}
	.lok-uslugi a>.ico{width:22px;height:22px;margin-top:.15rem}
	.lok-uslugi__cena{grid-column:2;text-align:left;white-space:normal}
	.lok-karty a{padding:1.5rem 3rem 1.5rem 1.5rem}
	.lok-karty .ico{right:1.25rem;top:1.5rem}
}
/* Cele dotykowe na ekranach dotykowych */
@media (pointer:coarse),(max-width:760px){
	.lok-zrodlo a{display:inline-flex;align-items:center;min-height:44px}
	.lok-bok__dane dd a{display:inline-block;padding-block:.7rem;margin-block:-.7rem}
}