/* =========================================================
   SIDEBAR FIX — May 2026
   1. Shrinks desktop sidebar to ~60% of original (230px → 140px)
   2. Restores sub-submenu / div-submenu expansion inside flyouts
      (base .submenu max-height:0 was overriding inner accordions)
   ========================================================= */

@media (min-width: 768px) {

  /* ── 1. SIDEBAR WIDTH (60% of 230px ≈ 140px) ─────────────────── */
  .sidebar-desktop {
    width: 140px !important;
    min-width: 140px !important;
  }

  /* Tighten category header text so it fits the narrower column */
  .sidebar-desktop .menu-category-header {
    padding: 8px 8px !important;
  }
  .sidebar-desktop .category-title {
    font-size: 12px !important;
  }
  .sidebar-desktop .sidebar-title {
    font-size: 12px !important;
    padding: 10px 10px !important;
  }

  /* ── 2. FLYOUT SUBCATEGORY FIX ────────────────────────────────── */
  /* The base .sub-submenu and .div-submenu rules set max-height:0 for
     the mobile accordion. Inside the desktop flyout those elements are
     already fully visible (flyout is a scrollable panel, not an
     accordion), so we override them here. */
  .sidebar-desktop .menu-category > .submenu .sub-submenu,
  .sidebar-desktop .menu-category > .submenu .div-submenu {
    max-height: none !important;
    overflow: visible !important;
    display: block !important;
  }

  /* Sub-group headers inside the flyout should NOT show the toggle
     arrow since everything is already expanded. */
  .sidebar-desktop .menu-category > .submenu .sub-group-arrow,
  .sidebar-desktop .menu-category > .submenu .div-group-arrow {
    display: none !important;
  }

  /* Tighten flyout item padding to fit more items in view */
  .sidebar-desktop .menu-category > .submenu .submenu-item {
    padding: 7px 14px 7px 14px !important;
    font-size: 12.5px;
  }
  .sidebar-desktop .menu-category > .submenu .sub-group-header {
    padding: 7px 14px 7px 14px !important;
    font-size: 12px;
    cursor: default !important;
  }
  .sidebar-desktop .menu-category > .submenu .sub-submenu-item {
    padding: 6px 14px 6px 24px !important;
    font-size: 12px;
  }
  .sidebar-desktop .menu-category > .submenu .div-group-header {
    padding: 6px 14px 6px 24px !important;
    font-size: 11.5px;
    cursor: default !important;
  }
  .sidebar-desktop .menu-category > .submenu .team-item {
    padding: 5px 14px 5px 34px !important;
    font-size: 11.5px;
  }
}