/* ============================================================================
   DESKTOP MENU TYPOGRAPHY READABLE 2026
   Scope: public horizontal menu + all desktop submenu levels only (>= 861px).
   Goal:
   - One Unicode-safe, widely available system font stack for Vietnamese.
   - Strong, clear desktop labels without synthetic-looking ultra-bold text.
   - Remove decorative text effects that can make menu text look hazy.
   - Do NOT alter menu dimensions, colors, hover logic, submenu positioning,
     responsive/mobile rules, or JavaScript behavior.
   ============================================================================ */
@media (min-width:861px) {
  body:not(.admin-body) #mainNavigation,
  body:not(.admin-body) #mainNavigation .menu-root,
  body:not(.admin-body) #mainNavigation .sf-menu,
  body:not(.admin-body) #mainNavigation .menu-sub,
  body:not(.admin-body) #mainNavigation a,
  body:not(.admin-body) #mainNavigation .menu-label {
    font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;
    font-synthesis:none!important;
  }

  /* Root horizontal menu: clear real-world system bold, no haze. */
  body:not(.admin-body) #mainNavigation .menu-root>li>a,
  body:not(.admin-body) #mainNavigation .sf-menu>li>a,
  body:not(.admin-body) #mainNavigation .menu-home-link,
  body:not(.admin-body) #mainNavigation .menu-root>li>a .menu-label,
  body:not(.admin-body) #mainNavigation .sf-menu>li>a .menu-label {
    font-weight:700!important;
    letter-spacing:0!important;
    text-shadow:none!important;
    text-rendering:optimizeLegibility;
    opacity:1!important;
  }

  /* All submenu levels: slightly softer than root, still clearly readable. */
  body:not(.admin-body) #mainNavigation .menu-sub li>a,
  body:not(.admin-body) #mainNavigation .sf-menu li ul li>a,
  body:not(.admin-body) #mainNavigation .menu-sub li>a .menu-label,
  body:not(.admin-body) #mainNavigation .sf-menu li ul li>a .menu-label {
    font-weight:600!important;
    letter-spacing:0!important;
    text-shadow:none!important;
    text-rendering:optimizeLegibility;
    opacity:1!important;
  }

  /* Keep arrows/icons crisp without changing theme colors or dimensions. */
  body:not(.admin-body) #mainNavigation .menu-arrow,
  body:not(.admin-body) #mainNavigation .menu-icon-badge,
  body:not(.admin-body) #mainNavigation .menu-icon-badge i {
    text-shadow:none!important;
  }
}