.elementor-4553 .elementor-element.elementor-element-6e30abf{--display:flex;--position:fixed;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;top:50vh;--z-index:9999;}.elementor-4553 .elementor-element.elementor-element-6e30abf:not(.elementor-motion-effects-element-type-background), .elementor-4553 .elementor-element.elementor-element-6e30abf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-4553 .elementor-element.elementor-element-6e30abf.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-4553 .elementor-element.elementor-element-6e30abf{right:0px;}body.rtl .elementor-4553 .elementor-element.elementor-element-6e30abf{left:0px;}.elementor-4553 .elementor-element.elementor-element-4da81a9{--grid-template-columns:repeat(1, auto);text-align:center;width:var( --container-widget-width, 45px );max-width:45px;background-color:var( --e-global-color-primary );--container-widget-width:45px;--container-widget-flex-grow:0;--icon-size:17px;--grid-column-gap:5px;--grid-row-gap:15px;}.elementor-4553 .elementor-element.elementor-element-4da81a9.elementor-element{--align-self:flex-end;}.elementor-4553 .elementor-element.elementor-element-4da81a9 .elementor-social-icon{background-color:var( --e-global-color-primary );border-style:none;}.elementor-4553 .elementor-element.elementor-element-4da81a9 .elementor-social-icon i{color:var( --e-global-color-secondary );}.elementor-4553 .elementor-element.elementor-element-4da81a9 .elementor-social-icon svg{fill:var( --e-global-color-secondary );}.elementor-4553 .elementor-element.elementor-element-4da81a9 .elementor-icon{border-radius:0px 0px 0px 0px;}.elementor-4553 .elementor-element.elementor-element-cd7d1d0{--display:flex;--position:fixed;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;bottom:35px;--z-index:9999;}body:not(.rtl) .elementor-4553 .elementor-element.elementor-element-cd7d1d0{left:0px;}body.rtl .elementor-4553 .elementor-element.elementor-element-cd7d1d0{right:0px;}.elementor-4553 .elementor-element.elementor-element-c49f997{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-4553 .elementor-element.elementor-element-6e30abf{--width:60px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );top:30vh;}.elementor-4553 .elementor-element.elementor-element-4da81a9{padding:10px 10px 10px 10px;--icon-size:17px;}}@media(min-width:768px){.elementor-4553 .elementor-element.elementor-element-6e30abf{--width:50px;}.elementor-4553 .elementor-element.elementor-element-cd7d1d0{--content-width:100%;}.elementor-4553 .elementor-element.elementor-element-c49f997{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4553 .elementor-element.elementor-element-6e30abf{--width:50px;}.elementor-4553 .elementor-element.elementor-element-c49f997{--width:80vw;}}/* Start custom CSS for html, class: .elementor-element-b2e0ccf */:root{
  /* Vetro più trasparente (Apple-like) */
  --lg-bg: rgba(255,255,255,.06);
  --lg-border: rgba(255,255,255,.22);
  --lg-blur: 10px;

  --lg-shadow:
    0 18px 50px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.70),
    inset 0 -1px 0 rgba(0,0,0,.05);

  /* Hover: più “presenza” ma sempre trasparente */
  --glass-hover: rgba(255,255,255,.16);
  --glass-hover-border: rgba(255,255,255,.28);
  --glass-hover-shadow:
    0 20px 56px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -1px 0 rgba(0,0,0,.06);

  --text: #000;
  --radius: 999px;

  /* Sizes */
  --h: 46px;
  --w-collapsed: 60px;
  --w-expanded: 180px; /* ✅ fix */
  --gap: 12px;

  --t: 260ms cubic-bezier(.2,.8,.2,1);
}

/* Wrapper glass */
.liquid-glass-menu{
  position: fixed;
  left: 50%;
  bottom: 80px;
  transform: translateX(-50%);
  z-index: 9999;

  padding: 10px;
  border-radius: calc(var(--radius) + 8px);

  background: var(--lg-bg);
  border: 1px solid var(--lg-border);

  /* blur moderato: trasparenza > nebbia */
  backdrop-filter: blur(var(--lg-blur)) saturate(1.35);
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(1.35);

  box-shadow: var(--lg-shadow);
  overflow: hidden;

  /* necessario per pseudo-layer corretti */
  isolation: isolate;
}

/* Highlight + bordo vetro */
.liquid-glass-menu::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  pointer-events:none;
  z-index: 0;

  background:
    radial-gradient(120% 80% at 20% 0%, rgba(255,255,255,.55), rgba(255,255,255,0) 55%),
    linear-gradient(to bottom, rgba(255,255,255,.28), rgba(255,255,255,0) 55%);

  box-shadow:
    inset 2px 2px 0px -2px rgba(255, 255, 255, 0.65),
    inset 0 0 3px 1px rgba(255, 255, 255, 0.45);
}

/* Layer “liquid”: di default DISATTIVO (performance) */
.liquid-glass-menu::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;

  filter: none;
  -webkit-filter: none;
  background: transparent;

  z-index: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--t);
}

/* Attiva liquid SOLO quando serve (solo se :has è supportato) */
@supports .elementor-4553 .elementor-element.elementor-element-b2e0ccf(:has(*)) {
  .liquid-glass-menu:has(.liquid-link:hover)::after,
  .liquid-glass-menu:has(.liquid-link:focus-visible)::after,
  .liquid-glass-menu:has(.liquid-link[data-open="1"])::after{
    opacity: 1;
    filter: url(#lg-container-glass);
    -webkit-filter: url(#lg-container-glass);
  }
}

/* layout pills */
.liquid-menu{
  position: relative;
  display:flex;
  gap: var(--gap);
  align-items:center;
  z-index: 1; /* sopra ai layer */
}

/* Link pill: COLLAPSED (default sempre chiuso) */
.liquid-link{
  height: var(--h);
  width: var(--w-collapsed);
  border-radius: var(--radius);

  display:flex;
  align-items:center;
  justify-content:center;

  gap:0;
  padding:0;

  text-decoration:none;
  color: var(--text);

  background: transparent;
  border: 1px solid transparent;

  overflow:hidden;
  outline:none;

  transition:
    width var(--t),
    background var(--t),
    box-shadow var(--t),
    border-color var(--t),
    padding var(--t),
    gap var(--t);
}

/* Hover/Focus: apre */
.liquid-link:hover,
.liquid-link:focus-visible{
  width: var(--w-expanded);
  background: var(--glass-hover);
  border-color: var(--glass-hover-border);
  box-shadow: var(--glass-hover-shadow);

  gap: 10px;
  padding: 0 16px;
}

/* Touch preview (tap) */
.liquid-link[data-open="1"]{
  width: var(--w-expanded);
  background: var(--glass-hover);
  border-color: var(--glass-hover-border);
  box-shadow: var(--glass-hover-shadow);
  gap: 10px;
  padding: 0 16px;
}

/* Icone */
.liquid-icon{
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  display:block;
  transition: transform var(--t);
}

.liquid-link:hover .liquid-icon,
.liquid-link:focus-visible .liquid-icon{
  transform: scale(1.06);
}

/* Label reveal */
.liquid-label{
  max-width:0;
  overflow:hidden;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  transition: max-width var(--t);
}

.liquid-title{
  font-family: "Manrope", sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--text);

  opacity:0;
  transform: translateX(10px);
  transition: opacity var(--t), transform var(--t);
}

.liquid-link:hover .liquid-label,
.liquid-link:focus-visible .liquid-label,
.liquid-link[data-open="1"] .liquid-label{
  max-width: 120px;
}

.liquid-link:hover .liquid-title,
.liquid-link:focus-visible .liquid-title,
.liquid-link[data-open="1"] .liquid-title{
  opacity:1;
  transform: translateX(0);
}

/* =========================================
   CURRENT PAGE HIGHLIGHT (senza aprire label)
   Usa aria-current="page" messo dal JS
========================================= */
.liquid-link[aria-current="page"]{
  width: var(--w-collapsed) !important;
  padding: 0 !important;
  gap: 0 !important;
  justify-content: center;

  background: var(--glass-hover);
  border-color: var(--glass-hover-border);
  box-shadow: var(--glass-hover-shadow);

  backdrop-filter: blur(var(--lg-blur)) saturate(1.35);
  -webkit-backdrop-filter: blur(var(--lg-blur)) saturate(1.35);
}

.liquid-link[aria-current="page"] .liquid-icon{
  transform: scale(1.06);
  filter: drop-shadow(0 6px 14px rgba(0,0,0,.20));
}

/* Label sempre chiusa nello stato corrente */
.liquid-link[aria-current="page"] .liquid-label{ max-width: 0 !important; }
.liquid-link[aria-current="page"] .liquid-title{
  opacity: 0 !important;
  transform: translateX(10px) !important;
}

/* Se passi in hover sulla voce corrente, si apre come le altre */
.liquid-link[aria-current="page"]:hover,
.liquid-link[aria-current="page"]:focus-visible{
  width: var(--w-expanded) !important;
  padding: 0 16px !important;
  gap: 10px !important;
}
.liquid-link[aria-current="page"]:hover .liquid-label,
.liquid-link[aria-current="page"]:focus-visible .liquid-label{
  max-width: 120px !important;
}
.liquid-link[aria-current="page"]:hover .liquid-title,
.liquid-link[aria-current="page"]:focus-visible .liquid-title{
  opacity: 1 !important;
  transform: translateX(0) !important;
}

/* ✅ LANGUAGE TOGGLE: solo bandiera (mai testo, mai expand) */
.liquid-lang-toggle{
  width: var(--w-collapsed) !important;
  padding: 0 !important;
  gap: 0 !important;
}
.liquid-lang-toggle:hover,
.liquid-lang-toggle:focus-visible,
.liquid-lang-toggle[data-open="1"]{
  width: var(--w-collapsed) !important;
  padding: 0 !important;
  gap: 0 !important;
}
.liquid-lang-toggle .liquid-label{
  display:none !important;
}
.liquid-lang-toggle__icon{
  object-fit: contain;
  display:block;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .liquid-link, .liquid-icon, .liquid-label, .liquid-title,
  .liquid-glass-menu::after{
    transition:none !important;
  }
}

/* MOBILE */
@media (max-width: 480px){
  :root{
    --h: 46px;
    --w-collapsed: 46px;
    --w-expanded: 150px;
    --gap: 6px;
    --lg-blur: 8px;
  }

  .liquid-icon{
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
  }

  .liquid-glass-menu{
    bottom: 50px;
    padding: 8px;
  }

  .liquid-title{
    font-size: 9px;
  }

  .liquid-link:hover .liquid-label,
  .liquid-link:focus-visible .liquid-label,
  .liquid-link[data-open="1"] .liquid-label,
  .liquid-link[aria-current="page"]:hover .liquid-label,
  .liquid-link[aria-current="page"]:focus-visible .liquid-label{
    max-width: 100px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c49f997 *//* Liquid Glass */
.liquid-glass {
  position: fixed;        /* fisso nella viewport */
  bottom: 20px;           /* distanza dal bordo inferiore */
  left: 50%;
  transform: translateX(-50%);

  z-index: 999999;        /* sempre sopra a tutto */
  border-radius: 50px;

  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.35),
    rgba(255, 255, 255, 0.1)
  );

  backdrop-filter: blur(18px) saturate(180%);
  -webkit-backdrop-filter: blur(18px) saturate(180%);

  border: 1px solid rgba(255, 255, 255, 0.4);

  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.15),
    inset 0 1px 1px rgba(255, 255, 255, 0.6);

  overflow: hidden;
}

.liquid-glass::before {
  content: "";
  position: absolute;
  inset: 0;

  background: radial-gradient(
    circle at top left,
    rgba(255, 255, 255, 0.6),
    transparent 80%
  );

  opacity: 0.6;
  pointer-events: none;
}

/* Layout interno della navbar (non altera il tuo liquid-glass) */
.liquid-nav {
  width: min(280px, calc(100vw - 32px));
  padding: 8px;
}

.liquid-nav__inner {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  align-items: center;
}

/* “Thumb” stile iOS che scorre */
.liquid-nav__thumb {
  position: absolute;
  inset: 0;
  width: calc(50% - 3px);
  border-radius: 999px;

  background: rgba(255,255,255,0.28);
  border: 1px solid rgba(255,255,255,0.35);
  box-shadow:
    0 6px 18px rgba(0,0,0,0.14),
    inset 0 1px 1px rgba(255,255,255,0.55);

  transform: translateX(0%);
  transition: transform 260ms cubic-bezier(.2,.8,.2,1);
  pointer-events: none;
}

/* Bottoni */
.liquid-nav__btn {
  position: relative;
  z-index: 1; /* sopra al thumb */
  height: 44px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;

  display: grid;
  place-items: center;

  color: rgba(20,20,20,0.75);
  transition: color 160ms ease, transform 160ms ease;
}

.liquid-nav__btn:active {
  transform: scale(0.98);
}

.liquid-nav__btn.is-active {
  color: rgba(20,20,20,0.95);
}

.liquid-nav__icon {
  width: 22px;
  height: 22px;
}

/* Utility per accessibilità */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/* FIX: il riflesso (::before) sotto, contenuto sopra */
.liquid-glass { position: fixed; }
.liquid-glass::before { z-index: 0; }
.liquid-glass > * { position: relative; z-index: 1; }/* End custom CSS */