/* ==========================================================================
   Ritocchi alla versione statica del sito CARS (27/10/2026).
   Collegato solo dalla pagina /contatti/.
   ========================================================================== */

/* --- Contatti: mappa a sinistra, testo Conform a destra --------------------
   Nel sito WordPress la riga era alta 785 px perche' conteneva la mappa Google
   incorporata (iframe da 785 px): sotto la mappa e sotto il testo restava uno spazio vuoto.
   Ora la mappa e' un'immagine statica. Le due colonne hanno la stessa altezza (quella del
   testo, con 48 px di margine sopra e sotto), il testo e' centrato in verticale e la mappa
   riempie tutta la colonna di sinistra, quindi il centro del testo coincide con il centro
   della mappa. Il pulsante "Apri la mappa su Google Maps" sta sopra la mappa, in basso.
   Per cambiare lo spazio attorno al testo: modificare i due "48px" qui sotto. */
.contatti-mappa > .col { display: flex; align-items: stretch; height: auto !important; }
.contatti-mappa > .col > .wpb_column { float: none !important; width: 50% !important; height: auto !important; min-height: 0 !important; display: flex; flex-direction: column; }
.contatti-mappa > .col > .wpb_column > .vc_column-inner { height: auto !important; flex: 1 1 auto; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; }
.contatti-mappa .custom_height > .vc_column-inner { padding-top: 48px !important; padding-bottom: 48px !important; }

/* colonna della mappa: tutti i contenitori si allungano fino al fondo */
.contatti-mappa > .col > .wpb_column:first-child > .vc_column-inner { justify-content: stretch; padding: 0 !important; }
.contatti-mappa > .col > .wpb_column:first-child .wpb_wrapper,
.contatti-mappa > .col > .wpb_column:first-child .wpb_content_element { display: flex; flex-direction: column; flex: 1 1 auto; margin: 0 !important; }

.mappa-statica { position: relative; flex: 1 1 auto; min-height: 320px; background: #f2f2f2; }
.mappa-statica .mappa-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; }
.mappa-statica .mappa-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mappa-statica .mappa-link { position: absolute; left: 0; right: 0; bottom: 26px; margin: 0; text-align: center; }
.mappa-statica .mappa-link a { display: inline-block; padding: 11px 26px; background: #aa361b; color: #fff; text-decoration: none; font-size: 14px; letter-spacing: .5px; box-shadow: 0 2px 8px rgba(0, 0, 0, .35); }
.mappa-statica .mappa-link a:hover { background: #8d2c16; color: #fff; }

/* telefono e schermi stretti: le colonne vanno una sotto l'altra */
@media (max-width: 767px) {
  .contatti-mappa > .col { display: block; }
  .contatti-mappa > .col > .wpb_column { width: 100% !important; }
  .mappa-statica { min-height: 62vw; }
}