/* Aedis.Site - Correzioni CSS al tema Porto (valide per tutti i tenant)
   ==========================================================================
   Crossfade Slider Fix (owl-carousel-light)
   Elimina lo sfondo bianco durante il cambio slide: le slide si
   sovrappongono durante la transizione (vero crossfade).
   Va in coppia con l'override JS in porto/js/aedis-custom.js.
   -------------------------------------------------------------------------- */

/* Mantiene visibile la slide che sta uscendo durante la transizione */
.owl-carousel-light .owl-item.removing {
    display: block !important;
    visibility: visible !important;
}

/* Override dell'animazione per usare solo opacity (no transform) */
.owl-carousel-light .owl-item.fadeOut {
    animation: aedisSliderFadeOut 0.5s ease forwards;
}

/* La nuova slide deve essere visibile appena inizia il fadeIn, anche prima di avere active */
.owl-carousel-light .owl-item.fadeIn {
    display: block !important;
    visibility: visible !important;
    animation: aedisSliderFadeIn 0.5s ease forwards;
}

@keyframes aedisSliderFadeOut {
    from { opacity: 1; }
    to   { opacity: 0; }
}

@keyframes aedisSliderFadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Assicura che la nuova slide sia sopra quella vecchia */
.owl-carousel-light .owl-item.active:not(.removing) {
    z-index: 2;
}

.owl-carousel-light .owl-item.removing {
    z-index: 1;
}

/* ==========================================================================
   Banner MODALITA ANTEPRIMA (Views/Site/Page.cshtml): e' fisso in alto con un
   distanziatore fisso di 48px. Sotto ~600px il testo va su due-tre righe, il
   banner supera i 48px e copre il logo (misurato a 390px, con tutti gli stili).
   Diventa "sticky": resta in cima ma occupa il suo spazio nel flusso.
   -------------------------------------------------------------------------- */
.body > .alert.alert-warning[style*="position: fixed"] {
    position: sticky !important;
}

.body > #preview-spacer {
    display: none !important;
}
