.elementor-2893 .elementor-element.elementor-element-431f22e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-2893 .elementor-element.elementor-element-431f22e:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2893 .elementor-element.elementor-element-833e602 > .elementor-widget-container{background-color:#FFFFFF;transition:background 0s;border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-2893 .elementor-element.elementor-element-833e602:hover .elementor-widget-container{box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-2893 .elementor-element.elementor-element-833e602 .main-menu .main-menu__list > li > a,.elementor-2893 .elementor-element.elementor-element-833e602 .main-menu .main-menu__list > li > ul > li > a{color:#000000;}.elementor-2893 .elementor-element.elementor-element-833e602 .agrofa-btn::before{box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);color:#FFFFFF;background-color:#000000;}/* Start custom CSS for agrofa-header, class: .elementor-element-833e602 *//* Elimina il triangolino sotto il logo e ogni decorazione verde */
.main-header__logo-box:before, 
.main-header__logo-box:after,
.main-header__logo:before,
.main-header__logo:after {
    display: none !important;
    content: none !important;
}

/* Rimuove eventuali bordi o ombre residue */
.main-header__logo-box {
    box-shadow: none !important;
    border: none !important;
}
/* Rimuove lo sfondo verde dal contenitore del logo */
.main-header__logo-box, 
.main-header__logo, 
.main-menu__logo {
    background-color: transparent !important;
    background: none !important;
}

/* Elimina ombra a forma di triangolo */
.main-header__logo-box:after, 
.main-header__logo-box:before {
    display: none !important;
}

/*&&&&&&&&&&&&&&&&&&&&&&&*/


/* Logo proporzionato e centrato perfettamente */
.main-header__logo img {
    width: auto !important;
    height: 85px !important; /* Misura ideale */
    max-height: 98px !important;
    margin-top: 0 !important; /* Reset dello spostamento */
    transform: translateY(0) !important; /* Reset */
    padding: 5px 0 !important; /* Spazio sopra e sotto */
    margin-left: 15px !important; /* Distanza dal bordo sinistro */
    display: block !important;
}

/* Allineamento del contenitore */
.main-header__logo-box {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    background: transparent !important;
}


/*&&&&&&&&&&&&&&&&&&&&&&*/

/* Fix sul pulsante "Mettiti in contatto" */
.agrofa-btn.main-header__btn {
    transition: all 400ms ease !important;
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
}

/* Cambia il colore dello sfondo in verde e il testo in bianco */
.agrofa-btn.main-header__btn:hover {
    background-color: #137a3d !important; 
    color: #ffffff !important;           
}

/* Gestisce l'animazione interna (lo sfondo che "scivola") */
.agrofa-btn.main-header__btn::before {
    background-color: #137a3d !important;
}

/* Forza il colore del testo dello span interno al passaggio del mouse */
.agrofa-btn.main-header__btn:hover span {
    color: #ffffff !important;
}

/*&&&&&&&&&&&&&&&&&&&&&&*/

/*Passaggio del cursore sulle selezioni*/


.main-menu__list li a {
    color: #000000 !important;
}


.main-menu__list li a:hover {
    color: #137a3d !important;
}


.main-menu__list li.current a, 
.main-menu__list li.current-menu-item a,
.main-menu__list li.current_page_item a {
    color: #000000 !important;
}

/*&&&&&&&&&&&&&&&&&&&&&&*/


@media only screen and (max-width: 767px) {
    /* Allineamento  del logo con l'icona menu */
    header.main-header .main-header__logo img {
        height: 75px !important;     /* Dimensione corretta per mobile */
        margin-top: -27px !important; /* Valore negativo per farlo SALIRE e centrarlo con le linee */
        transform: none !important;
        display: block !important;
    }

    /* Rende il contenitore flessibile per permettere l'allineamento */
    .main-header__logo-box {
        display: flex !important;
        align-items: center !important;
        height: auto !important;
    }

    /* Sistema l'altezza della riga per evitare che il logo venga tagliato */
    .main-header__wrapper {
        padding-top: 20px !important; 
    }
}


/*&&&&&&&&&&&&&&&&&&&&&&*/



/* Rende le scritte bianche nel menu laterale mobile */
.mobile-nav__container .main-menu__list li a {
    color: #ffffff !important;
}

/* Rende bianche anche le scritte dei contatti nel menu mobile */
.mobile-nav__container .mobile-nav__contact li a,
.mobile-nav__container .mobile-nav__contact li i {
    color: #ffffff !important;
}

/* Effetto al passaggio (o al tocco) nel menu mobile*/
.mobile-nav__container .main-menu__list li a:hover {
    color: #f7d432 !important; 
}

/* Rende le scritte bianche nel menu laterale mobile */
.mobile-nav__container .main-menu__list li a {
    color: #ffffff !important;
}

/* Rende bianche anche le scritte dei contatti nel menu mobile */
.mobile-nav__container .mobile-nav__contact li a,
.mobile-nav__container .mobile-nav__contact li i {
    color: #ffffff !important;
}

/* Effetto al passaggio (o al tocco) nel menu mobile */
.mobile-nav__container .main-menu__list li a:hover {
    color: #f7d432 !important; 
}/* Rende le scritte bianche nel menu laterale mobile */
.mobile-nav__container .main-menu__list li a {
    color: #ffffff !important;
}

/* Forza il bianco per le icone social nel menu mobile */
.mobile-nav__container .mobile-nav__social a i,
.mobile-nav__social a i,
.mobile-nav__social a {
    color: #ffffff !important;
}

/* Se sono nella testata alta (desktop), nere/verdi */
.main-header__top .main-header__social a i,
.main-header__top .main-header__social a {
    color: #000000 !important;
}

.main-header__top .main-header__social a:hover i {
    color: #137a3d !important; /* Il tuo verde */
}

/* 1. ICONE SOCIAL: Bianche nel menu mobile, Nere su PC */
.mobile-nav__container .mobile-nav__social a,
.mobile-nav__container .mobile-nav__social a i {
    color: #ffffff !important;
}

.main-header__social a,
.main-header__social a i {
    color: #ffffff !important;
    transition: color 0.3s ease;
}

/* 2. EFFETTO VERDE AL PASSAGGIO (Hover) per Menu e Social su PC */
.main-menu__list li a:hover,
.main-menu__list li a:hover span,
.main-header__social a:hover,
.main-header__social a:hover i {
    color: #137a3d !important;
}

/* 3. PAGINA ATTIVA (HOME): Nera di base, Verde se ci passi sopra */
.main-menu__list li.current a, 
.main-menu__list li.current-menu-item a {
    color: #000000 !important;
}

.main-menu__list li.current a:hover, 
.main-menu__list li.current-menu-item a:hover {
    color: #137a3d !important;
}

/*&&&&&&&&&&&&&&&&&&&&&&*/

/* Forza il bianco per la pagina attiva (Home) SOLO nel menu mobile */
.mobile-nav__container .main-menu__list li.current a, 
.mobile-nav__container .main-menu__list li.current-menu-item a,
.mobile-nav__container .main-menu__list li.current_page_item a {
    color: #ffffff !important;
}


.mobile-nav__container .main-menu__list li.current a span,
.mobile-nav__container .main-menu__list li.current-menu-item a span {
    color: #ffffff !important;
}/* End custom CSS */