/* Navigation multi-pages + blocs d’accueil */

.site-nav a.site-nav__link--active {
  color: var(--c-primary);
  font-weight: 700;
  border-bottom: 2px solid var(--c-secondary);
}

.app-subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 0 1.25rem;
}

.app-subnav__link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.45rem 0.9rem;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none;
  color: var(--c-primary);
  background: #fff;
  border: 1px solid var(--c-highlight-high);
  transition: background 0.15s, border-color 0.15s;
}

.app-subnav__link:hover {
  border-color: var(--c-secondary);
  background: var(--c-pitch-pale);
}

.app-subnav__link--active {
  background: var(--c-primary);
  color: #fff;
  border-color: var(--c-primary);
}

.app-subnav--4 .app-subnav__link {
  font-size: 0.8rem;
  padding: 0.4rem 0.7rem;
}

@media (min-width: 520px) {
  .app-subnav--4 .app-subnav__link {
    font-size: 0.85rem;
    padding: 0.45rem 0.9rem;
  }
}

.page-hero-mini {
  margin: 0 0 1rem;
  font-size: 1rem;
  color: var(--c-accent);
}

.empty-state {
  text-align: center;
  padding: 2.5rem 1rem;
  background: var(--c-muted);
  border-radius: var(--radius);
}

.empty-state p {
  margin: 0 0 1rem;
  color: var(--c-accent);
}

.panel--matches-full {
  border-top-color: var(--c-pitch-light);
}