/* ================================================================
   DESKTOP MENU INTEGRITY 2026
   Scope: desktop only (>= 861px).
   Purpose: preserve the existing horizontal desktop menu layout and
   prevent individual root labels such as "TRANG CHU" from breaking
   into two lines. No palette/theme changes are made here.
   ================================================================ */
@media (min-width:861px){
  #mainNavigation .mobile-home-button,
  #mainNavigation .mobile-menu-toggle,
  .mobile-menu-overlay,
  #mainNavigation .mobile-menu-panel-head,
  #mainNavigation .mobile-submenu-toggle{
    display:none!important;
  }

  #mainNavigation .main-menu-shell,
  #mainNavigation>.site-shell.main-menu-shell{
    min-width:0!important;
  }

  #mainNavigation .primary-menu-host{
    min-width:0!important;
    overflow:visible!important;
  }

  #mainNavigation .primary-menu-host>.menu-root,
  #mainNavigation .primary-menu-host>.sf-menu{
    align-items:stretch!important;
  }

  #mainNavigation .menu-root>li,
  #mainNavigation .sf-menu>li{
    flex-shrink:0!important;
    min-width:max-content!important;
    max-width:none!important;
  }

  #mainNavigation .menu-root>li>a,
  #mainNavigation .sf-menu>li>a{
    flex-wrap:nowrap!important;
    min-width:max-content!important;
    max-width:none!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }

  #mainNavigation .menu-root>li>a>.menu-link-inner,
  #mainNavigation .sf-menu>li>a>.menu-link-inner{
    display:inline-flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    min-width:max-content!important;
    max-width:none!important;
    white-space:nowrap!important;
  }

  #mainNavigation .menu-root>li>a .menu-label,
  #mainNavigation .sf-menu>li>a .menu-label{
    display:inline-block!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:none!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }

  #mainNavigation .menu-root>li>a .menu-icon-badge,
  #mainNavigation .sf-menu>li>a .menu-icon-badge,
  #mainNavigation .menu-root>li>a .menu-arrow,
  #mainNavigation .sf-menu>li>a .menu-arrow{
    flex:0 0 auto!important;
  }
}
