/* ==========================================================================
   Navigation — CoachOS Design System
   Nav, breadcrumbs, pagination
   ========================================================================== */

/* Nav
   ========================================================================== */

.nav {
  display: flex;
  align-items: center;
  gap: var(--space-1);
}

.nav__item {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-lg);
  color: var(--text-secondary);
  font-size: var(--text-sm);
  font-weight: 500;
  text-decoration: none;
  transition: all var(--duration-fast);
  white-space: nowrap;
}

.nav__item:hover {
  background-color: var(--surface-hover);
  color: var(--text-primary);
}

.nav__item--active {
  background-color: var(--surface-selected);
  color: var(--accent-primary);
  font-weight: 600;
}

/* Breadcrumbs
   ========================================================================== */

.breadcrumbs {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--text-sm);
  color: var(--text-tertiary);
}

.breadcrumbs__separator {
  color: var(--text-disabled);
  user-select: none;
}

.breadcrumbs__link {
  color: var(--text-secondary);
  text-decoration: none;
  transition: color var(--duration-fast);
}

.breadcrumbs__link:hover {
  color: var(--text-primary);
}

.breadcrumbs__current {
  color: var(--text-primary);
  font-weight: 500;
}

/* Pagination
   ========================================================================== */

.pagination {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  margin-top: var(--space-6);
}

.pagination__item {
  min-width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg);
  font-size: var(--text-sm);
  color: var(--text-secondary);
  text-decoration: none;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: all var(--duration-fast);
}

.pagination__item:hover {
  background-color: var(--surface-hover);
}

.pagination__item--active {
  background-color: var(--accent-primary);
  color: var(--text-on-accent);
  font-weight: 600;
}

.pagination__item--active:hover {
  background-color: var(--accent-primary);
}

.pagination__item:disabled,
.pagination__item[aria-disabled="true"] {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}