/* Menu */
html.side-header-overlay-full-screen #header, .header-column {
    background-color: #f6b218 !important;
}

.nav-item .position-absolute {
    font-size: 1.2rem; /* adatta per desktop */
    pointer-events: none; /* per evitare che clicchi il testo invece del link */
}

/* Home */
section.section-custom-hp img {
    margin-top: -150px;
    border: 0;
}

.divider-left-border-white {
    border-left: 1px solid #ffffff;
}

/* Solo desktop taglio il video in modo che si vedano i bottoni sotto */
@media (min-width: 992px) {
    /* 1) Il wrapper deve davvero essere grande come la section */
    section[data-plugin-video-background] .vide-video-wrapper {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important; /* ora è esattamente 100vh */
        overflow: hidden !important; /* nasconde tutto ciò che fuoriesce */
    }

        /* 2) Il video diventa 200px più alto e viene spostato in su di 200px */
        section[data-plugin-video-background] .vide-video-wrapper video {
            position: absolute !important;
            left: 50% !important;
            transform: translateX(-50%) !important;
            /* Ritaglio: video alto 100%+200px, spostato su di 200px */
            height: calc(100% + 200px) !important;
            width: auto !important;
            top: -200px !important;
            object-fit: cover !important;
            object-position: bottom center !important;
            z-index: -1 !important;
        }
}

/* Stili generali (desktop) */
.section-custom-verde-hp {
    background-image: url('/img/2025/home/Raggruppa 297.png');
    background-size: cover;
    background-position: center top;
    padding: 5rem 0;
    margin-top: -110px; /* Sovrapposizione alla section precedente */
    min-height: 878px;
}
.section-custom-rossa-hp {
    background-image: url('/img/2025/home/Raggruppa 298.png');
    background-size: cover;
    background-position: center top;
    padding: 5rem 0;
    margin-top: -37px; /* Sovrapposizione alla section precedente */
    min-height: 972px;
}
.section-custom-blu-hp {
    background-image: url('/img/2025/home/Raggruppa 305.png');
    background-size: cover;
    background-position: center top;
    padding: 5rem 0;
    margin-top: -55px; /* Sovrapposizione alla section precedente */
    min-height: 982px;
}

.section-custom-contatti {
    background-image: url('/img/2025/contatti/Raggruppa 313.png');
    background-size: cover;
    background-position: center top;
    padding: 5rem 0;
    min-height: 902px;
}
.section-custom-contatti .container-xxl {
    padding-top:250px;
}


/* Stili per mobile */
@media (max-width: 765px) {
    .section-custom-verde-hp {
        background-image: url('/img/2025/home/Rettangolo 1119.png');
        margin: 0; /* Niente sovrapposizione */
        padding: 3rem 0; /* Più compatto se vuoi */
    }
    .section-custom-rossa-hp {
        background-image: url('/img/2025/home/Rettangolo 1139.png');
        margin: 0; /* Niente sovrapposizione */
        padding: 3rem 0; /* Più compatto se vuoi */
    }
    .section-custom-blu-hp {
        background-image: url('/img/2025/home/Rettangolo 25.png');
        margin: 0; /* Niente sovrapposizione */
        padding: 3rem 0; /* Più compatto se vuoi */
    }
    .section-custom-contatti {
        background-image: url('/img/2025/home/Rettangolo 65.png');
        margin: 0; /* Niente sovrapposizione */
        padding: 3rem 0 !important; /* Più compatto se vuoi */
    }
    .section-custom-contatti .container-xxl {
        padding-top:10px;
    }
}

#footer {
    background-image: url('/img/2025/home/Rettangolo 1146.png') !important;
    border-top: 0 !important;
}