/* ============================================
   HEADER — posizione e sfondo
   ============================================ */
.elementor-2447 .elementor-element.elementor-element-bd53ba1:not(.elementor-motion-effects-element-type-background),
.elementor-2447 .elementor-element.elementor-element-bd53ba1 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: rgb(255 255 255 / 80%) !important;
}
.elementor-2447 .elementor-element.elementor-element-bd53ba1:not(.elementor-motion-effects-element-type-background), .elementor-2447 .elementor-element.elementor-element-bd53ba1 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: rgb(255 255 255 / 70%) !important;
}
/* Sfondo bianco del pannello sottomenu (dropdown) */
.elementskit-dropdown.elementskit-submenu-panel {
    background-color: #FFFFFF !important;
}


/* ============================================
   COLORE GLOBALE ELEMENTOR (Kit) — accent verde logo
   Sostituisce il giallo di default del tema ovunque
   ============================================ */
.elementor-kit-13,
body {
    --e-global-color-accent: #529E02 !important;
}


/* ============================================
   MENU PRINCIPALE — spaziatura fluida (no andata a capo)
   Si restringe gradualmente da 1600px a 1027px,
   sopra i 1600px torna ai valori originali del tema
   ============================================ */
.main-header-menu li.menu-item {
    margin: 0 clamp(0px, calc(1.745 * 1vw - 17.92px), 10px) !important;
}

.main-header-menu li.menu-item > a.ekit-menu-nav-link {
    padding: 12px clamp(3px, calc(1.221 * 1vw - 9.54px), 10px) !important;
    font-size: clamp(12px, calc(0.698 * 1vw + 4.832px), 16px) !important;
    white-space: nowrap !important;
}

.main-header-menu ul.ekit-menu-nav,
.main-header-menu ul.elementskit-navbar-nav {
    flex-wrap: nowrap !important;
}

/* Triangolino indicatore sottomenu, blu logo (era bianco = invisibile) */
.main-header-menu .elementskit-submenu-indicator {
    color: #044594 !important;
}


/* ============================================
   MENU PRINCIPALE — colori voci (blu/verde del logo)
   ============================================ */
/* Colore base voci menu = blu del logo */
.main-header-menu .ekit-menu-nav-link {
    color: #044594 !important;
}

/* Voce attiva (pagina corrente) = verde del logo */
.main-header-menu .menu-item.current-menu-item > .ekit-menu-nav-link,
.main-header-menu .menu-item.current-menu-ancestor > .ekit-menu-nav-link {
    color: #529E02 !important;
}

/* Hover = verde del logo */
.main-header-menu .ekit-menu-nav-link:hover {
    color: #529E02 !important;
}

/* Voci dei sottomenu (dropdown) */
.main-header-menu .dropdown-item {
    color: #044594 !important;
}
.main-header-menu .dropdown-item:hover,
.main-header-menu .dropdown-item.active {
    color: #529E02 !important;
}


/* ============================================
   HAMBURGER MENU MOBILE
   ============================================ */
.elementskit-menu-hamburger,
.elementskit-menu-hamburger i,
.elementskit-menu-hamburger span {
    color: #FFFFFF !important;
}


/* ============================================
   ICONE CON SFONDO VERDE — contenuto bianco per contrasto
   ============================================ */
/* Box icona nei box informativi (elementskit) */
.elementskit-info-box-icon,
.elementskit-info-box-icon i,
.elementskit-info-box-icon svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* Icone Elementor con sfondo verde specifiche (homepage) */
.elementor-element-9e139c2 .elementor-icon svg,
.elementor-element-0619d83 .elementor-icon svg,
.elementor-element-d5d8f69 .elementor-icon svg,
.elementor-element-18d027f .elementor-icon svg,
.elementor-element-974f7cb .elementor-icon svg,
.elementor-element-87c0ae7 .elementor-icon svg {
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
}


/* ============================================
   BOTTONI (Get In Touch, Get Free Estimate, Sostienici, ecc.)
   ============================================ */
/* Testo del bottone bianco di default... */
.ekit_creative_button .ekit_creative_button_text {
    color: #FFFFFF !important;
}
/* ...ma blu scuro in hover, perché lo sfondo diventa bianco */
.ekit_creative_button:hover .ekit_creative_button_text {
    color: #044594 !important;
}

/* Riquadro freccia: sfondo bianco, freccia blu scuro (stato normale) */
.ekit_creative_button_icon_wrapper svg {
    background-color: #FFFFFF !important;
}
.ekit_creative_button_icon_wrapper svg path {
    fill: #044594 !important;
}
.elementor-widget-elementskit-creative-button .ekit_position_aware svg path {
    fill: #044594 !important;
}

/* Freccia blu scuro anche in hover (il plugin la forzava nera) */
.ekit_creative_button:hover:not(#_) svg path {
    fill: #044594 !important;
    stroke: #044594 !important;
}
.backdrop-filter.main-header-menu {
    backdrop-filter: blur(5px) saturate(100%) !important;
}
.post-single-image {
    display: none !important;
}
@media (max-width: 1024px) {
  .elementskit-menu-container.active {
    height: auto !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
  }
}
@media (max-width: 1024px) {
  .elementskit-menu-container.active {
    height: auto !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    background: #ffffff !important;
    background-image: none !important;
  }

  .elementskit-menu-container.active .ekit-menu-nav-link.ekit-menu-nav-link {
    font-size: 20px !important;
    padding: 18px 20px !important;
  }
}