/**
 * site.css
 * Habillage du site public participant (accueil, tableau de bord).
 * Les pages de connexion/inscription réutilisent directement auth.css
 * (même patron "carte centrée" que le back-office) ; ce fichier couvre ce
 * qui leur est spécifique : la barre publique, la page d'accueil, et le
 * tableau de bord participant.
 */

:root {
  --efa-navy: #1F3864;
  --efa-blue: #2E75B6;
  --efa-blue-light: #DCE6F1;
}

body.site-body {
  background: #f8f9fb;
}

/* ===== BARRE PUBLIQUE ===== */
.site-navbar {
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.site-navbar .navbar-brand {
  font-weight: 700;
  color: var(--efa-navy);
}
.site-navbar .nav-link {
  color: #495057;
  font-weight: 500;
}
.site-navbar .nav-link:hover,
.site-navbar .nav-link.active {
  color: var(--efa-navy);
}

/* ===== HERO (accueil) ===== */
.site-hero {
  background: linear-gradient(160deg, var(--efa-navy) 0%, var(--efa-blue) 100%);
  color: #fff;
  padding: 5rem 0;
}
.site-hero h1 {
  font-weight: 700;
}
.site-hero p.lead {
  color: rgba(255, 255, 255, 0.85);
}

.site-feature-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: var(--efa-blue-light);
  color: var(--efa-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

/* ===== TABLEAU DE BORD PARTICIPANT ===== */
.pdash-card {
  border: none;
  border-radius: 0.75rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.pdash-kpi-value {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--efa-navy);
}
.pdash-kpi-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6c757d;
  font-weight: 600;
}

.pdash-tabs .nav-link {
  color: #495057;
  font-weight: 500;
  border: none;
  border-bottom: 3px solid transparent;
  border-radius: 0;
}
.pdash-tabs .nav-link.active {
  color: var(--efa-navy);
  border-bottom-color: var(--efa-blue);
  background: transparent;
}