/* Desktop disclosure. Existing mobile click navigation stays intact. */
.itda-hover-submenus{display:none}
.page-shell.itda-menu-landing{min-height:55vh}
@media screen and (min-width:901px){
  .app-header .itda-hover-submenus{
    display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;
    position:absolute;left:0;right:auto;z-index:5;
    width:max-content;max-width:calc(100% - 16px);
    pointer-events:none;
    background:rgba(250,253,255,.95);
    background:color-mix(in srgb,var(--itda-custom-surface,#fff) 94%,rgba(125,211,252,.25));
    border:1px solid rgba(186,230,253,.30);border-radius:var(--itda-custom-panel-radius,14px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 2px rgba(14,116,144,.06),0 7px 18px rgba(15,23,42,.08);
    -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
    transition:grid-template-rows .28s ease,opacity .22s ease,visibility .28s;
  }
  .app-header .itda-hover-submenus.is-open{
    grid-template-rows:1fr;opacity:1;visibility:visible;pointer-events:auto;
  }
  .itda-hover-submenus-clip{min-height:0;overflow:hidden}
  .itda-hover-submenus-links{
    display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;
    padding:7px 8px;border:0;background:transparent;
  }
  .itda-hover-submenus-links .sub-item{
    display:flex;align-items:center;min-height:36px;padding:7px 12px;
    font-family:inherit;font-size:var(--itda-custom-nav-size,14px);
    color:var(--itda-custom-text,var(--text,#0f172a));
    border-radius:var(--itda-custom-button-radius,10px);
    text-decoration:none;white-space:normal;overflow-wrap:anywhere;
    background:transparent!important;box-shadow:none!important;
    transition:background-color .18s ease,box-shadow .18s ease,color .18s ease;
  }
  .app-header .itda-hover-submenus-links .sub-item.active,
  .app-header .itda-hover-submenus-links .sub-item:hover,
  .app-header .itda-hover-submenus-links .sub-item:focus-visible,
  html body .app-header .sub-nav .sub-item.active,
  html body .app-header .sub-nav .sub-item:hover,
  html body .app-header .sub-nav .sub-item:focus-visible{
    color:var(--itda-custom-primary,var(--primary,#2563eb));
    background:linear-gradient(135deg,rgba(255,255,255,.50),rgba(255,255,255,.12) 48%,rgba(255,255,255,.28)),rgba(125,211,252,.24)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.88),
      inset 1px 0 0 rgba(255,255,255,.52),
      inset 0 -1px 2px rgba(14,116,144,.16),
      0 3px 9px rgba(14,116,144,.12)!important;
    -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
    text-decoration:none;
  }
  .app-header .itda-hover-submenus-links .sub-item:active,
  html body .app-header .sub-nav .sub-item:active{
    box-shadow:inset 0 2px 5px rgba(14,116,144,.22),
      inset 0 -1px 0 rgba(255,255,255,.60)!important;
  }
  .app-header.itda-hover-preview-open > .subbar{visibility:hidden}
  html:is(.itda-menu-left-root,.itda-menu-right-root) body .app-header .itda-hover-submenus-sidebar{
    position:static;left:auto;right:auto;width:100%;max-width:100%;
    border-radius:var(--itda-custom-button-radius,10px);flex-shrink:0;
  }
  .itda-hover-submenus-sidebar .itda-hover-submenus-links{
    flex-direction:column;align-items:stretch;gap:4px;padding:7px 0 7px 12px;border-top:0;
  }
  .itda-hover-submenus-sidebar .sub-item{font-size:13px;padding:7px 10px}
  html:is(.itda-menu-left-root,.itda-menu-right-root) body .app-header.itda-hover-preview-open .itda-sidebar-subbar{display:none!important}
}
@media screen and (prefers-reduced-motion:reduce){
  .app-header .itda-hover-submenus,
  .itda-hover-submenus-links .sub-item{transition:none}
}
@media screen and (prefers-reduced-transparency:reduce){
  .app-header .itda-hover-submenus{
    background:var(--itda-custom-surface,#fff);
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
  .app-header .itda-hover-submenus-links .sub-item.active,
  .app-header .itda-hover-submenus-links .sub-item:hover,
  .app-header .itda-hover-submenus-links .sub-item:focus-visible,
  html body .app-header .sub-nav .sub-item.active,
  html body .app-header .sub-nav .sub-item:hover,
  html body .app-header .sub-nav .sub-item:focus-visible{
    background:#e0f2fe!important;
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
}

/* 2026-10-03: liquid glass only on menu links.
   Keep existing routes, disclosure geometry, custom menu tree and permissions. */
@media screen {
  body.itda-menu-glass .app-header, body.itda-menu-glass .server-mobile-nav {
    --itda-menu-glass-surface: var(--itda-custom-surface,var(--surface,#fff));
    --itda-menu-glass-accent: var(--itda-custom-primary,var(--primary,#2563eb));
    --itda-menu-glass-fill: linear-gradient(155deg,rgba(255,255,255,.74),rgba(255,255,255,.08) 54%,rgba(255,255,255,.40)), var(--itda-menu-glass-surface);
    --itda-menu-glass-selected: linear-gradient(155deg,rgba(255,255,255,.68),rgba(255,255,255,.12) 55%,rgba(255,255,255,.26)), #bdd7ff;
    --itda-menu-glass-shadow: inset 1px 2px 2px rgba(255,255,255,.94), inset -1px -2px 3px rgba(30,58,92,.15), 0 3px 0 rgba(30,58,92,.17), 2px 6px 10px rgba(30,58,92,.10);
    --itda-menu-glass-glow: inset 1px 2px 3px rgba(255,255,255,.95), inset -1px -2px 4px rgba(37,99,235,.25), 0 3px 0 rgba(37,99,235,.28), 0 5px 15px rgba(37,99,235,.20);
  }
  @supports (background:color-mix(in srgb,white 50%,blue)) {
    body.itda-menu-glass .app-header, body.itda-menu-glass .server-mobile-nav {
      --itda-menu-glass-selected: linear-gradient(155deg,rgba(255,255,255,.68),rgba(255,255,255,.12) 55%,rgba(255,255,255,.26)), color-mix(in srgb,var(--itda-menu-glass-accent) 29%,var(--itda-menu-glass-surface));
      --itda-menu-glass-glow: inset 1px 2px 3px rgba(255,255,255,.95), inset -1px -2px 4px color-mix(in srgb,var(--itda-menu-glass-accent) 28%,transparent), 0 3px 0 color-mix(in srgb,var(--itda-menu-glass-accent) 32%,transparent), 0 5px 15px color-mix(in srgb,var(--itda-menu-glass-accent) 22%,transparent);
    }
  }
  html body.itda-menu-glass:not(.itda-custom-safe-mode) :is(
    .app-header .main-nav .nav-item,
    .app-header .sub-nav .sub-item,
    .app-header .itda-hover-submenus-links .sub-item,
    .server-mobile-nav .mobile-nav-main-link,
    .server-mobile-nav .mobile-nav-section-title,
    .server-mobile-nav .mobile-nav-subgrid a
  ) {
    border-radius:var(--itda-custom-button-radius,16px)!important;
    background:var(--itda-menu-glass-fill)!important;
    box-shadow:var(--itda-menu-glass-shadow)!important;
    color:var(--itda-custom-text,var(--text,#0f172a))!important;
    text-decoration:none;
    transition:background .22s ease,box-shadow .22s ease,color .18s ease;
  }
  /* Center pills within the existing header, without changing header height. */
  html body.itda-menu-glass:not(.itda-custom-safe-mode) .app-header .main-nav .nav-item {
    align-self:center;min-height:38px;
  }
  html body.itda-menu-glass:not(.itda-custom-safe-mode) :is(
    .app-header .main-nav .nav-item,
    .app-header .sub-nav .sub-item,
    .app-header .itda-hover-submenus-links .sub-item,
    .server-mobile-nav .mobile-nav-main-link,
    .server-mobile-nav .mobile-nav-section-title,
    .server-mobile-nav .mobile-nav-subgrid a
  ):is(.active,:focus-visible),
  html body.itda-menu-glass:not(.itda-custom-safe-mode) .server-mobile-nav .mobile-nav-section.active .mobile-nav-section-title {
    background:var(--itda-menu-glass-selected)!important;
    box-shadow:var(--itda-menu-glass-glow)!important;
    color:var(--itda-menu-glass-accent)!important;
  }
  html body.itda-menu-glass:not(.itda-custom-safe-mode):not(.itda-active-underline) .app-header .main-nav .nav-item::after {
    display:none;
  }
  /* Respect custom underline/text selection modes while retaining glass depth. */
  html body.itda-menu-glass:is(.itda-active-underline,.itda-active-text):not(.itda-custom-safe-mode) .app-header .main-nav .nav-item.active {
    background:var(--itda-menu-glass-fill)!important;
    box-shadow:var(--itda-menu-glass-shadow)!important;
  }
  html body.itda-menu-glass:not(.itda-custom-safe-mode) :is(
    .app-header .main-nav .nav-item,
    .app-header .sub-nav .sub-item,
    .app-header .itda-hover-submenus-links .sub-item,
    .server-mobile-nav .mobile-nav-main-link,
    .server-mobile-nav .mobile-nav-section-title,
    .server-mobile-nav .mobile-nav-subgrid a
  ):active {
    box-shadow:inset 0 3px 6px rgba(30,58,92,.22),inset 0 -1px 0 rgba(255,255,255,.78)!important;
  }
}
@media screen and (hover:hover) and (pointer:fine) {
  html body.itda-menu-glass:not(.itda-custom-safe-mode) :is(
    .app-header .main-nav .nav-item,
    .app-header .sub-nav .sub-item,
    .app-header .itda-hover-submenus-links .sub-item,
    .server-mobile-nav .mobile-nav-main-link,
    .server-mobile-nav .mobile-nav-section-title,
    .server-mobile-nav .mobile-nav-subgrid a
  ):hover {
    background:var(--itda-menu-glass-selected)!important;
    box-shadow:var(--itda-menu-glass-glow)!important;
    color:var(--itda-menu-glass-accent)!important;
  }
}
@media screen and (prefers-reduced-motion:reduce) {
  html body.itda-menu-glass:not(.itda-custom-safe-mode) :is(
    .app-header .main-nav .nav-item,.app-header .sub-nav .sub-item,
    .app-header .itda-hover-submenus-links .sub-item,
    .server-mobile-nav .mobile-nav-main-link,.server-mobile-nav .mobile-nav-section-title,
    .server-mobile-nav .mobile-nav-subgrid a
  ) {transition:none}
}
@media screen and (prefers-reduced-transparency:reduce) {
  body.itda-menu-glass .app-header, body.itda-menu-glass .server-mobile-nav {
    --itda-menu-glass-fill:var(--itda-menu-glass-surface);
    --itda-menu-glass-selected:var(--itda-menu-glass-surface);
  }
}