/* localitate.css — arhetipul Localitate, pe niveluri (DESIGN-SPEC §6): capul cu fișa localității, satele, localitățile în care am lucrat,
   orașele și comunele județului, întrebările, chemarea. Vine după comun.css (firimiturile, caroiajul, întrebările, sursele, chemarea sunt acolo);
   culorile vin numai din tokens.css. Fără JS și fără poze: locul fiecărei poze nu e știut. */

/* Capul: textul pe coloana de 720 px; fișa, cu cifrele din JSON, lângă el pe desktop și sub butoane pe mobil */
.loc-cap { padding-block: var(--acd-sp-card) var(--acd-sp-sectiune); }
.loc-cap__grila { display: grid; gap: var(--acd-sp-titlu); margin-top: var(--acd-sp-micro); }
.loc-cap__text { display: grid; gap: var(--acd-sp-card); max-width: var(--acd-coloana); align-content: start; }
.loc-cap__lede { font-size: 1.25rem; line-height: 1.5; }
/* P1 (S25b): pe telefon, harta vine sub H1, apoi lede-ul, butoanele și fișa; de la 1024, textul și fișa în stânga, harta în dreapta pe toată înălțimea */
@media (min-width: 1024px) {
  .loc-cap__grila { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); grid-template-rows: auto auto 1fr; gap: 0 var(--acd-sp-rand); align-items: start; }
  .loc-cap__grila > .harta { grid-area: 1 / 2 / 4 / 3; }
  .loc-cap__grila > .loc-cap__rest { grid-area: 2 / 1; margin-top: var(--acd-sp-card); }
  .loc-cap__grila > .fisa { grid-area: 3 / 1; margin-top: var(--acd-sp-titlu); }
}

/* Fișa: elementul de lumină-semnătură al paginii (umbra treptei, 1 pe pagină, §7) */
.fisa { background-color: var(--acd-alb); padding: var(--acd-sp-card); box-shadow: var(--acd-umbra-semnatura); outline: 2px solid color-mix(in srgb, var(--acd-ardezie) 12%, var(--acd-ceata)); outline-offset: -2px; }
.fisa__titlu { font: 700 var(--acd-eticheta) / 1.2 var(--acd-font-titlu); letter-spacing: .08em; text-transform: uppercase; color: var(--acd-otel); }
.fisa dl { margin-top: var(--acd-sp-card); }
.fisa__rand { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: var(--acd-sp-card); padding-block: 14px; border-top: 2px solid color-mix(in srgb, var(--acd-ardezie) 12%, var(--acd-ceata)); }
.fisa__rand dt { font-weight: 700; line-height: 1.35; padding-top: .35em; }
.fisa__rand dd { display: grid; gap: 4px; }
.fisa__cifra { font: 700 clamp(1.75rem, 1.4rem + 1.2vw, 2.25rem) / 1.1 var(--acd-font-titlu); color: var(--acd-ardezie); }
.fisa__nota { font-size: var(--acd-mic); line-height: 1.45; color: var(--acd-otel); }
.fisa__surse { padding-top: 14px; border-top: 2px solid color-mix(in srgb, var(--acd-ardezie) 12%, var(--acd-ceata)); font-size: var(--acd-mic); line-height: 1.5; color: var(--acd-otel); }
.fisa__surse a { color: var(--acd-ardezie); text-underline-offset: .2em; }
@media (min-width: 768px) { .fisa { padding: var(--acd-sp-titlu); } }

/* Satele: fiecare e o țintă întreagă spre WhatsApp, cu numele satului deja în mesaj */
.sate { list-style: none; display: grid; gap: var(--acd-sp-card); }
.sat { display: grid; gap: 6px; height: 100%; padding: var(--acd-sp-card); background-color: var(--acd-alb); color: var(--acd-ardezie); text-decoration: none;
  outline: 2px solid color-mix(in srgb, var(--acd-ardezie) 12%, var(--acd-ceata)); outline-offset: -2px; }
.sat:hover { box-shadow: var(--acd-umbra-treapta); }
.sat:focus-visible { outline: 3px solid var(--acd-ardezie); outline-offset: 2px; }
.sat__nume { font: 600 var(--acd-h3) / 1.25 var(--acd-font-titlu); }
.sat__meta { font-size: var(--acd-mic); line-height: 1.45; color: var(--acd-otel); }
.sat__wa { display: inline-flex; align-items: center; gap: .1em; margin-top: 4px; font-weight: 700; text-decoration: underline; text-decoration-color: var(--acd-padure); text-underline-offset: .25em; }
.sat__wa .semn { color: var(--acd-padure); }
@media (min-width: 640px) { .sate { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .sate { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.loc__vecini { max-width: var(--acd-coloana); margin-top: var(--acd-sp-titlu); line-height: 1.6; }
.loc__vecini a { font-weight: 700; text-underline-offset: .25em; }
.loc__vecini a:hover { text-decoration-color: var(--acd-padure); }
.loc__vecini .semn { color: var(--acd-padure); }

/* Lucrările: cadrul rămâne, gol, cu caroiajul (al treilea loc numărat, E16), până vin pozele cu loc */
/* Lucrările: doar localitățile în care am lucrat (comun.LUCRARI_JUDET), fiecare cu județul; nu sunt legături */
.lucrate { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--acd-sp-card); }
.lucrat { display: grid; gap: 6px; padding: var(--acd-sp-card); background-color: var(--acd-alb); border-top: 4px solid var(--acd-padure);
  outline: 2px solid color-mix(in srgb, var(--acd-ardezie) 12%, var(--acd-ceata)); outline-offset: -2px; }
.lucrat__nume { font: 600 var(--acd-h3) / 1.25 var(--acd-font-titlu); }
.lucrat__judet { font-size: var(--acd-mic); line-height: 1.45; color: var(--acd-otel); }
@media (min-width: 1024px) { .lucrate { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.loc__mai-mult { margin-top: var(--acd-sp-card); }
.loc__mai-mult a { display: inline-flex; align-items: center; gap: .1em; min-height: 44px; font-weight: 700; text-underline-offset: .25em; }
.loc__mai-mult a:hover { text-decoration-color: var(--acd-padure); }
.loc__mai-mult .semn { color: var(--acd-padure); }

/* Orașele și comunele județului: grupele pe verticala secțiunii, numele pe coloane; doar paginile care există au legătură */
.uat-grupe { display: grid; gap: var(--acd-sp-titlu); }
.uat-grupa h3 { padding-bottom: 10px; border-bottom: 2px solid color-mix(in srgb, var(--acd-ardezie) 14%, var(--acd-ceata)); }
.uat-grupa h3 .tnum { font-weight: 600; color: var(--acd-otel); }
.uat-lista { list-style: none; columns: 2; column-gap: var(--acd-sp-card); margin-top: 12px; }
.uat-lista li { break-inside: avoid; display: flex; align-items: center; min-height: 36px; line-height: 1.3; }
.uat-lista a { display: inline-flex; align-items: center; gap: .1em; min-height: 36px; font-weight: 700; text-underline-offset: .25em; text-decoration-color: var(--acd-padure); }
.uat-lista .semn { color: var(--acd-padure); }
@media (min-width: 768px) { .uat-lista { columns: 3; } }
@media (min-width: 1024px) {
  .uat-grupe { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--acd-sp-rand); }
  .uat-grupa--com { grid-column: 1 / -1; }
  .uat-grupa--com .uat-lista { columns: 5; }
  .uat-grupa--mun .uat-lista, .uat-grupa--ora .uat-lista { columns: 2; }
}

/* Sursele, sub întrebări sau sub liste, pe verticala lor */
.loc__surse { margin-top: var(--acd-sp-titlu); padding-top: var(--acd-sp-card); border-top: 2px solid color-mix(in srgb, var(--acd-ardezie) 14%, var(--acd-ceata)); max-width: var(--acd-coloana); }
.loc__surse h3 { font-size: 1.125rem; }
.intrebari .raspuns a { text-underline-offset: .2em; }
.intrebari .raspuns a:hover { text-decoration-color: var(--acd-padure); }
/* v25 · S24b: fișa, pe panoul închis (comun.css) */
.fisa.pe-inchis .fisa__titlu { color: var(--acd-cer); }
.fisa.pe-inchis .fisa__rand, .fisa.pe-inchis .fisa__surse { border-top-color: rgb(248 250 252 / .12); }
.fisa.pe-inchis .fisa__cifra { color: var(--acd-neon); text-shadow: var(--acd-stralucire); }
.fisa.pe-inchis .fisa__nota, .fisa.pe-inchis .fisa__surse { color: color-mix(in srgb, var(--acd-ceata) 80%, var(--acd-ardezie)); }
.fisa.pe-inchis .fisa__surse a { color: var(--acd-ceata); text-decoration-color: var(--acd-neon); }

/* Hub-ul /unde-lucram/: județele, pe coloane; fiecare cu numărul orașelor și al comunelor (SIRUTA) */
.hub-judete { list-style: none; display: grid; gap: 0 var(--acd-sp-card); }
.hub-judete li { display: grid; gap: 2px; padding-block: 10px; border-bottom: 1px solid color-mix(in srgb, var(--acd-ardezie) 12%, var(--acd-ceata)); }
.hub-judet__nume { font: 600 1.0625rem / 1.35 var(--acd-font-titlu); }
.hub-judet__nume a { display: inline-flex; align-items: center; gap: .1em; min-height: 32px; text-underline-offset: .25em; text-decoration-color: var(--acd-padure); }
.hub-judet__nume .semn { color: var(--acd-padure); }
.hub-judet__sub { font-size: var(--acd-mic); color: var(--acd-otel); }
@media (min-width: 640px) { .hub-judete { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .hub-judete { grid-template-columns: repeat(3, minmax(0, 1fr)); } }