/* ==========================================
   1. STILI GENERALI (DESKTOP)
   ========================================== */
.banner-header {
    position: relative !important;
    overflow: visible !important; 
}

/* Forziamo la visibilità dell'overflow su tutta la struttura del banner */
.banner-header .container,
.banner-header .row {
    overflow: visible !important;
}

.bottom-centered-img {
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translate(-50%, calc(50% - 50px)) !important;
    z-index: 5 !important; /* Abbassato da 999 a 5: passa sotto la navbar ma resta sopra l'About */
    max-width: 90%; 
    height: auto;
}

/* Spazio desktop per la sezione successiva */
div.about1.section-padding {
    padding-top: 400px !important;
}


/* ==========================================
   2. STILI SPECIFICI PER MOBILE (Sotto i 768px)
   ========================================== */
@media screen and (max-width: 767px) {
    
    /* Forza il banner a non essere "full-height" (100vh) su mobile, 
       altrimenti il testo si perde e si crea il vuoto */
    html body .banner-header.full-height,
    html body .banner-header {
        height: auto !important; 
        min-height: auto !important;
        padding-top: 90px !important;  /* Spazio sopra il testo */
        padding-bottom: 120px !important; /* Allontana il camion dal testo sopra */
    }

    /* Rimpicciolisce il camion su mobile e lo centra */
    html body .bottom-centered-img {
        max-width: 70% !important; 
        bottom: 0 !important;
        left: 50% !important;
        transform: translate(-50%, 50%) !important;
    }

    /* Chiude il buco vuoto sotto il camion tirando su la sezione About */
    html body div.about1.section-padding,
    html body .about1 {
        padding-top: 60px !important; 
    }
}


/* --- SPOSTAMENTO DEL TESTO VERSO IL BASSO --- */

/* Versione Desktop */
.text-shifted-up {
    margin-top: -60px !important; /* Spinge in basso il blocco di testo. Aumenta i px se lo vuoi ancora più giù */
    transform: none !important;  /* Resetta eventuali vecchi spostamenti verso l'alto del tema */
}

/* Versione Mobile (Sotto i 768px) */
@media screen and (max-width: 767px) {
    html body .text-shifted-up {
        margin-top: 40px !important; /* Regola specifica per il mobile */
    }
}

ol li {
list-style-image: url(../img/pallina.png);
} 
ul li {
list-style-image: url(../img/pallina.png);
}
li {
    font-family: "Urbanist", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.75em;
    color: #5e717b;
    margin-bottom: 5px;
}
/* Rimuove spazi extra tra le opzioni di Select2 */
.select2-container--default .select2-results__option {
    padding: 6px 12px; /* Regola questi valori per stringere o allargare */
    margin: 0 !important;
}

/* Evita che ci siano bordi o separatori trasparenti */
.select2-results__options {
    border: none;
    margin: 0;
    padding: 0;
}

b {
    font-weight: 600; color: #152229;
}

.navbar-nav,
.navbar-nav li,
.dropdown-menu li {
  list-style: none !important;
}
.whatsapp {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    /* Aggiunta la transizione per rendere lo scale fluido */
    transition: transform 0.3s ease; 
}

.whatsapp:hover {
    transform: scale(1.1);
}

.zoom {
    width: 100%;
    height: auto;
    border-radius: 1%;
    overflow: hidden;
    margin: 0 auto;
}

.zoom img {
    /* Rimosso il duplicato e tenuta solo la transizione sull'immagine */
    transition: transform 0.3s ease; /* 3 secondi era molto lenta, 0.3s è più reattiva */
}

.zoom img:hover {
    /* Pulito dai vecchi prefissi -ms- e -webkit- */
    transform: scale(1.15); /* Spesso 1.5 è troppo grande e sgranato, 1.15 o 1.2 è più elegante */
}