/* SOLO item del menu (esclude social automaticamente) */
.uc-menu-split .t-menu__link-item{
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;

  display: inline-block !important;
  padding-bottom: 6px;

  background-image:
    linear-gradient(currentColor, currentColor),
    linear-gradient(currentColor, currentColor) !important;
  background-repeat: no-repeat, no-repeat !important;
  background-position: left 100%, right 100% !important;
  background-size: 0 3px, 0 3px !important;

  transition: background-size .45s ease !important;
}

.uc-menu-split .t-menu__link-item:hover{
  background-size: 50% 3px, 50% 3px !important;
}

/* =========================================================
   SOCIAL ICONS (Tilda menu/header) – FIX DESKTOP
   Target: ul.t-sociallinks__wrapper[aria-label="Social media links"]
   ========================================================= */

ul.t-sociallinks__wrapper[aria-label="Social media links"]{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  /* elimina spazi fantasma (inclusi  ) */
  font-size: 0 !important;
  line-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}

ul.t-sociallinks__wrapper[aria-label="Social media links"] .t-sociallinks__item{
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* il  nel tuo HTML ha width/height inline: lo rendiamo “clean” */
ul.t-sociallinks__wrapper[aria-label="Social media links"] .t-sociallinks__item > a{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 30px !important;
  height: 30px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;

  /* elimina rendering “da testo” */
  font-size: 0 !important;
  line-height: 0 !important;

  -webkit-tap-highlight-color: transparent;
  transition: transform 0.25s ease;
}

/* svg inline -> block (toglie spazi/baseline) */
ul.t-sociallinks__wrapper[aria-label="Social media links"] .t-sociallinks__svg{
  display: block !important;
}

/* default bianco (nel tuo HTML i path hanno già fill="#fff", ma lo ribadiamo) */
ul.t-sociallinks__wrapper[aria-label="Social media links"] .t-sociallinks__svg *,
ul.t-sociallinks__wrapper[aria-label="Social media links"] .t-sociallinks__item svg *{
  fill: #ffffff !important;
  stroke: #ffffff !important;
  transition: fill 0.25s ease, stroke 0.25s ease;
}

/* hover: lift */
ul.t-sociallinks__wrapper[aria-label="Social media links"] .t-sociallinks__item > a:hover{
  transform: translateY(-2px);
}

/* hover: rosso */
ul.t-sociallinks__wrapper[aria-label="Social media links"] .t-sociallinks__item > a:hover svg *{
  fill: #86270E !important;
  stroke: #86270E !important;
}

/* niente focus/active box */
ul.t-sociallinks__wrapper[aria-label="Social media links"] .t-sociallinks__item > a:focus,
ul.t-sociallinks__wrapper[aria-label="Social media links"] .t-sociallinks__item > a:active{
  outline: none !important;
  box-shadow: none !important;
}

ul.t-sociallinks__wrapper[aria-label="Social media links"] .t-sociallinks__item > a{
  border-radius: 999px !important;
  overflow: hidden !important;
}



/* ===== BAIB glass menu (T228) – NO JS, NO sparizione ===== */
#rec1756508113{
  z-index: 999999 !important;

  /* glass sempre attivo */
  background: rgba(255,255,255,0.20) !important; /* quasi invisibile in alto */
  -webkit-backdrop-filter: blur(14px) saturate(140%) !important;
  backdrop-filter: blur(14px) saturate(140%) !important;

  border-bottom: 1px solid rgba(255,255,255,0.20) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.04) !important;
}