/* Wire Sub-Navigation — contextual nav for /my/wire/* pages */

.wire-nav {
  background: var(--bg-page);
  border-bottom: 2px solid var(--zone-accent, #dc2626);
  font-size: 0.875rem;
}

.wire-nav__inner {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 var(--space-xl);
}

.wire-nav__links {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.wire-nav__link {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.625rem 1rem;
  color: var(--text-secondary);
  text-decoration: none;
  font-weight: 500;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  transition: color 0.15s, border-color 0.15s;
}

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

.wire-nav__link--active {
  color: var(--zone-accent, #dc2626);
  border-bottom-color: var(--zone-accent, #dc2626);
}

.wire-nav__icon {
  flex-shrink: 0;
}

/* Hide scrollbar */
.wire-nav__links::-webkit-scrollbar {
  height: 0;
}

/* Responsive */
@media (max-width: 800px) {
  .wire-nav {
    display: none;
  }
}