/* Pagini pe orașe: /localitate/…/ și /localitati/ (funcția „orase”). */

/* Evenimentele localității, sub titlu */
.loc-ev{margin-top:26px;padding:20px 22px 22px;border-radius:var(--raza);background:var(--roz)}
.loc-ev-cap{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.loc-ev-cap h2{font-size:20px;font-weight:800}
.loc-ev-grila{margin-top:14px}
.loc-ev .ev-card{background:var(--card)}
.loc-ev .ev-poza{width:84px;height:112px}
.loc-ev .ev-titlu{font-size:16px}

/* Toate localitățile */
.loc-grup{margin-top:34px}
.loc-grup h2{font-size:22px;font-weight:800;padding-bottom:10px;border-bottom:2px solid var(--text)}
.loc-grila{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.loc-grila-mica{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.loc-card{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:76px;padding:14px 18px;border-radius:var(--raza);border:1px solid var(--linie);background:var(--card);color:var(--text);transition:border-color .2s ease,background-color .2s ease}
.loc-grila-mica .loc-card{min-height:56px;padding:10px 14px}
.loc-card:hover{border-color:var(--acc);background:var(--roz);color:var(--text)}
.loc-nume{font-size:18px;font-weight:800;line-height:1.2}
.loc-grila-mica .loc-nume{font-size:15px}
.loc-nr{font-size:13px;font-weight:600;color:var(--muted)}
.loc-card:hover .loc-nume{color:var(--acc-text)}

@media (max-width:700px){
  .loc-ev{padding:16px 14px}
  .loc-ev .ev-poza{width:72px;height:96px}
  .loc-grila{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .loc-card{min-height:64px;padding:12px 14px}
  .loc-nume{font-size:16px}
}
@media (prefers-reduced-motion:reduce){.loc-card{transition:none}}