/* Cursore mouse corretto */
.sp-megamenu-parent > li > span,
.sp-megamenu-parent > li > a {
  cursor: pointer;
}


/* Evita che le immagini che hanno dimensione in altezza di
   120, 180 e 240, vengano ridimensionate proporzionalmente e
   diventino più grandi del dovuto
*/
/*.img-reset-size {
  width: auto !important;
  height: auto !important;
}
.img-120 {
  height: 120px !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  border: 5px solid red;
}

.img-180 {
  height: 180px !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  border: 5px solid red;
}

.img-240 {
  height: 240px !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  border: 5px solid red;
}
*/

/*#addonWrapper #addonId img {
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
*/

/* Colori usati */
/* #313B55 *//* Blu-viola petrolio molto scuro */
/* #a5cf4b *//* DA PALETTE: Verde chiaro */
/* #7dc855 *//* PRECEDENTE: Verde chiaro */
/* #ffffff *//* Bianco */
/* #000000 *//* Nero */


/* ---------- */
/* NON STICKY */
/* ---------- */

/* Stato “attivo” (voce attuale es. HOME)
   Voce attuale con padding corretto
   Serve a dare lo stile corretto alla voce attiva
   (quella della pagina corrente)
*/
#sp-header:not(.menu-fixed) .sp-megamenu-parent > li.active > a {
  color: #000000 !important;
  background-color: #a5cf4b !important;
  padding: 0 20px !important;
  line-height: 40px !important;
  display: inline-block;
}

/* ELIMINATO PERCHE' NON ABBIAMO SEPARATORI
   Voci di menu tipo "Le Piante" (senza link)
   definisce lo stile per le voci senza link, come "Le Piante", "Novità", ecc.
*/
/*
  #sp-header:not(.menu-fixed) .sp-menu-separator {
  color: #000000 !important;
  background-color: #ffffff !important;
  padding: 0 20px !important;
  line-height: 40px !important;
  display: inline-block;
  cursor: pointer;
}*/

/* Tutte le voci, stile dimensione e padding coerente
   Applica uno stile  dimensione e padding uniforme
   a tutte le voci del menu orizzontale
*/
#sp-header:not(.menu-fixed) .sp-megamenu-parent li > a,
#sp-header:not(.menu-fixed) .sp-megamenu-parent li > span {
  padding: 0 20px !important;
  line-height: 40px !important;
  display: inline-block;
}

/* Hover – solo colore, niente più gonfiamenti
   Definisce lo stile quando l’utente passa con il mouse
   su una voce del menu
*/
#sp-header:not(.menu-fixed) .sp-megamenu-parent li > a:hover,
#sp-header:not(.menu-fixed) .sp-megamenu-parent li > span:hover {
  /*color: #0F210B !important;*/
  background-color: #a5cf4b !important;
}

/* Dropdown – struttura base delle voci (non in hover)
   Imposta le voci come blocchi interi (display: block)
   così lo sfondo può estendersi su tutta la riga.
   Aggiunge padding e line-height per leggibilità e spacing uniforme.
   Il background è trasparente finché non c'è hover.
*/
#sp-header .sp-dropdown li.sp-menu-item > a,
#sp-header .sp-dropdown li.sp-menu-item > span {
  display: block;
  width: 100%;
  padding: 10px 20px;
  line-height: 1.5;
  background-color: transparent;
}

/* Dropdown – stile al passaggio del mouse (hover)
   Quando l'utente passa sopra una voce del dropdown,
   il colore di sfondo diventa verde brillante
   e il testo diventa nero, come nel menu principale.
*/
#sp-header .sp-dropdown li.sp-menu-item > a:hover,
#sp-header .sp-dropdown li.sp-menu-item > span:hover {
  color: #000000;
  background-color: #a5cf4b;
}

/* Colora il genitore del dropdown anche quando il mouse è sul menu figlio
   Evita che la voce genitore (tipo "Le Piante") perda il colore
   quando il mouse scende nel dropdown.
*/
#sp-header .sp-megamenu-parent > li:hover > a,
#sp-header .sp-megamenu-parent > li:hover > span.sp-menu-separator {
  color: #000000 !important;
  background-color: #a5cf4b !important;
}


/* Diminuire padding del contenitore dropdown
   Elimina quel fastidioso spazio bianco attorno alle
   voci del dropdown, rendendolo elegante e compatto
*/
#sp-header .sp-dropdown .sp-dropdown-inner {
  padding: 5px 10px !important;
}


/* ------------------- */
/* NON STICKY & STICKY */
/* ------------------- */

/* Dropdown – voce attiva (pagina corrente) */
#sp-header .sp-dropdown li.sp-menu-item.active > a,
#sp-header .sp-dropdown li.sp-menu-item.active > span {
  color: #000000;
  background-color: #a5cf4b;
}


/* ---------- */
/* STICKY     */
/* ---------- */

/* ===============================
   STICKY – Colore testo bianco in hover sulla barra orizzontale
   =============================== */
#sp-header.header-sticky .sp-megamenu-parent > li:hover > a {
  color: #ffffff !important;
}

/* ===============================
   COLORE DI SFONDO DELLA BARRA STICKY (HEADER FISSO)
   =============================== */
#sp-header.header-sticky {
  background-color: #313B55 !important; /* Blu-grigio scuro, coerente col tema */
}

/* ===============================
   COLORE DEL TESTO PER LA VOCE ATTIVA (quella evidenziata in verde brillante)
   =============================== */
#sp-header.header-sticky .sp-megamenu-parent > li.active > a,
#sp-header.header-sticky .sp-megamenu-parent > li.active > span {
  color: #ffffff !important;
}

/* ===============================
   STILE PER I MENU SEPARATOR (non cliccabili) in modalità sticky
   =============================== */
#sp-header.header-sticky .sp-megamenu-parent > li.sp-menu-item > span.sp-menu-separator {
  background-color: #313B55 !important;
  color: #ffffff !important;
}

/* ===============================
   COLORE TESTO → tutte le voci di menu in modalità sticky
   (sia <a> che <span>, inclusi dropdown e voce corrente)
   =============================== */
#sp-header.header-sticky .sp-megamenu-parent li a,
#sp-header.header-sticky .sp-megamenu-parent li span,
#sp-header.header-sticky .sp-megamenu-parent > li > a,
#sp-header.header-sticky .sp-megamenu-parent > li > span {
  color: #ffffff !important;
}

/* ===============================
   STICKY – Sfondo del box dropdown
   =============================== */
#sp-header.header-sticky .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background-color: #313B55 !important;
}
/* ===============================
   STICKY – Colore del testo nel box dropdown
   =============================== */
#sp-header.header-sticky .sp-dropdown li.sp-menu-item > a {
  color: #ffffff !important;
}