/**
 * sidebar.css
 * Collapsible sidebar navigation styles
 *
 * PURPOSE:
 *   Styles for the collapsible sidebar menu sections in the TSA application.
 *   Includes hover states, transitions, and collapse animations.
 */

/* Menu section headers - collapsible */
.sidebar-heading {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(255,255,255,0.75);
  padding: 1rem 1rem 0.5rem;
  margin-top: 0.5rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
}

.sidebar-heading:hover {
  color: rgba(255,255,255,0.95);
}

.sidebar-heading .collapse-icon {
  transition: transform 0.2s ease;
  font-size: 0.65rem;
}

.sidebar-heading.collapsed .collapse-icon {
  transform: rotate(-90deg);
}

.sidebar-section {
  overflow: hidden;
  transition: max-height 0.25s ease-out;
}

.sidebar-section.collapsed {
  max-height: 0 !important;
}