.elementor-289 .elementor-element.elementor-element-af4e131{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:3px;--padding-left:20px;--padding-right:20px;--z-index:1000;}.elementor-289 .elementor-element.elementor-element-af4e131.e-con{--align-self:flex-end;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-289 .elementor-element.elementor-element-6621eef{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-289 .elementor-element.elementor-element-af4e714{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-289 .elementor-element.elementor-element-af4e714.e-con{--align-self:center;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-289 .elementor-element.elementor-element-a8b0aa4 .elementor-icon-wrapper{text-align:center;}.elementor-289 .elementor-element.elementor-element-a8b0aa4.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-807fa75 );}.elementor-289 .elementor-element.elementor-element-a8b0aa4.elementor-view-framed .elementor-icon, .elementor-289 .elementor-element.elementor-element-a8b0aa4.elementor-view-default .elementor-icon{color:var( --e-global-color-807fa75 );border-color:var( --e-global-color-807fa75 );}.elementor-289 .elementor-element.elementor-element-a8b0aa4.elementor-view-framed .elementor-icon, .elementor-289 .elementor-element.elementor-element-a8b0aa4.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-807fa75 );}.elementor-289 .elementor-element.elementor-element-a8b0aa4 .elementor-icon{font-size:23px;}.elementor-289 .elementor-element.elementor-element-a8b0aa4 .elementor-icon svg{height:23px;}.elementor-289 .elementor-element.elementor-element-a8b0aa4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-289 .elementor-element.elementor-element-a8b0aa4.elementor-element{--align-self:center;}.elementor-289 .elementor-element.elementor-element-2179e68 .elementor-icon-wrapper{text-align:center;}.elementor-289 .elementor-element.elementor-element-2179e68.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-807fa75 );}.elementor-289 .elementor-element.elementor-element-2179e68.elementor-view-framed .elementor-icon, .elementor-289 .elementor-element.elementor-element-2179e68.elementor-view-default .elementor-icon{color:var( --e-global-color-807fa75 );border-color:var( --e-global-color-807fa75 );}.elementor-289 .elementor-element.elementor-element-2179e68.elementor-view-framed .elementor-icon, .elementor-289 .elementor-element.elementor-element-2179e68.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-807fa75 );}.elementor-289 .elementor-element.elementor-element-2179e68 .elementor-icon{font-size:23px;}.elementor-289 .elementor-element.elementor-element-2179e68 .elementor-icon svg{height:23px;}.elementor-289 .elementor-element.elementor-element-2179e68{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-289 .elementor-element.elementor-element-2179e68.elementor-element{--align-self:center;}.elementor-289 .elementor-element.elementor-element-878292a .elementor-icon-wrapper{text-align:center;}.elementor-289 .elementor-element.elementor-element-878292a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-807fa75 );}.elementor-289 .elementor-element.elementor-element-878292a.elementor-view-framed .elementor-icon, .elementor-289 .elementor-element.elementor-element-878292a.elementor-view-default .elementor-icon{color:var( --e-global-color-807fa75 );border-color:var( --e-global-color-807fa75 );}.elementor-289 .elementor-element.elementor-element-878292a.elementor-view-framed .elementor-icon, .elementor-289 .elementor-element.elementor-element-878292a.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-807fa75 );}.elementor-289 .elementor-element.elementor-element-878292a .elementor-icon{font-size:23px;}.elementor-289 .elementor-element.elementor-element-878292a .elementor-icon svg{height:23px;}.elementor-289 .elementor-element.elementor-element-878292a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-289 .elementor-element.elementor-element-878292a.elementor-element{--align-self:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-289 .elementor-element.elementor-element-af4e131{--width:100%;}.elementor-289 .elementor-element.elementor-element-af4e714{--width:20%;}}@media(max-width:767px){.elementor-289 .elementor-element.elementor-element-af4e131{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:5px;--padding-bottom:5px;--padding-left:10px;--padding-right:10px;}.elementor-289 .elementor-element.elementor-element-af4e131.e-con{--align-self:flex-end;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-289 .elementor-element.elementor-element-af4e714{--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;--flex-wrap:nowrap;}}/* Start custom CSS for container, class: .elementor-element-af4e131 *//* --- 1. IL CONTENITORE BARRA (Generale) --- */
.rivelia-header {
    width: 100% !important;
    max-width: 100vw !important;
    min-height: 65px !important; 
    display: flex !important;
    align-items: center !important;
    
    /* SFONDO: LENTISSIMO (1.5s) */
    transition: background-color 1.5s ease, 
                min-height 1.5s ease, 
                padding 1.5s ease,
                box-shadow 1.5s ease !important;
    background-color: transparent !important; 
}

/* Quando scorri (Sticky) */
.rivelia-header.elementor-sticky--effects {
    background-color: #ffffff !important; /* Bianco Puro */
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    min-height: 60px !important; 
}


/* --- 2. GESTIONE ICONE (TUTTE INSIEME) --- */
/* Nota: La classe .rivelia-icons è sul CONTENITORE PADRE */
.rivelia-icons .elementor-icon,          /* Icone standard (Lente, Menu) */
.rivelia-icons svg,                      /* SVG vari */
.rivelia-icons i,                        /* Font icons */
.rivelia-icons .elementor-menu-cart__toggle .elementor-button-icon { /* Icona Carrello */
    color: #171717 !important;
    fill: #171717 !important;
    background-color: transparent !important; 
    
    /* Sincronizzazione Lusso (1.5s base, 2s mobile sovrascritto dopo) */
    transition: all 1.5s ease !important; 
}

/* B. Colore Sticky (NERO) */
.elementor-sticky--effects .rivelia-icons .elementor-icon, 
.elementor-sticky--effects .rivelia-icons svg,
.elementor-sticky--effects .rivelia-icons i,
.elementor-sticky--effects .rivelia-icons .elementor-menu-cart__toggle .elementor-button-icon {
    color: #171717 !important;
    fill: #171717 !important;
}

/* C. Pulizia Margini Icone (Per allinearle perfette) */
.rivelia-icons .elementor-widget {
    margin-bottom: 0 !important; /* Evita spazi sotto */
}


/* ===============================================
   DESKTOP & TABLET (> 767px)
   =============================================== */
@media (min-width: 768px) {


    
    /* Sticky Desktop */
    .elementor-sticky--effects .rivelia-logo-white {
        top: 30px !important; 
        transform: translate(-50%, -50%) scale(1) !important; 
        opacity: 0 !important; 
    }

    /* LOGO NERO (Header) */
    .rivelia-logo-black {
        position: absolute !important;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 101 !important;
        opacity: 1; 
        transition: opacity 1.5s ease !important;
        margin: 0 !important;
    }
    
    .elementor-sticky--effects .rivelia-logo-black {
        opacity: 1 !important; 
    }
    
    /* Immagini */
    .rivelia-logo-white img { width: 250px; display: block; max-width: none !important; }
    .rivelia-logo-black img { width: 130px; display: block; max-width: none !important; }

    /* CONTENITORE ICONE (A Destra) */
    .rivelia-icons {
        z-index: 200 !important; 
        position: relative;
        margin-left: auto !important; /* Spinge a destra */
        padding-right: 20px;
        
        /* Allineamento orizzontale desktop */
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 20px; /* Spazio tra le icone desktop */
    }
}


/* ===============================================
   MOBILE TUNING (< 767px)
   =============================================== */
@media (max-width: 767px) {
    
    /* 1. BARRA HEADER */
    .rivelia-header {
        transition: background-color 2s ease, height 2s ease, padding 2s ease !important;
        padding: 0 25px !important;
    }
    
    /* Sticky State */
    .rivelia-header.elementor-sticky--effects {
        flex-direction: row !important; 
        justify-content: space-between !important; 
        align-items: center !important;
        min-height: 60px !important; 
        padding: 0 20px !important;
    }
    
    /* Override transizione icone per Mobile (2s) */
    .rivelia-icons .elementor-icon, 
    .rivelia-icons svg,
    .rivelia-icons i,
    .rivelia-icons .elementor-menu-cart__toggle .elementor-button-icon {
        transition: all 2s ease !important;
    }

    
    /* ARRIVO STICKY - CENTRATO */
    .elementor-sticky--effects .rivelia-logo-white {
        position: absolute !important; 
        top: 30px !important; 
        left: 50% !important; 
        transform: translate(-50%, -50%) scale(0.8) !important; 
        opacity: 0 !important; 
    }
    
    /* 3. LOGO NERO (HEADER) - CENTRATO */
    .rivelia-logo-black {
        position: absolute !important;
        left: 50%;
        top: 50%; 
        transform: translate(-50%, -50%);
        margin: 0 !important;
        flex-grow: 0;
        opacity: 1; 
        transition: opacity 2s ease !important; 
    }

    .rivelia-logo-black img {
        width: 100px !important; 
        margin: 0 !important; 
        display: block;
    }

    .elementor-sticky--effects .rivelia-logo-black {
        opacity: 1 !important;
    }

    /* 4. CONTENITORE ICONE (Flexbox perfetto) */
    .rivelia-icons {
        width: auto !important;
        margin-left: auto !important; 
        margin-top: 0 !important;
        padding-right: 0 !important;
        
        display: flex;
        align-items: center !important;
        justify-content: flex-end !important;
        
        /* DISTANZA TRA LE ICONE MOBILE */
        gap: 25px !important; 
    }
    
    /* Dimensioni icone mobile uniformi */
    .rivelia-icons .elementor-icon, 
    .rivelia-icons svg,
    .rivelia-icons i,
    .rivelia-icons .elementor-menu-cart__toggle .elementor-button-icon {
        width: 22px !important; 
        font-size: 22px !important;
    }
}/* End custom CSS */