@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
/* Compound family aggregation: importing `cinder/side-navigation/styles` pulls
 * in SideNavigationGroup and NavigationItem. SideNavigationItem delegates its
 * rendering to NavigationItem, so its styles must be included here.
 * Sibling-leaf paths resolve identically in `src/` and the verbatim-copied
 * `dist/` because the layout mirrors. */
@import '/assets/b156259ecf951ea64c145aa0f54c7115e89156d2e5434dff5584e0328b19afe7/components/side-navigation-group/side-navigation-group.css';
@import '/assets/b156259ecf951ea64c145aa0f54c7115e89156d2e5434dff5584e0328b19afe7/components/navigation-item/navigation-item.css';

@layer cinder.components {
  /* ========================================
 * SIDE NAVIGATION
 * ======================================== */

  .cinder-side-navigation {
    display: block;
  }

  .cinder-side-navigation__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--cinder-side-navigation-list-gap, var(--cinder-space-1));
  }

  /* ----------------------------------------
 * Item wrapper <li> — reset list styles
 *
 * Vertical geometry (square rows, inline-start active border) now lives
 * on `.cinder-navigation-item[data-variant='vertical']` in `navigation-item.css`.
 * `SideNavigationItem` forces `variant="vertical"` on its inner item, so no
 * ancestor-specificity overrides are needed here.
 * ---------------------------------------- */

  .cinder-side-navigation__item {
    list-style: none;
  }
}