/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0.0
*/



/* =========================================
   HEADER THEME SWITCH (clean + safe)
   Classi via JS:
   .is-on-hero  (bianco)
   .is-off-hero (nero)
   .is-glass    (optional)
   .is-header-hidden (optional)
========================================= */

.site-header{
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 9999;
  transition: transform .28s ease, background-color .28s ease, backdrop-filter .28s ease;
  -webkit-transition: transform .28s ease, background-color .28s ease, -webkit-backdrop-filter .28s ease;

  /* default (pagine senza hero) */
  --hdr-fg: #111;
}

/* stato colore */
.site-header.is-on-hero{ --hdr-fg:#fff; }
.site-header.is-off-hero{ --hdr-fg:#111; }

/* =========================
   Applica colore SOLO al top header Elementor
   (NON al tuo overlay #menu-columns)
========================= */

.site-header .elementor-nav-menu--main > .elementor-nav-menu > li > a{
  color: var(--hdr-fg) !important;
}

/* hamburger bars (il  #menu-button è dentro header) */
.site-header #menu-button .bar{
  background: var(--hdr-fg) !important;
}

/* icone Elementor (widget Icon) -> sempre outline */
.site-header .elementor-icon{
  color: var(--hdr-fg) !important;
}
.site-header .elementor-icon svg,
.site-header .elementor-icon svg *{
  fill: none !important;
  stroke: currentColor !important;
}

/* logo (widget Image con class hdr-logo): non filtrare */
.site-header .hdr-logo img{
  filter: none !important;
}

/* opzionale: glass */
.site-header.is-glass{
  background: linear-gradient(to bottom, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* opzionale: hide */
.site-header.is-header-hidden{
  transform: translateY(-110%);
}

/* =========================
   FIX Elementor/WP dropdown 
   Sempre: sfondo bianco + testo nero
========================= */

.site-header .elementor-nav-menu--dropdown,
.site-header .elementor-nav-menu--dropdown .sub-menu{
  background: #fff !important;
}

.site-header .elementor-nav-menu--dropdown a{
  color: #111 !important;
  background: transparent !important;
}

.site-header .elementor-nav-menu--dropdown a:hover,
.site-header .elementor-nav-menu--dropdown a:focus,
.site-header .elementor-nav-menu--dropdown .current-menu-item > a{
  background: rgba(0,0,0,.06) !important;
  color: #111 !important;
}


.site-header #menu-columns a{
  color: inherit !important;
}