/* VILLETTA KALOS — integrazioni al template maris-terra (assets/extra.css).
   Si carica DOPO gli altri fogli: qui stanno solo le differenze rispetto al donatore,
   cioe' la griglia a due unita' della home, le foto nelle card dei dintorni e il
   contenitore della mappa Leaflet/OpenStreetMap. */

/* ---- home: la griglia destinazioni usata con due sole unita' ---- */
.hm-dest.due { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 820px) { .hm-dest.due { grid-template-columns: 1fr; } }
.hm-dest article.linkata { padding: 0; transition: transform 0.5s var(--ease), box-shadow 0.5s var(--ease), border-color 0.3s; }
.hm-dest article.linkata:hover { transform: translateY(-4px); box-shadow: 0 30px 60px -30px rgba(26,20,16,0.28); border-color: var(--oro); }
.hm-dest article.linkata > a { display: flex; flex-direction: column; flex: 1; color: inherit; }
.hm-dest .hm-dest-go { margin-top: 4px; padding-top: 14px; border-top: 1px solid var(--ink-10);
  font-size: 11.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--terra); display: inline-flex; align-items: center; gap: 10px; }
.hm-dest .hm-dest-go::after { content: ''; width: 18px; height: 1.5px; background: currentColor; }
.hm-dest .hm-dati { margin-top: 2px; }
.hm-dest .hm-dati span { font-size: 10.5px; padding: 6px 12px; }

/* ---- dintorni: le card dell'hub hanno la foto del luogo ---- */
.dn-card { padding: 0; overflow: hidden; }
.dn-card-foto { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.dn-card-in { padding: clamp(24px, 2.6vw, 32px) clamp(24px, 2.6vw, 30px) clamp(26px, 2.8vw, 32px);
  display: flex; flex-direction: column; flex: 1; }
.dn-card-in .dn-card-top { margin-bottom: 14px; }

/* ---- mappa Leaflet / OpenStreetMap ---- */
.hm-mappa #mapContainer, .hm-mappa .map-container { width: 100%; height: 100%; min-height: 420px; }
.leaflet-container { font: inherit; }
.leaflet-popup-content { font-size: 13px; line-height: 1.55; }
.leaflet-popup-content b { font-weight: 700; }
.leaflet-control-attribution { font-size: 10px; }

/* ---- pagine camera: la barra mobile non deve coprire il lanciatore della chat ---- */
@media (max-width: 900px) { #azc-launcher { bottom: 88px; } }

/* ---- fascia: il claim del cliente sta su due righe ---- */
.hm-band-sub { margin-top: 14px; font-family: var(--font-script); font-size: clamp(22px, 3.2vw, 34px);
  line-height: 1.25; color: var(--oro); }

/* ---- recensioni: al posto delle stelle c'e' la fonte, non un punteggio inventato ---- */
.hm-rev-card .hm-rev-stars { letter-spacing: 0.14em; font-size: 10px; font-weight: 700;
  text-transform: uppercase; color: var(--oro); }