/* RESET MINIMO per la home */
html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

/* SLIDER FULLSCREEN */
.ep-hero-slider {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

/* SLIDE BASE */
.ep-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    /* effetto scurito */
    filter: brightness(0.95);

    /* fade */
    opacity: 0;
    transition: opacity .8s ease-in-out;
}

/* SLIDE ATTIVA (fade-in) */
.ep-slide.active {
    opacity: 1;
}

/* OVERLAY NERO SOPRA L'IMMAGINE */
.ep-slide::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2); /* 20% nero */
    pointer-events: none;
}

/* === HOME SOLO (template Homepage nuova) === */

/* Navbar sopra lo slider, trasparente */
.page-template-homepage .ep-navbar {
    background: transparent !important;
    box-shadow: none !important;
}

/* Testi della navbar bianchi in home */
.page-template-homepage .ep-logo,
.page-template-homepage .ep-menu-open,
.page-template-homepage .ep-shop-link {
    color: #ffffff !important;
}

/* Footer “appoggiato” sullo slider in home */
.page-template-homepage .ep-hero-slider {
    position: relative;
    z-index: 1;
}

/* azzero il blocco bianco del container del footer */
.page-template-homepage .container.p-5 {
    padding: 0;
    height: 0;
}

/* footer sovrapposto allo slider, in basso a sinistra */
.page-template-homepage .ep-footer {
    position: fixed;
    bottom: 20px;
    left: 0px;
    z-index: 3000;
    color: #ffffff;
}

.page-template-homepage .ep-footer a {
    color: #ffffff !important;
}
.page-template-homepage .ep-footer a:hover {
    color: #73C7E7 !important;
}

/* Blocca solo l'overflow orizzontale nella homepage */
body.page-template-homepage {
    overflow-x: hidden;
}


.page-template-homepage .ep-hero-slider {
    height: 100vh !important;
    overflow: hidden !important;
}
.page-template-homepage .ep-slide {
    height: 100vh !important;
}
.page-template-homepage .container.p-5 {
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* --- HOME REALE: elimina spazio bianco sotto --- */
body.home .container-fluid.pt-5.pb-5 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* --- HOME REALE: blocca scroll orizzontale --- */
body.home {
    overflow-x: hidden !important;
}