.elementor-32308 .elementor-element.elementor-element-9c6e736{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-32308 .elementor-element.elementor-element-ce1ec23{--spacer-size:0px;}.elementor-32308 .elementor-element.elementor-element-c109f65{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px #FEFEFE inset;}.elementor-32308 .elementor-element.elementor-element-8199e46{width:100%;max-width:100%;border-style:none;border-radius:10px 10px 10px 10px;}.elementor-32308 .elementor-element.elementor-element-002ba28{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-32308 .elementor-element.elementor-element-a16c600{--spacer-size:0px;}.elementor-32308 .elementor-element.elementor-element-46dfcc1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-32308 .elementor-element.elementor-element-c882c70{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-32308 .elementor-element.elementor-element-45f6494{--spacer-size:13px;}.elementor-32308 .elementor-element.elementor-element-d47149e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-32308 .elementor-element.elementor-element-2adce12{--iteration-count:infinite;--animation-duration:1200ms;width:100%;max-width:100%;--dynamic-text-color:#FF0000;}.elementor-32308 .elementor-element.elementor-element-2adce12 .elementor-headline{text-align:center;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;}.elementor-32308 .elementor-element.elementor-element-2adce12 .elementor-headline-plain-text{color:#FDFDFD;}.elementor-32308 .elementor-element.elementor-element-daec0ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-32308 .elementor-element.elementor-element-a7e7b3b{--spacer-size:0px;}.elementor-32308 .elementor-element.elementor-element-d7175e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-32308:not(.elementor-motion-effects-element-type-background), body.elementor-page-32308 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}/* Start custom CSS for html, class: .elementor-element-4815f47 */@media (max-width: 600px) {
  .box-supporto {
    display: flex;
    flex-direction: column !important;
    align-items: stretch !important;
    max-width: 98% !important;
    padding: 10px !important;
    margin: 0 auto !important;
  }
  .box-supporto a {
    margin: 8px 0 !important;
    width: 100% !important;
    font-size: 1em !important;
    text-align: center !important;
  }
}
/* Stile DESKTOP: bottoni in riga */
@media (min-width: 601px) {
  .box-supporto {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16px;
    max-width: 800px;
    margin: 0 auto;
    padding: 10px;
  }
  .box-supporto a {
    padding: 12px 24px;
    font-size: 1.1em;
    border-radius: 8px;
    background: #f2f2f2;
    color: #222;
    text-decoration: none;
    transition: background 0.3s;
  }
  .box-supporto a:hover {
    background: #e0e0e0;
  }
}
/* Bottoni colorati */
.box-supporto a:nth-child(1) { background: #25D366; color: #fff; }    /* WhatsApp */
.box-supporto a:nth-child(2) { background: #0072c6; color: #fff; }    /* Email */
.box-supporto a:nth-child(3) { background: #ff9800; color: #fff; }    /* Chiama ora */
.box-supporto a:nth-child(4) { background: #5e35b1; color: #fff; position: relative; } /* Chat Bot */

/* Effetto online lampeggiante sulla chat */
.box-supporto a:nth-child(4)::after {
  content: " ● Online";
  color: #39ff14;
  font-weight: bold;
  margin-left: 8px;
  animation: blinkOnline 1s infinite;
}

@keyframes blinkOnline {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

/* Stile generale bottoni */
.box-supporto a {
  padding: 12px 24px;
  font-size: 1.1em;
  border-radius: 8px;
  text-decoration: none;
  margin: 8px;
  display: inline-block;
  transition: box-shadow 0.2s, background 0.3s;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.box-supporto a:hover {
  filter: brightness(1.08);
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}
/* Stile pillola per tutti i bottoni */
.box-supporto a {
  padding: 12px 32px;
  font-size: 1.1em;
  border-radius: 50px; /* pillola */
  text-decoration: none;
  margin: 8px;
  display: inline-block;
  transition: box-shadow 0.2s, background 0.3s;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  border: none;
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* Colori specifici */
.box-supporto a:nth-child(1) { background: #25D366; color: #fff; }    /* WhatsApp */
.box-supporto a:nth-child(2) { background: #0072c6; color: #fff; }    /* Email */
.box-supporto a:nth-child(3) { background: #ff9800; color: #fff; }    /* Chiama ora */
.box-supporto a:nth-child(4) { background: #5e35b1; color: #fff; position: relative; } /* Chat Bot */

/* Effetto online lampeggiante sulla chat */
.box-supporto a:nth-child(4)::after {
  content: " ● Online";
  color: #39ff14;
  font-weight: bold;
  margin-left: 8px;
  animation: blinkOnline 1s infinite;
}

@keyframes blinkOnline {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

/* Effetto hover */
.box-supporto a:hover {
  filter: brightness(1.08);
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}
@media (min-width: 601px) {
  .box-supporto a {
    min-width: 220px;
    padding-let: 0px;
    padding-right: 0px;
    font-size: 1.12em;
  }
}
@media (min-width: 601px) {
  .box-supporto a {
    min-width: 220px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 1.12em;
    text-align: center;
  }
  .box-supporto {
    justify-content: center;
    gap: 16px;
  }
  .box-supporto a:nth-child(4)::after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    font-size: 1em;
  }
}/* End custom CSS */
/* Start custom CSS *//* ===================================================
   1. FORZATURA TOTALE BARRA PASSI IN ALTO (TESTI BIANCHI)
   =================================================== */
.chbs-main .chbs-booking-step-list,
.chbs-main .chbs-booking-step-list *,
.chbs-main [class*="step-list"] *,
.chbs-step-title,
div[class*="step"] {
    color: #FFFFFF !important;
}

/* ===================================================
   2. CERCHIETTI GENERALI (SFONDO BIANCO, NUMERO NERO)
   =================================================== */
.chbs-main .chbs-booking-step-list li span,
.chbs-main .chbs-booking-step-list li.chbs-state-default span {
    background-color: #FFFFFF !important;
    border-color: #000000 !important;
    color: #000000 !important;
}

/* Cerchietto attivo (il passo in cui ti trovi): sfondo oro */
.chbs-main .chbs-booking-step-list li.chbs-state-active span {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
    color: #000000 !important;
}

/* ===================================================
   3. STRUTTURA GENERALE: TESTI BIANCHI ED ELEGANZA
   =================================================== */
.chbs-main, 
.chbs-main label,
.chbs-main span {
    color: #FFFFFF !important;
}

/* ===================================================
   4. SCHEDINE AUTO: PREZZI E TESTI NERI SU CORPO CHIARO
   =================================================== */
.chbs-main .chbs-vehicle-list .chbs-vehicle-content *,
.chbs-main .chbs-vehicle-list .chbs-vehicle-price *,
.chbs-main .chbs-vehicle-list .chbs-vehicle-name,
.chbs-main .chbs-vehicle-list .chbs-vehicle-price-value,
.chbs-main .chbs-vehicle-list .chbs-vehicle-attribute-list * {
    color: #000000 !important;
}
.chbs-main .chbs-vehicle-list .chbs-circle {
    border-color: #000000 !important;
    background-color: #FFFFFF !important;
}

/* ===================================================
   5. DATA, ORARIO E ETICHETTE DEI CAMPI (LEGGIBILI)
   =================================================== */
.chbs-main input.chbs-datepicker,
.chbs-main select.chbs-timepicker,
.chbs-main .chbs-form-field-date input,
.chbs-main .chbs-form-field-time select,
.chbs-main .chbs-form-field-time *,
.chbs-main select option {
    background-color: #FFFFFF !important;
    color: #000000 !important;
}
.chbs-main .chbs-form-field label,
.chbs-main label {
    color: #FFFFFF !important;
}

/* ===================================================
   6. BLOCCHI DI CONTENUTO, EXTRA OPTIONS E PULSANTI
   =================================================== */
.chbs-main .chbs-form-field, 
.chbs-main .chbs-booking-extra-list,
.chbs-main .chbs-content-manifest {
    background-color: #1A1A1A !important;
    border-color: #333333 !important;
}
.chbs-main .chbs-button,
.chbs-main input[type="submit"] {
    background-color: #D4AF37 !important;
    color: #000000 !important;
}
.chbs-main .chbs-icon,
.chbs-main .chbs-location-description-icon {
    fill: #D4AF37 !important;
    color: #D4AF37 !important;
}

/* ===================================================
   7. COLONNA DI RIEPILOGO A SINISTRA (NERA PROFONDA)
   =================================================== */
.chbs-main div[class*="summary"],
.chbs-main div[class*="sidebar"],
.chbs-main .chbs-summary {
    background-color: #111111 !important;
    border-color: #2A2A2A !important;
}
.chbs-main div[class*="summary"] *,
.chbs-main div[class*="sidebar"] *,
.chbs-main .chbs-summary * {
    color: #FFFFFF !important;
}
.chbs-main div[class*="summary"] label,
.chbs-main .chbs-summary label {
    color: #D4AF37 !important;
}

/* ===================================================
   8. AGGIUNTA SPECIFICA: ABBATTIMENTO BIANCO SOLO SU KM/TEMPO
   =================================================== */
/* Forza lo sfondo nero solo sull'area di calcolo percorso */
.chbs-main .chbs-main-content-right .chbs-location-route-description,
.chbs-main .chbs-location-route-description,
.chbs-main div[class*="route-info"] {
    background-color: #111111 !important;
    background: #111111 !important;
    border: none !important;
}

/* Rende i numeri (97.8 km) bianchi e i titoli oro solo nella zona mappa */
.chbs-main .chbs-main-content-right .chbs-location-route-description * {
    color: #FFFFFF !important;
}
.chbs-main .chbs-main-content-right .chbs-location-route-description label,
.chbs-main .chbs-main-content-right .chbs-location-route-description span {
    color: #D4AF37 !important;
    font-weight: bold !important;
}
.chbs-main .chbs-main-content-right .chbs-location-route-description svg {
    fill: #D4AF37 !important;
    color: #D4AF37 !important;
}


/* ===================================================
   CHIUSURA DEFINITIVA: RESET BLOCCO SOTTO MAPPA
   =================================================== */
/* 1. Spegne il bianco su QUALSIASI elemento nasca sotto la mappa */
.chbs-main .chbs-main-content-right .chbs-location-route-description,
.chbs-main .chbs-main-content-right .chbs-location-route-description * {
    background-color: #111111 !important;
    background: #111111 !important;
    border-color: #222222 !important;
}

/* 2. Forza i dati (i km e il tempo calcolati) a scriversi in Bianco Puro */
.chbs-main .chbs-main-content-right .chbs-location-route-description strong,
.chbs-main .chbs-main-content-right .chbs-location-route-description span {
    color: #FFFFFF !important;
}

/* 3. Forza i titoli (TOTAL DISTANCE / TOTAL TIME) a scriversi in Oro Premium */
.chbs-main .chbs-main-content-right .chbs-location-route-description label {
    color: #D4AF37 !important;
    font-weight: bold !important;
}

/* 4. Forza le icone della mappa e dell'orologio in Oro Premium */
.chbs-main .chbs-main-content-right .chbs-location-route-description svg {
    fill: #D4AF37 !important;
    color: #D4AF37 !important;
}/* End custom CSS */