/* ==========================================================================
   COME ARRIVARE - layout 2026 (Figma "Come arrivare")
   ========================================================================== */

/** mappe delle localita' (tab_gallery, gruppo COME_ARRIVARCI_MAPPE) ***/
.mappa-localita {
  border-radius: 40px;
  max-height: 700px;
}

/** dettagli sulle localita' (tab_sede) ***/
/* arrivando con l'ancora #luoghi il titolo non deve finire sotto il menu fisso */
#luoghi {
  scroll-margin-top: 120px;
}

.elenco-luoghi {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  padding-bottom: 2.5rem;
}

.bg-luogo {
  position: relative;
  overflow: hidden;
  min-height: 332px;
  display: flex;
  align-items: center;
}

/* foto di sfondo della sede (path_image): come nel mockup e' al 30% sopra lo sfondo
   della pagina, che le da' la tinta; si caricano le foto originali */
.bg-luogo-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.3;
}

.bg-luogo > .container {
  position: relative;
}

.card-sede {
  max-width: 600px;
  margin-left: auto;
  border-radius: 40px;
  border: 1px solid rgba(255 255 255 / 0.3);
  background-color: rgba(255 255 255 / 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* Safari */
}

/* indirizzo e pulsante Google Maps su una riga (mockup del 2026-10-17): card bassa, alta quanto l'indirizzo */
.card-sede .card-body {
  padding: 1.5rem 2rem;
}