/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 14 2025 | 08:57:49 */
/* Sfondo blu del menu laterale */
.col-sm-6.no-padding.bg-white.full-screen {
  background-color: #062172 !important; /* blu scuro */
}

/* Voci del menu in bianco */
.col-sm-6.no-padding.bg-white.full-screen a {
  color: #ffffff !important;
  text-decoration: none; /* opzionale: rimuove sottolineatura */
  display: block;
  padding: 10px 14px;
  transition: color 0.2s ease;
}

/* Hover: testo azzurro, sfondo resta blu */
.col-sm-6.no-padding.bg-white.full-screen a:hover {
  color: #37a0e4 !important;
  background-color: transparent !important; /* sfondo invariato */
}

/* Colore base: X bianca */
#close-button,
.close-button-menu {
  color: #ffffff !important; /* utile se gli pseudo usano currentColor */
}

#close-button::before,
#close-button::after,
.close-button-menu::before,
.close-button-menu::after {
  background-color: #ffffff !important; /* per le due “aste” dell’X */
  border-color: #ffffff !important;     /* nel caso siano linee via border */
}

/* Hover opzionale in azzurro */
#close-button:hover,
.close-button-menu:hover {
  color: #37a0e4 !important;
}

#close-button:hover::before,
#close-button:hover::after,
.close-button-menu:hover::before,
.close-button-menu:hover::after {
  background-color: #37a0e4 !important;
  border-color: #37a0e4 !important;
}

/* Voci sottomenu: più grandi su TUTTI i device */
#menu-locoitalia-menu .dropdown-menu a {
  font-size: 18px !important;
  line-height: 1.4 !important;
  padding: 10px 14px !important;
  color: #062172 !important; /* se su sfondo bianco */
  text-decoration: none !important;
  border: 0 !important;       /* rimuove eventuali righe */
}

/* Rimuovi qualsiasi divider nel sottomenu */
#menu-locoitalia-menu .dropdown-menu .dropdown-divider,
#menu-locoitalia-menu .dropdown-menu hr,
#menu-locoitalia-menu .dropdown-menu li::before,
#menu-locoitalia-menu .dropdown-menu li::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
}

/* Forza assenza di bordi/righe tra le voci */
#menu-locoitalia-menu .dropdown-menu > li,
#menu-locoitalia-menu .dropdown-menu > li > a {
  border: 0 !important;
}

/* ====== TOGGLE (freccia) BIANCO ====== */
/* elimina qualsiasi icona di default */
#menu-locoitalia-menu .dropdown > .dropdown-toggle {
  background: none !important;
  background-image: none !important;
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
  width: 30px; height: 30px;             /* area clic comoda */
  position: absolute; right: 0; top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

/* ridisegna la freccia come caret bianco (compatibile ovunque) */
#menu-locoitalia-menu .dropdown > .dropdown-toggle::after {
  content: "";
  display: block;
  width: 0; height: 0;
  margin: 0 auto;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid #fff;            /* caret verso il basso */
}

/* se il tema usa anche ::before, lo annulliamo */
#menu-locoitalia-menu .dropdown > .dropdown-toggle::before {
  content: none !important;
}

/* ====== MOBILE: voci principali più grandi ====== */
@media (max-width: 991.98px) {
  #menu-locoitalia-menu > li > a {
    font-size: 26px !important;
    line-height: 1.3 !important;
    padding: 12px 14px !important;
    color: #fff !important;              /* testo bianco sul blu */
  }

  /* sottomenu su mobile: mantieni testo bianco se resta su sfondo blu */
  .col-sm-6.no-padding.bg-white.full-screen #menu-locoitalia-menu .dropdown-menu a {
    color: #fff !important;
  }
}

/* ===== DESKTOP: allinea le voci del sottomenu al testo del parent ===== */
@media (min-width: 992px) {
  /* imposta un padding sinistro di riferimento per le voci principali */
  #menu-locoitalia-menu { --pad-left: 14px; } /* cambia 14px se il tuo link ha altro padding */

  /* il testo della voce principale (es. "Servizi") */
  #menu-locoitalia-menu > li > a {
    padding-left: var(--pad-left) !important;
  }

  /* sottomenu nel flusso, senza box */
  #menu-locoitalia-menu li.menu-item-has-children > .dropdown-menu {
    position: static !important;
    display: none;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 6px 0 8px !important; /* piccolo respiro */
  }

  /* mostrare il sottomenu */
  #menu-locoitalia-menu li.menu-item-has-children:hover > .dropdown-menu,
  #menu-locoitalia-menu li.menu-item-has-children:focus-within > .dropdown-menu,
  #menu-locoitalia-menu li.open > .dropdown-menu,
  #menu-locoitalia-menu li.show > .dropdown-menu {
    display: block !important;
  }

  /* voci del sottomenu: stesse “colonne” del parent */
  #menu-locoitalia-menu .dropdown-menu a {
    display: block !important;
    padding-left: var(--pad-left) !important;  /* <-- allineamento perfetto */
    padding-right: 0 !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
    background: transparent !important;
    text-decoration: none !important;
    border: 0 !important;
  }

  /* hover: solo testo azzurro */
  #menu-locoitalia-menu .dropdown-menu a:hover {
    color: #37a0e4 !important;
    background: transparent !important;
  }

  /* niente divider */
  #menu-locoitalia-menu .dropdown-menu .dropdown-divider,
  #menu-locoitalia-menu .dropdown-menu hr {
    display: none !important;
  }
}

/* --- BLOCCO 1: stile overlay e menu --- */
.menu-overlay,
.e-offcanvas__backdrop,
.elementor-nav-menu--dropdown__container {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0,0,0,.65) !important;
  z-index: 9998 !important;
}

.menu-drawer,
.e-offcanvas,
.elementor-nav-menu--dropdown {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  height: 100dvh !important;
  width: min(86vw, 520px) !important;
  background: #151272 !important;
  z-index: 9999 !important;
  transform: translateX(0);
}

html.menu-open,
body.menu-open,
html.e-offcanvas-open,
body.e-offcanvas-open {
  overflow: hidden !important;
  height: 100% !important;
}

.site, .site-content, main {
  background: transparent !important;
}

/* --- BLOCCO 2: fix avanzato per lo scroll --- */
.lock-scroll {
  position: fixed;
  overflow: hidden !important;
  width: 100%;
}

html.lock-scroll,
body.lock-scroll {
  overscroll-behavior: none;
}

.e-offcanvas,
.e-offcanvas__backdrop {
  height: 100svh;
  height: 100dvh;
}