/* Solo sulle pagine che hanno l'interruttore attivo. */
/* RS Header Footer Elementor e i temi che montano l'header in #masthead. */
body.medon-header-transparent #masthead,
body.medon-header-transparent .elementor-location-header {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999;
  background: transparent !important;
  box-shadow: none !important;
}
/* Fallback se il template RS non si trova dentro #masthead. */
body.medon-header-transparent:not(:has(#masthead)):not(:has(.elementor-location-header)) .elementor-131016 {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
/* Rimuove lo sfondo bianco dei contenitori principali del template header. */
body.medon-header-transparent .elementor-131016,
body.medon-header-transparent .elementor-131016 > .elementor-element,
body.medon-header-transparent .elementor-131016 > .e-con,
body.medon-header-transparent .elementor-131016 > .elementor-section,
body.medon-header-transparent .elementor-131016 > .elementor-element > .elementor-container,
body.medon-header-transparent .elementor-131016 > .elementor-element > .elementor-widget-wrap {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
/* Menu RS Navigation Menu, stati normali, attivi, hover e focus. */
body.medon-header-transparent .elementor-131016 .hfe-nav-menu nav > ul > li > a,
body.medon-header-transparent .elementor-131016 .hfe-nav-menu nav > ul > li > .hfe-has-submenu-container > a,
body.medon-header-transparent .elementor-131016 .hfe-nav-menu nav > ul > li.current-menu-item > a,
body.medon-header-transparent .elementor-131016 .hfe-nav-menu nav > ul > li.current_page_item > a,
body.medon-header-transparent .elementor-131016 .hfe-nav-menu nav > ul > li.current-menu-ancestor > a,
body.medon-header-transparent .elementor-131016 .hfe-nav-menu nav > ul > li > a:hover,
body.medon-header-transparent .elementor-131016 .hfe-nav-menu nav > ul > li > a:focus,
body.medon-header-transparent .elementor-131016 .hfe-nav-menu nav > ul > li > .hfe-has-submenu-container > a:hover,
body.medon-header-transparent .elementor-131016 .hfe-nav-menu nav > ul > li > .hfe-has-submenu-container > a:focus {
  color: #fff !important;
}
/* Elimina il rettangolo bianco del contenitore Elementor dietro la pillola.
   Il bianco resta esclusivamente sul form arrotondato. */
body.medon-header-transparent .elementor-131016 .elementor-widget-hfe-search-button,
body.medon-header-transparent .elementor-131016 .elementor-widget-hfe-search-button > .elementor-widget-container,
body.medon-header-transparent .elementor-131016 .elementor-widget-hfe-search-button .elementor-widget-container,
body.medon-header-transparent .elementor-131016 .elementor-widget-hfe-search-button .elementor-widget-container::before,
body.medon-header-transparent .elementor-131016 .elementor-widget-hfe-search-button .elementor-widget-container::after {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
/* Anche gli eventuali wrapper dell'RS Search non devono avere sfondi quadrati. */
body.medon-header-transparent .elementor-131016 .elementor-widget-hfe-search-button .search-wrap {
  background: transparent !important;
  box-shadow: none !important;
}
/* RS Search Style 3: pill bianca, testo e lente teal.
   Selettori basati sul markup effettivo di class-search-button.php.
   La pill è il form, non l'input: evita il rettangolo bianco visibile prima. */
body.medon-header-transparent .elementor-131016 .elementor-widget-hfe-search-button form.bs-search.search-form-style3,
body.medon-header-transparent .elementor-131016 form.bs-search.search-form-style3 {
  background: #fff !important;
  background-image: none !important;
  border: 1px solid #008f8b !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  color: #004f4b !important;
}
body.medon-header-transparent .elementor-131016 .search-form-style3 .search-wrap {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: inherit !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
body.medon-header-transparent .elementor-131016 .search-form-style3 .search-wrap input.search-input,
body.medon-header-transparent .elementor-131016 .search-form-style3 .search-wrap input[type="search"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  color: #008f8b !important;
  -webkit-text-fill-color: #008f8b !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
body.medon-header-transparent .elementor-131016 .search-form-style3 .search-wrap input.search-input::placeholder {
  color: #008f8b !important;
  opacity: 1 !important;
}
body.medon-header-transparent .elementor-131016 .search-form-style3 .search-wrap button,
body.medon-header-transparent .elementor-131016 .search-form-style3 .search-wrap button:hover,
body.medon-header-transparent .elementor-131016 .search-form-style3 .search-wrap button:focus {
  position: relative !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  color: #004f4b !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
body.medon-header-transparent .elementor-131016 .search-form-style3 .search-wrap button i,
body.medon-header-transparent .elementor-131016 .search-form-style3 .search-wrap button i::before,
body.medon-header-transparent .elementor-131016 .search-form-style3 .search-wrap button:hover i,
body.medon-header-transparent .elementor-131016 .search-form-style3 .search-wrap button:hover i::before {
  color: #004f4b !important;
  opacity: 1 !important;
  visibility: visible !important;
}
/* Barra amministrazione: evita che il menu finisca sotto la toolbar WP. */
body.admin-bar.medon-header-transparent #masthead,
body.admin-bar.medon-header-transparent .elementor-location-header,
body.admin-bar.medon-header-transparent:not(:has(#masthead)):not(:has(.elementor-location-header)) .elementor-131016 {
  top: 32px;
}
@media (max-width: 782px) {
  body.admin-bar.medon-header-transparent #masthead,
  body.admin-bar.medon-header-transparent .elementor-location-header,
  body.admin-bar.medon-header-transparent:not(:has(#masthead)):not(:has(.elementor-location-header)) .elementor-131016 {
    top: 46px;
  }
}

/* v1.0.3: dopo lo scroll il menu dell'header sticky torna grigio scuro.
   Le regole originali restano intatte quando la pagina e' in cima. */
body.medon-header-transparent.medon-header-scrolled .elementor-131016 .hfe-nav-menu nav > ul > li > a,
body.medon-header-transparent.medon-header-scrolled .elementor-131016 .hfe-nav-menu nav > ul > li > .hfe-has-submenu-container > a,
body.medon-header-transparent.medon-header-scrolled .elementor-131016 .hfe-nav-menu nav > ul > li.current-menu-item > a,
body.medon-header-transparent.medon-header-scrolled .elementor-131016 .hfe-nav-menu nav > ul > li.current_page_item > a,
body.medon-header-transparent.medon-header-scrolled .elementor-131016 .hfe-nav-menu nav > ul > li.current-menu-ancestor > a,
body.medon-header-transparent.medon-header-scrolled .elementor-131016 .hfe-nav-menu nav > ul > li > a:hover,
body.medon-header-transparent.medon-header-scrolled .elementor-131016 .hfe-nav-menu nav > ul > li > a:focus,
body.medon-header-transparent.medon-header-scrolled .elementor-131016 .hfe-nav-menu nav > ul > li > .hfe-has-submenu-container > a:hover,
body.medon-header-transparent.medon-header-scrolled .elementor-131016 .hfe-nav-menu nav > ul > li > .hfe-has-submenu-container > a:focus {
  color: #3f3f3f !important;
}
/* Se il tema usa un clone sticky, il colore si applica anche a quel menu. */
body.medon-header-transparent.medon-header-scrolled .sticky-header .hfe-nav-menu nav > ul > li > a,
body.medon-header-transparent.medon-header-scrolled .sticky-header .hfe-nav-menu nav > ul > li > .hfe-has-submenu-container > a,
body.medon-header-transparent.medon-header-scrolled .header-sticky .hfe-nav-menu nav > ul > li > a,
body.medon-header-transparent.medon-header-scrolled .header-sticky .hfe-nav-menu nav > ul > li > .hfe-has-submenu-container > a {
  color: #3f3f3f !important;
}


/* v1.0.4: sul menu mobile aperto, sfondo bianco = link scuri.
   Limitato alla pagina con toggle attivo e ai breakpoint mobile/tablet.
   Prevale anche sulle regole desktop che rendono i link bianchi sopra la hero. */
@media (max-width: 1024px) {
  body.medon-header-transparent .elementor-131016 .hfe-nav-menu nav.hfe-dropdown a,
  body.medon-header-transparent .elementor-131016 .hfe-nav-menu nav.hfe-dropdown-expandible a,
  body.medon-header-transparent .elementor-131016 .hfe-nav-menu nav.menu-is-active a,
  body.medon-header-transparent .elementor-131016 nav.hfe-dropdown a.hfe-menu-item,
  body.medon-header-transparent .elementor-131016 nav.hfe-dropdown a.hfe-sub-menu-item,
  body.medon-header-transparent .elementor-131016 nav.hfe-dropdown-expandible a.hfe-menu-item,
  body.medon-header-transparent .elementor-131016 nav.hfe-dropdown-expandible a.hfe-sub-menu-item,
  body.medon-header-transparent .elementor-131016 nav.menu-is-active a.hfe-menu-item,
  body.medon-header-transparent .elementor-131016 nav.menu-is-active a.hfe-sub-menu-item,
  body.medon-header-transparent .elementor-131016 .hfe-flyout-wrapper nav a.hfe-menu-item,
  body.medon-header-transparent .elementor-131016 .hfe-flyout-wrapper nav a.hfe-sub-menu-item {
    color: #3f3f3f !important;
    -webkit-text-fill-color: #3f3f3f !important;
  }
  /* Le etichette possono essere dentro span o altri elementi colorati dal tema. */
  body.medon-header-transparent .elementor-131016 nav.hfe-dropdown a.hfe-menu-item span,
  body.medon-header-transparent .elementor-131016 nav.hfe-dropdown-expandible a.hfe-menu-item span,
  body.medon-header-transparent .elementor-131016 nav.menu-is-active a.hfe-menu-item span,
  body.medon-header-transparent .elementor-131016 .hfe-flyout-wrapper nav a span {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
  }
}

/* v1.0.9: centra verticalmente la lente RS Search solo sull'header trasparente.
   Non altera altezza/larghezza della pillola, il logo o il menu. */
body.medon-header-transparent:not(.medon-header-scrolled) .elementor-131016 .search-form-style3 .search-wrap button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  vertical-align: middle !important;
  line-height: 1 !important;
}
body.medon-header-transparent:not(.medon-header-scrolled) .elementor-131016 .search-form-style3 .search-wrap button i,
body.medon-header-transparent:not(.medon-header-scrolled) .elementor-131016 .search-form-style3 .search-wrap button svg {
  display: block !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* v1.0.10: RS Header/Footer imposta "header .bs-search button { top: 8px; }".
   Il flex della v1.0.9 centra il contenuto, ma non elimina questo offset.
   Lo azzeriamo SOLO nell'header trasparente non sticky, senza cambiare misure. */
body.medon-header-transparent:not(.medon-header-scrolled) .elementor-131016 form.bs-search.search-form-style3 .search-wrap button[type="submit"] {
  top: 0 !important;
  bottom: auto !important;
  transform: none !important;
}

/* v1.0.13 | Search trasparente con contorno, testo e lente bianchi.
   Solo header trasparente iniziale; sticky verde resta indipendente. */
body.medon-header-transparent:not(.medon-sticky-green-active):not(.medon-header-scrolled)
.elementor-131016 .elementor-widget-hfe-search-button form.bs-search.search-form-style3 {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 1px solid #fff !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #fff !important;
}
body.medon-header-transparent:not(.medon-sticky-green-active):not(.medon-header-scrolled)
.elementor-131016 .search-form-style3 .search-wrap,
body.medon-header-transparent:not(.medon-sticky-green-active):not(.medon-header-scrolled)
.elementor-131016 .search-form-style3 .search-wrap input.search-input {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.medon-header-transparent:not(.medon-sticky-green-active):not(.medon-header-scrolled)
.elementor-131016 .search-form-style3 .search-wrap input.search-input {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff !important;
}
body.medon-header-transparent:not(.medon-sticky-green-active):not(.medon-header-scrolled)
.elementor-131016 .search-form-style3 .search-wrap input.search-input::placeholder {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
body.medon-header-transparent:not(.medon-sticky-green-active):not(.medon-header-scrolled)
.elementor-131016 .search-form-style3 .search-wrap button,
body.medon-header-transparent:not(.medon-sticky-green-active):not(.medon-header-scrolled)
.elementor-131016 .search-form-style3 .search-wrap button i,
body.medon-header-transparent:not(.medon-sticky-green-active):not(.medon-header-scrolled)
.elementor-131016 .search-form-style3 .search-wrap button i::before {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background-color: transparent !important;
}


/* v1.0.14 | Mobile/tablet: lente bianca solo sull'header trasparente
   iniziale (sopra la hero), MAI su header normale o sticky.
   Copre sia l'icona del form sia la variante mobile RS .search_icons. */
@media (max-width: 1024px) {
  body.medon-header-transparent:not(.medon-sticky-green-active):not(.medon-header-scrolled)
  #rs-header .ri-search-line,
  body.medon-header-transparent:not(.medon-sticky-green-active):not(.medon-header-scrolled)
  #rs-header .ri-search-line::before,
  body.medon-header-transparent:not(.medon-sticky-green-active):not(.medon-header-scrolled)
  .elementor-131016 .search_icons .ri-search-line,
  body.medon-header-transparent:not(.medon-sticky-green-active):not(.medon-header-scrolled)
  .elementor-131016 .search_icons .ri-search-line::before,
  body.medon-header-transparent:not(.medon-sticky-green-active):not(.medon-header-scrolled)
  .elementor-131016 .elementor-element-d8aab1a .ri-search-line,
  body.medon-header-transparent:not(.medon-sticky-green-active):not(.medon-header-scrolled)
  .elementor-131016 .elementor-element-d8aab1a .ri-search-line::before {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
}

/* v1.0.15 | Mobile/tablet: icona CHIUDI della ricerca bianca
   esclusivamente nell'header trasparente iniziale, non nello sticky.
   La lente e gli altri comportamenti della v1.0.14 restano invariati. */
@media (max-width: 1024px) {
  body.medon-header-transparent:not(.medon-sticky-green-active):not(.medon-header-scrolled)
  #rs-header .search_icons .ri-close-line,
  body.medon-header-transparent:not(.medon-sticky-green-active):not(.medon-header-scrolled)
  #rs-header .search_icons .ri-close-line::before,
  body.medon-header-transparent:not(.medon-sticky-green-active):not(.medon-header-scrolled)
  .elementor-131016 .search_icons .ri-close-line,
  body.medon-header-transparent:not(.medon-sticky-green-active):not(.medon-header-scrolled)
  .elementor-131016 .search_icons .ri-close-line::before,
  body.medon-header-transparent:not(.medon-sticky-green-active):not(.medon-header-scrolled)
  .elementor-131016 .search_icons.icon_close i,
  body.medon-header-transparent:not(.medon-sticky-green-active):not(.medon-header-scrolled)
  .elementor-131016 .search_icons.icon_close i::before,
  body.medon-header-transparent:not(.medon-sticky-green-active):not(.medon-header-scrolled)
  .elementor-131016 .elementor-element-d8aab1a .ri-close-line,
  body.medon-header-transparent:not(.medon-sticky-green-active):not(.medon-header-scrolled)
  .elementor-131016 .elementor-element-d8aab1a .ri-close-line::before {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
}