/* ITNETCOM_MENU_MATERIAL_ICONS_FIX_PHASE6I_V1
   Correzione icone Material Symbols/Icons nel menu: evita ligature mostrate come testo
   quando il menu eredita text-transform uppercase o quando manca il font. */
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,400,0,0');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

.material-symbols-outlined,
.material-symbols-rounded,
.material-symbols-sharp,
.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp,
[class^="material-symbols-"],
[class*=" material-symbols-"],
[class^="material-icons"],
[class*=" material-icons"] {
  font-weight: normal !important;
  font-style: normal !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  display: inline-block !important;
  white-space: nowrap !important;
  word-wrap: normal !important;
  direction: ltr !important;
  -webkit-font-feature-settings: 'liga' !important;
  -webkit-font-smoothing: antialiased !important;
  font-feature-settings: 'liga' !important;
  font-variant-ligatures: normal !important;
  overflow: hidden;
  max-width: 1.35em;
  min-width: 1.15em;
  vertical-align: middle;
  flex: 0 0 auto;
}

.material-symbols-outlined,
.material-symbols-rounded,
.material-symbols-sharp,
[class^="material-symbols-"],
[class*=" material-symbols-"] {
  font-family: 'Material Symbols Outlined' !important;
}

.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp,
[class^="material-icons"],
[class*=" material-icons"] {
  font-family: 'Material Icons' !important;
}

/* Il menu del portale usa testo maiuscolo: le ligature delle icone devono restare minuscole. */
nav .material-symbols-outlined,
nav .material-symbols-rounded,
nav .material-symbols-sharp,
nav .material-icons,
nav .material-icons-outlined,
nav .material-icons-round,
nav .material-icons-sharp,
.itn-menu .material-symbols-outlined,
.itn-main-nav .material-symbols-outlined,
.site-menu .material-symbols-outlined,
.header-menu .material-symbols-outlined,
.main-menu .material-symbols-outlined {
  text-transform: none !important;
}

/* Se per qualunque motivo il font non è ancora caricato, evita che parole come home/shopping_bag allarghino il menu. */
.itn-header nav [class*="material"],
.site-header nav [class*="material"],
header nav [class*="material"] {
  overflow: hidden;
  max-width: 1.35em;
}