/*
Theme Name: Sistemi Energetici Theme
Theme URI: https://themes.muffingroup.com/betheme
Author: Know K.
Author URI: https://knowk.it
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

/*MENU 1° Livello*/

#menu-home-sistemi-energetici .mfn-header-menu>.mfn-menu-li>.mfn-menu-link{
padding:4px;
}

#menu-home-sistemi-energetici .mfn-header-menu .mfn-menu-link .label-wrapper{
right: 43px;
}

#menu-home-sistemi-energetici .mfn-header-menu .mfn-menu-link .mfn-menu-subicon{
position: relative;
left: 43px;
}

/*END*/


/* Sottomenu di 2° e 3° livello: statici e collassati, dentro il flusso */
.mfn-header-mainmenu .mfn-submenu .mfn-submenu {
  position: static !important;
  transform: none !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  margin: 0 !important;
  padding-left: 16px !important;

  /* stato chiuso */
  display: block !important;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height .3s ease, opacity .3s ease;
}

/* stato aperto (classe aggiunta dal JS) */
.mfn-header-mainmenu .mfn-menu-li.mfn-acc-open > .mfn-submenu {
  max-height: 600px;
  opacity: 1;
}

/* freccia del 2° livello che ruota quando aperto */
.mfn-header-mainmenu .mfn-submenu .menu-item-has-children.mfn-acc-open > a .mfn-menu-sub-subicon {
  transform: rotate(180deg);
  transition: transform .3s ease;
}


/* === PANNELLO DROPDOWN (1° livello: Aree di attività, Organizzazione...) === */
.mfn-header-mainmenu > .mfn-menu-li > .mfn-submenu {
	background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-radius: 10px;
    padding: 10px 0px;
    min-width: 220px;
    box-shadow: none;
}

/* === 2° livello: la pillola va SOLO sul link, così i figli (3° livello) restano fuori === */
.mfn-header-mainmenu > .mfn-menu-li > .mfn-submenu > .mfn-menu-li {
  background: transparent !important;
  border-radius: 10px !important;
  overflow: visible !important;   /* NON ritaglia i figli dentro la pillola */
  margin-bottom: 6px;
}
.mfn-header-mainmenu > .mfn-menu-li > .mfn-submenu > .mfn-menu-li:last-child {
  margin-bottom: 0;
}
.mfn-header-mainmenu > .mfn-menu-li > .mfn-submenu > .mfn-menu-li > .mfn-menu-link {
 /* background: rgba(255, 255, 255, 0.20) !important;*/
  border-radius: 10px;
}
/*.mfn-header-mainmenu > .mfn-menu-li > .mfn-submenu > .mfn-menu-li:hover > .mfn-menu-link {
  background: rgba(255, 255, 255, 0.28) !important;
}*/

/* Testo dei link nel pannello */
.mfn-header-mainmenu .mfn-submenu .mfn-menu-link {
  color: #fff;
  padding: 12px 16px;
}

/* === 3° livello (Biogas, Biometano, Revamping): ogni voce ha la SUA pillola,
   ma NON è inglobata nella pillola del 2° livello (pillola sul link, li trasparente) === */
.mfn-header-mainmenu .mfn-submenu .mfn-submenu {
  padding-left: 14px !important;
  padding-top: 8px !important;      /* stacco dal 2° livello + evita il taglio degli angoli */
  padding-bottom: 4px !important;   /* evita il taglio degli angoli dell'ultima pillola */
}
.mfn-header-mainmenu .mfn-submenu .mfn-submenu > .mfn-menu-li {
  background: transparent !important;   /* il <li> resta trasparente */
  border-radius: 10px !important;
  overflow: visible !important;         /* non ritaglia nulla */
  margin-bottom: 6px;
}
.mfn-header-mainmenu .mfn-submenu .mfn-submenu > .mfn-menu-li:last-child {
  margin-bottom: 0px !important;
}
.mfn-header-mainmenu .mfn-submenu .mfn-submenu > .mfn-menu-li > .mfn-menu-link {
  /*background: rgba(255, 255, 255, 0.20) !important;*/   /* la pillola è qui */
  border-radius: 10px;
  padding: 8px 16px;
  font-size: 0.95em;
}
/*.mfn-header-mainmenu .mfn-submenu .mfn-submenu > .mfn-menu-li:hover > .mfn-menu-link {
  background: rgba(255, 255, 255, 0.28) !important;
}*/

/* Freccia del 2° livello: mostrala solo dove ci sono figli */
.mfn-header-mainmenu .mfn-submenu .mfn-menu-li:not(.menu-item-has-children) .mfn-menu-sub-subicon {
  display: none;
}





/* =====================================================
   MENU HOME SISTEMI ENERGETICI
   Stile uniforme per menu e sottomenu
   ===================================================== */

/* Menu principale orizzontale */
#menu-home-sistemi-energetici .mfn-header-menu {
    display: flex !important;
    width: 100%;
    align-items: stretch;
}

/* Tutte le voci principali hanno la stessa larghezza */
#menu-home-sistemi-energetici .mfn-header-menu > li.mfn-menu-li {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0;
    position: relative;
}

/* Tutti gli elementi del menu diventano riferimento
   per i rispettivi sottomenu */
#menu-home-sistemi-energetici .mfn-header-menu li.mfn-menu-li {
    position: relative;
}

/* Stile comune a tutte le voci:
   menu principale, sottomenu e livelli successivi */
#menu-home-sistemi-energetici .mfn-header-menu li.mfn-menu-li > a.mfn-menu-link {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 25px;
    padding: 0px 10px;

    box-sizing: border-box;
    gap: 10px;
	border-radius: 10px!important;
}

/* Elimina l'helper che può alterare l'allineamento */
#menu-home-sistemi-energetici
.mfn-header-menu
li.mfn-menu-li > a.mfn-menu-link
> .mfn-menu-item-helper {
    display: none !important;
}

/* Testo sempre allineato a sinistra */
#menu-home-sistemi-energetici
.mfn-header-menu
li.mfn-menu-li > a.mfn-menu-link
> .mfn-menu-label-wrapper {
    position: static !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    flex: 1 1 auto;
    min-width: 0;
    width: auto;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}

/* Testo interno */
#menu-home-sistemi-energetici
.mfn-header-menu
li.mfn-menu-li > a.mfn-menu-link
.menu-label {
    display: block;
    width: 100%;

    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;

    white-space: normal;
    overflow-wrap: break-word;
    text-align: left !important;
}

/* Icona sempre allineata a destra */
#menu-home-sistemi-energetici
.mfn-header-menu
li.menu-item-has-children > a.mfn-menu-link
> .menu-sub {
    position: static !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    flex: 0 0 auto;

    margin: 0 0 0 auto !important;
    padding: 0 !important;

    transform: none !important;
}

/* Uniforma anche l'icona interna */
#menu-home-sistemi-energetici
.mfn-header-menu
li.menu-item-has-children > a.mfn-menu-link
> .menu-sub i {
    display: block;
    margin: 0;
}

/* Ogni sottomenu assume la larghezza del proprio padre */
#menu-home-sistemi-energetici
.mfn-header-menu
li.mfn-menu-li > ul.sub-menu {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box;
}

/* Tutte le voci dei sottomenu occupano l'intera larghezza */
#menu-home-sistemi-energetici
.mfn-header-menu
ul.sub-menu > li.mfn-menu-li {
    width: 100% !important;
    box-sizing: border-box;
}

/* Primo sottomenu posizionato sotto il padre */
#menu-home-sistemi-energetici
.mfn-header-menu > li.mfn-menu-li > ul.sub-menu {
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
}

/* Sottomenu dal secondo livello in poi */
#menu-home-sistemi-energetici
.mfn-header-menu
ul.sub-menu li.mfn-menu-li > ul.sub-menu {
    top: 0 !important;
    left: 100% !important;
    right: auto !important;
}



/* =====================================================
   VOCI DI TERZO LIVELLO
   Graficamente uguali al livello superiore
   ===================================================== */

/* Struttura della singola voce di terzo livello */
#menu-home-sistemi-energetici
.mfn-header-menu
li.menu-terzo-livello {
    position: relative !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 0 6px 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Link del terzo livello */
#menu-home-sistemi-energetici
.mfn-header-menu
li.menu-terzo-livello
> a.mfn-menu-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    min-height: 25px !important;

    margin: 0 !important;
    padding: 4px 10px !important;

    gap: 10px !important;
    box-sizing: border-box !important;
	background-color:rgba(255, 255, 255, 0.05);
}

.mfn-header-menu
li.menu-terzo-livello
> a:hover{
	background-color:rgba(255, 255, 255, 0.8) !important;
}


/* Elimina l'elemento helper inserito da BeTheme */
#menu-home-sistemi-energetici
.mfn-header-menu
li.menu-terzo-livello
> a.mfn-menu-link
> .mfn-menu-item-helper {
    display: none !important;
}


/* Posizione dell'etichetta */
#menu-home-sistemi-energetici
.mfn-header-menu
li.menu-terzo-livello
> a.mfn-menu-link
> .mfn-menu-label-wrapper {
    position: static !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    display: block !important;
    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
    transform: none !important;
}


/* Testo uguale al livello superiore */
#menu-home-sistemi-energetici
.mfn-header-menu
li.menu-terzo-livello
> a.mfn-menu-link
.menu-label {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;

    white-space: normal !important;
    overflow-wrap: break-word;

    text-align: left !important;
}


/* Spazio dell'icona uguale al livello superiore */
#menu-home-sistemi-energetici
.mfn-header-menu
li.menu-terzo-livello
> a.mfn-menu-link
> .menu-sub {
    position: static !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 16px !important;

    width: 16px !important;
    min-width: 16px !important;

    margin: 0 0 0 auto !important;
    padding: 0 !important;

    transform: none !important;
}


/* Le voci di terzo livello non hanno un ulteriore sottomenu:
   nasconde la freccia mantenendone lo spazio */
#menu-home-sistemi-energetici
.mfn-header-menu
li.menu-terzo-livello
> a.mfn-menu-link
> .menu-sub i {
    visibility: hidden !important;

    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* Il contenitore del terzo livello mantiene
   la stessa larghezza del padre */
#menu-home-sistemi-energetici
.mfn-header-menu
li.menu-item-has-children
> ul.sub-menu:has(> li.menu-terzo-livello) {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    margin: 3px 0 3px 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Elimina eventuali rientri applicati dal tema
   alle voci di terzo livello */
#menu-home-sistemi-energetici
.mfn-header-menu
ul.sub-menu
ul.sub-menu
> li.menu-terzo-livello
> a.mfn-menu-link {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/*MOD ARTICOLI*/

.post-meta .author-date .post-date{
	color:#bbbbbb;
	font-size:17px;
	line-height:21px;
}
.post-meta .author-date .icon-clock{
	display:none;
}

.post-footer{
	display:none;
}

/*END*/

/*MENU PAGINE INTERNE*/

#menu2-sfondo .section_wrapper{
	background-color:#ECECE0;
	border-radius:15px;
}

/*END*/


/*SLIDER*/

sr7-slide{
	border-radius: 0 0 74px 74px;
}

/*END*/

/*PAGINA I NOSTRI SPAZI - MAPPA*/

.az-mappa-wrap h4{
	color: #000;
    font-size: 15px;
	line-height:23px;
    margin-bottom: 5px;
}

.az-mappa-wrap p{
	color: #000;
    font-size: 15px;
	line-height:23px;
    font-family: "Baloo Bhai 2", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/*END*/

/*CONTATORE - PAGINA BIOGAS/BIMETANO*/

.page-id-487 .contatore-kk .mcb-item-counter-inner {
    background-image: none !important;
}

/*END*/