.elementor-125 .elementor-element.elementor-element-a118b10{--display:flex;--position:fixed;--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;--align-items:flex-start;--background-transition:0.5s;top:0px;--z-index:3;}body:not(.rtl) .elementor-125 .elementor-element.elementor-element-a118b10{left:0px;}body.rtl .elementor-125 .elementor-element.elementor-element-a118b10{right:0px;}.elementor-125 .elementor-element.elementor-element-70415eb{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-125 .elementor-element.elementor-element-8d66c9e .elementor-heading-title{font-family:"Gotham Ultra", Sans-serif;font-size:39px;font-weight:bold;color:#FFFFFF;}.elementor-125 .elementor-element.elementor-element-9cfcf0a{--display:flex;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-125 .elementor-element.elementor-element-f50a5d7{--e-transform-transition-duration:0.5ms;}.elementor-125 .elementor-element.elementor-element-f50a5d7 .elementor-menu-toggle{margin-left:auto;}.elementor-125 .elementor-element.elementor-element-f50a5d7 .elementor-nav-menu .elementor-item{font-family:"Mercury", Sans-serif;font-size:24px;font-weight:normal;}.elementor-125 .elementor-element.elementor-element-f50a5d7 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-125 .elementor-element.elementor-element-f50a5d7 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-125 .elementor-element.elementor-element-f50a5d7 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-125 .elementor-element.elementor-element-f50a5d7 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-125 .elementor-element.elementor-element-f50a5d7 .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-125 .elementor-element.elementor-element-f50a5d7 .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-125 .elementor-element.elementor-element-f50a5d7 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-125 .elementor-element.elementor-element-f50a5d7 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-125 .elementor-element.elementor-element-a118b10{--justify-content:center;--flex-wrap:nowrap;}.elementor-125 .elementor-element.elementor-element-9cfcf0a{--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for nav-menu, class: .elementor-element-f50a5d7 *//* ==============================
   BLOCCO DROPDOWN – principale
   ============================== */
.elementor-nav-menu--dropdown {
    opacity: 0;
    transform: translateY(-12px);
    transition: 
        opacity 0.65s cubic-bezier(.22,1,.36,1),
        transform 0.65s cubic-bezier(.22,1,.36,1);
    max-height: 320px;           /* leggermente più alto */
    padding: 15px 10px;          
    width: 220px;                
    background-color: #fff;      
    border-radius: 6px;          
    box-shadow: 0 8px 20px rgba(0,0,0,0.1); 
    overflow-y: auto;            

    /* Allineamento a destra e posizione corretta */
    position: absolute;
    right: 0;
    left: auto;
    top: 50px;                   /* abbassato sotto il pulsante */
    z-index: 9999;
}

/* Stato aperto */
.elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown {
    opacity: 1;
    transform: translateY(0);
}

/* ==============================
   VOCI MENU – una alla volta
   ============================== */
.elementor-nav-menu--dropdown .elementor-nav-menu li {
    opacity: 0;
    transform: translateY(25px);
    margin-bottom: 6px;          
}

/* Animazione voci */
@keyframes menuCascadeSoft {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Avvia animazione solo quando il menu è aperto */
.elementor-menu-toggle.elementor-active + nav .elementor-nav-menu li {
    animation: menuCascadeSoft 0.55s cubic-bezier(.25,.8,.25,1) forwards;
}

/* Ritardi progressivi per effetto cascata */
.elementor-menu-toggle.elementor-active + nav .elementor-nav-menu li:nth-child(1) { animation-delay: 0.25s; }
.elementor-menu-toggle.elementor-active + nav .elementor-nav-menu li:nth-child(2) { animation-delay: 0.4s; }
.elementor-menu-toggle.elementor-active + nav .elementor-nav-menu li:nth-child(3) { animation-delay: 0.55s; }
.elementor-menu-toggle.elementor-active + nav .elementor-nav-menu li:nth-child(4) { animation-delay: 0.7s; }
.elementor-menu-toggle.elementor-active + nav .elementor-nav-menu li:nth-child(5) { animation-delay: 0.85s; }

/* ==============================
   LINK MENU – leggibilità e padding
   ============================== */
.elementor-nav-menu--dropdown .elementor-item {
    padding: 8px 12px;
    line-height: 1.2;
    display: block;
    color: #333;                     /* colore normale */
    background-color: transparent;    /* sfondo normale */
    transition: 
        background-color 0.35s cubic-bezier(.22,1,.36,1),
        color 0.35s cubic-bezier(.22,1,.36,1); /* solo colore e sfondo */
}

/* Hover morbido sulle voci – senza scatti */
.elementor-nav-menu--dropdown .elementor-item:hover {
    background-color: #f0f0f0; /* sfondo leggero */
    color: #000;               /* testo più scuro */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a118b10 *//* Stato iniziale delle voci */
.elementor-nav-menu--dropdown .elementor-nav-menu li {
    opacity: 0;
    transform: translateY(15px);
    animation: menuCascade 0.4s ease forwards;
}

/* Animazione */
@keyframes menuCascade {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Ritardi progressivi (effetto cascata) */
.elementor-nav-menu--dropdown .elementor-nav-menu li:nth-child(1) {
    animation-delay: 0.1s;
}
.elementor-nav-menu--dropdown .elementor-nav-menu li:nth-child(2) {
    animation-delay: 0.2s;
}
.elementor-nav-menu--dropdown .elementor-nav-menu li:nth-child(3) {
    animation-delay: 0.3s;
}
.elementor-nav-menu--dropdown .elementor-nav-menu li:nth-child(4) {
    animation-delay: 0.4s;
}
.elementor-nav-menu--dropdown .elementor-nav-menu li:nth-child(5) {
    animation-delay: 0.5s;
}

/* Header iniziale - trasparente */
.main-header {
    background-color: transparent;
    transition: background-color 0.3s ease;
}

.header-title,
.header-title a,
.header-menu,
.header-menu a,
.elementor-item {
    color: #ffffff;
    transition: color 0.3s ease;
}

/* Header dopo lo scroll - sfondo bianco */
.main-header.scrolled {
    background-color: #ffffff !important;
    color: #000000;
}

.main-header.scrolled .header-title,
.main-header.scrolled .header-title a,
.main-header.scrolled .header-menu,
.main-header.scrolled .header-menu a,
.main-header.scrolled .elementor-item {
    color: #000000 !important;
}

/* Sottolineatura animata intelligente per header-menu - FORZATA */
.header-menu a,
.header-menu .elementor-item,
.elementor-nav-menu a {
    position: relative;
    transition: color 0.3s ease;
}

/* Pseudo-elemento per la sottolineatura */
.header-menu a::after,
.header-menu .elementor-item::after,
.elementor-nav-menu a::after {
    content: '' !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 0 !important;
    width: 0 !important;
    height: 2px !important;
    background-color: #000000 !important;
    transition: width 0.3s ease, background-color 0.3s ease !important;
}

/* Sottolineatura appare al hover */
.header-menu a:hover::after,
.header-menu .elementor-item:hover::after,
.elementor-nav-menu a:hover::after {
    width: 100% !important;
}

/* BIANCA quando sei nella hero (video loop o playing) */
body.cinearts-video-loop .header-menu a::after,
body.cinearts-video-loop .header-menu .elementor-item::after,
body.cinearts-video-loop .elementor-nav-menu a::after,
body.cinearts-video-playing .header-menu a::after,
body.cinearts-video-playing .header-menu .elementor-item::after,
body.cinearts-video-playing .elementor-nav-menu a::after {
    background-color: #ffffff !important;
}

/* NERA quando scrolli fuori dalla hero */
.main-header.scrolled .header-menu a::after,
.main-header.scrolled .header-menu .elementor-item::after,
.main-header.scrolled .elementor-nav-menu a::after,
body:not(.cinearts-video-loop):not(.cinearts-video-playing) .header-menu a::after,
body:not(.cinearts-video-loop):not(.cinearts-video-playing) .header-menu .elementor-item::after,
body:not(.cinearts-video-loop):not(.cinearts-video-playing) .elementor-nav-menu a::after {
    background-color: #000000 !important;
}

/* Rimuovi eventuali altre decorazioni che potrebbero essere verdi */
.header-menu a,
.header-menu .elementor-item,
.elementor-nav-menu a {
    text-decoration: none !important;
    border-bottom: none !important;
}

.header-menu a:hover,
.header-menu .elementor-item:hover,
.elementor-nav-menu a:hover {
    text-decoration: none !important;
    border-bottom: none !important;
}/* End custom CSS */