/* Signals — vertical nav spacing (expanded vs collapsed) */

/* Section labels */
#navbarVerticalNav > .nav-item > .navbar-vertical-label {
  margin-bottom: 0.75rem;
}

#navbarVerticalNav > .nav-item:first-child > .navbar-vertical-label {
  margin-top: 0.5rem;
}

#navbarVerticalNav > .nav-item + .nav-item > .navbar-vertical-label {
  margin-top: 1.75rem;
}

@media (min-width: 992px) {
  /* Expanded: match collapsed row height and breathing room */
  html:not(.navbar-vertical-collapsed)
    .navbar-vertical.navbar-expand-lg
    .navbar-vertical-content
    .navbar-nav
    .nav-link.label-1 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    line-height: 1.25;
  }

  html:not(.navbar-vertical-collapsed)
    .navbar-vertical.navbar-expand-lg
    .navbar-vertical-content
    .nav-item-wrapper
    + .nav-item-wrapper {
    margin-top: 0.125rem;
  }

  html:not(.navbar-vertical-collapsed)
    .navbar-vertical
    .navbar-vertical-content
    .nav-link.label-1
    .d-flex.align-items-center {
    gap: 0.75rem;
  }

  html:not(.navbar-vertical-collapsed)
    .navbar-vertical
    .navbar-vertical-content
    .nav-link-icon {
    margin-right: 0;
    min-width: 1.125rem !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  html:not(.navbar-vertical-collapsed)
    .navbar-vertical
    .navbar-vertical-content
    .nav-link-icon
    svg {
    width: 16px;
    height: 16px;
  }

  html:not(.navbar-vertical-collapsed)
    .navbar-vertical
    .navbar-vertical-content
    .nav-link-text {
    padding-top: 0;
  }
}

/* Collapsed: keep Phoenix defaults; only ensure icon box is centred */
@media (min-width: 992px) {
  html.navbar-vertical-collapsed
    .navbar-vertical
    .navbar-vertical-content
    .nav-link-icon
    svg {
    width: 16px;
    height: 16px;
  }
}