/* TriZone — navigation coaching (Entraînement / Matériel / Compétition + Se connecter) */

.btn-header-login {
  display: none;
  align-items: center;
  justify-content: center;
  padding: var(--space-2) var(--space-4);
  background: var(--color-primary);
  color: #fff;
  border: none;
  border-radius: var(--radius-md);
  font-family: inherit;
  font-weight: 600;
  font-size: var(--text-sm);
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--transition-interactive), transform var(--transition-interactive);
}
.btn-header-login:hover {
  background: var(--color-primary-hover);
  color: #fff;
  transform: translateY(-1px);
}
@media (min-width: 768px) {
  .btn-header-login {
    display: inline-flex;
  }
}

.nav-dropdown.active > .nav-dropdown-trigger,
.nav-dropdown-trigger.active {
  color: var(--color-primary);
}

.mobile-nav-section-label {
  font-size: var(--text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--color-text-faint);
  padding: var(--space-4) var(--space-4) var(--space-2);
  margin: 0;
}
.mobile-nav-sublink {
  padding-left: var(--space-8) !important;
  font-size: var(--text-lg) !important;
}
.mobile-nav-cta {
  margin-top: var(--space-4);
  text-align: center;
  background: oklch(from var(--color-primary) l c h / 0.12) !important;
  color: var(--color-primary) !important;
  border-radius: var(--radius-md);
  border: 1px solid oklch(from var(--color-primary) l c h / 0.35) !important;
}

.materiel-trustline {
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--color-primary);
  margin-bottom: var(--space-3);
  max-width: 50ch;
  margin-inline: auto;
}