/* ==========================================================
   1. STATO INIZIALE: TRASPARENTE E ANCORATO IN CIMA
   ========================================================== */
div#menu-neurogrowth {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    
    /* RIDUZIONE ALTEZZA HEADER */
    min-height: 70px !important; /* Imposta l'altezza minima desiderata */
    height: 70px !important;     /* Forza l'altezza fissa */
    margin: 0 !important;
    padding-top: 0 !important;   /* Rimuove spazi vuoti Elementor in alto */
    padding-bottom: 0 !important;/* Rimuove spazi vuoti Elementor in basso */
    align-content: center !important; /* Centra gli elementi verticalmente */
    align-items: center !important; 
    
    z-index: 9999 !important;
    background-color: transparent !important;
    transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, height 0.3s ease;
}

/* FIX BARRA BIANCA DI WORDPRESS */
body.admin-bar div#menu-neurogrowth {
    top: 32px !important;
}

/* AZZERA SPAZIATURA INTERNA DEI SOTTOMODULI */
div#menu-neurogrowth .e-con-inner,
div#menu-neurogrowth .elementor-widget-wrap,
div#menu-neurogrowth .hfe-nav-menu,
div#menu-neurogrowth .hfe-nav-menu__layout-horizontal {
    background-color: transparent !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* FIX TESTO MENU: Forza tutti i link al bianco */
div#menu-neurogrowth a,
div#menu-neurogrowth a span,
div#menu-neurogrowth .elementor-heading-title,
div#menu-neurogrowth .elementor-icon {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    transition: color 0.3s ease-in-out, fill 0.3s ease-in-out;
}

/* CONTROLLO LOGO: Colore Bianco e Restrizione Altezza */
div#menu-neurogrowth img {
    filter: brightness(0) invert(1) !important;
    transition: filter 0.3s ease-in-out;
    
    /* RIDUZIONE ALTEZZA LOGO (Deve essere minore dell'header) */
    max-height: 40px !important; /* Regola questo valore se il logo è troppo piccolo/grande */
    width: auto !important;      /* Mantiene le proporzioni corrette */
    object-fit: contain !important;
}

/* ==========================================================
   2. STATO ALLO SCROLL: BIANCO, FISSATO E TESTO NERO
   ========================================================== */
div#menu-neurogrowth.menu-fissato-scroll {
    position: fixed !important;
    background-color: #FFFFFF !important; 
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
}

/* FIX TESTO MENU ALLO SCROLL: Ritorno al nero per la leggibilità */
div#menu-neurogrowth.menu-fissato-scroll a,
div#menu-neurogrowth.menu-fissato-scroll a span,
div#menu-neurogrowth.menu-fissato-scroll .elementor-heading-title,
div#menu-neurogrowth.menu-fissato-scroll .elementor-icon {
    color: #1a1a1a !important; 
    fill: #1a1a1a !important;
}

/* TRUCCO LOGO SCROLL: Rimuove il filtro bianco */
div#menu-neurogrowth.menu-fissato-scroll img {
    filter: none !important;
}

/* ==========================================================
   3. STATO HOVER DEI LINK
   ========================================================== */
div#menu-neurogrowth a:hover,
div#menu-neurogrowth a:hover span,
div#menu-neurogrowth.menu-fissato-scroll a:hover,
div#menu-neurogrowth.menu-fissato-scroll a:hover span {
    color: #00B7BD !important; 
}








.e-con-full, .e-con>.e-con-inner {
    padding-block-end: unset;
    padding-block-start: unset;
		}