/* ========================================================================== 
   Veridian Health 2.6.13 — compact desktop header subcategory dropdowns
   Desktop only. Mobile navigation is intentionally untouched.

   Goal:
   - Keep first-level subcategories close together instead of distributing
     them across equal-width columns.
   - Apply automatically to every parent category and future subcategories.
   - Preserve wrapping when many subcategories are added later.
   ========================================================================== */

@media (min-width: 768px) {
  /* The reusable first-level submenu row becomes a left-packed flex row.
     This overrides the theme's older 2/3/4-column percentage widths. */
  #header .header-navfullwidth .navbar-block .top-menu .level0 > .sub-menu > .top-menu[data-depth="1"],
  #header .header-navfullwidth .navbar-block .top-menu .level0 > .sub-menu.classic-menu > .top-menu,
  #header .top-navigation-menu .top-menu .level0 > .sub-menu > .top-menu[data-depth="1"],
  #header .top-navigation-menu .top-menu .level0 > .sub-menu.classic-menu > .top-menu,
  #header #_desktop_top_menu .top-menu .level0 > .sub-menu > .top-menu[data-depth="1"] {
    display: flex !important;
    flex-flow: row wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    align-content: flex-start !important;
    gap: 2px 16px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Every direct subcategory sizes to its label rather than 20/25/33/50%. */
  #header .header-navfullwidth .navbar-block .top-menu .level0 > .sub-menu > .top-menu > li.level1,
  #header .header-navfullwidth .navbar-block .top-menu .sub-menu.classic-menu > .top-menu > li.level1,
  #header .top-navigation-menu .top-menu .level0 > .sub-menu > .top-menu > li.level1,
  #header .top-navigation-menu .top-menu .sub-menu.classic-menu > .top-menu > li.level1,
  #header #_desktop_top_menu .level0 > .sub-menu > .top-menu > li.level1,
  #header #_desktop_top_menu .sub-menu.classic-menu > .top-menu > li.level1,
  #header .navbar-block .top-menu .menu-width-2 .sub-menu.classic-menu > .top-menu > li.level1,
  #header .navbar-block .top-menu .menu-width-3 .sub-menu.classic-menu > .top-menu > li.level1,
  #header .navbar-block .top-menu .menu-width-4 .sub-menu.classic-menu > .top-menu > li.level1 {
    float: none !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Compact the clickable label itself. */
  #header .header-navfullwidth .navbar-block .top-menu .level1 > a,
  #header .top-navigation-menu .top-menu .level1 > a,
  #header #_desktop_top_menu .top-menu .level1 > a {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 4px 6px !important;
    line-height: 1.12 !important;
    white-space: nowrap !important;
  }

  /* Reduce excess padding around the visible dropdown strip. */
  #header .header-navfullwidth .navbar-block .top-menu .level0 > .sub-menu.classic-menu,
  #header .header-navfullwidth .navbar-block .top-menu .level0 > .sub-menu,
  #header .top-navigation-menu .top-menu .level0 > .sub-menu.classic-menu,
  #header .top-navigation-menu .top-menu .level0 > .sub-menu,
  #header #_desktop_top_menu .top-menu .level0 > .sub-menu.classic-menu,
  #header #_desktop_top_menu .top-menu .level0 > .sub-menu {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  /* If a first-level subcategory has its own children, keep those compact too. */
  #header .header-navfullwidth .navbar-block .top-menu .level1 > .collapse,
  #header .top-navigation-menu .top-menu .level1 > .collapse,
  #header #_desktop_top_menu .top-menu .level1 > .collapse {
    margin: 0 !important;
    padding: 0 !important;
  }

  #header .header-navfullwidth .navbar-block .top-menu[data-depth="2"],
  #header .header-navfullwidth .navbar-block .top-menu[data-depth="3"],
  #header .header-navfullwidth .navbar-block .top-menu[data-depth="4"],
  #header .top-navigation-menu .top-menu[data-depth="2"],
  #header .top-navigation-menu .top-menu[data-depth="3"],
  #header .top-navigation-menu .top-menu[data-depth="4"] {
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}