/* SINTEX SHARED NAVIGATION V1 */

html body .desktop-nav a::after {
    content: "" !important;
    position: absolute !important;

    left: 10% !important;
    bottom: 6px !important;

    width: 80% !important;
    height: 2px !important;

    border-radius: 1px !important;

    background: #1472c6 !important;
    box-shadow: none !important;

    opacity: 0 !important;

    transform: scaleX(0) !important;
    transform-origin: center center !important;

    transition:
      transform .30s cubic-bezier(.22, 1, .36, 1),
      opacity .18s ease
      !important;
}


html body .desktop-nav a:hover,
html body .desktop-nav a.is-active {
    color: #1472c6 !important;
    transform: translateY(-1px) !important;
}


html body .desktop-nav a:hover::after,
html body .desktop-nav a.is-active::after {
    opacity: 1 !important;
    transform: scaleX(1) !important;
}


/* SINTEX SHARED NAVIGATION V2 — MENU ESTESO */
@media (min-width: 1281px) {
  html body header.site-header nav.desktop-nav {
    gap: clamp(16px, 1.5vw, 28px) !important;
  }

  html body header.site-header nav.desktop-nav a {
    font-size: clamp(.90rem, .82vw, 1rem) !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 1280px) {
  html body .mobile-menu-links {
    gap: 10px !important;
  }

  html body .mobile-menu-links a {
    min-height: 60px !important;
  }
}

@media (max-width: 1280px) and (max-height: 720px) {
  html body .mobile-menu {
    padding-top: 14px !important;
    padding-bottom: 16px !important;
  }

  html body .mobile-menu-top {
    margin-bottom: 12px !important;
  }

  html body .mobile-menu-links {
    gap: 8px !important;
  }

  html body .mobile-menu-links a {
    min-height: 54px !important;
  }

  html body .mobile-menu-cta {
    margin-top: 12px !important;
  }
}



/* SINTEX NAV V3 FINAL START */

/*
 * DESKTOP
 * Più respiro tra brand Sintex e navigazione.
 * Muoviamo l'intero blocco logo + scritta, non la scritta da sola.
 */
@media (min-width: 1281px) {
  html body header.site-header .nav-wrap > .brand {
    transform: translateX(-18px) !important;
  }
}

/*
 * MOBILE
 * Ripristina 14px reali tra i box:
 * il precedente shared CSS li comprimeva a 10px.
 */
@media (max-width: 1280px) {
  html body .mobile-menu-links {
    gap: 14px !important;
  }

  html body .mobile-menu-links a {
    min-height: 60px !important;
  }
}

/*
 * DISPLAY BASSI
 * Mantiene il menu utilizzabile senza tornare agli 8px precedenti.
 */
@media (max-width: 1280px) and (max-height: 720px) {
  html body .mobile-menu-links {
    gap: 10px !important;
  }

  html body .mobile-menu-links a {
    min-height: 54px !important;
  }
}

/* SINTEX NAV V3 FINAL END */