/* ============================================
   BOUTONS - CAMPAGNE BMC CONGO BRAZZAVILLE 🇨🇬
   Version simple (recommandée)
   - Personnalise btn-primary / outline / danger
   - Ajoute btn-accent
   - Évite les effets globaux qui cassent Bootstrap
   ============================================ */

:root{
  --radius-btn: 10px;
  --shadow-btn: 0 3px 8px rgba(0, 0, 0, 0.15);
}

/* Base : on garde Bootstrap, on harmonise légèrement */
.btn{
  border-radius: var(--radius-btn);
}

/* CTA : on applique uppercase seulement aux gros boutons d’action */
.btn-primary,
.btn-accent,
.btn-danger{
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.9rem;
}

/* Bouton principal (vert BMC) -> remplace btn-primary Bootstrap */
.btn-primary{
  background: var(--c-primary);
  border: none;
  color: #fff;
  font-weight: 700;
  padding: 0.6rem 1.3rem;
  box-shadow: var(--shadow-btn);
  transition: all 0.25s ease;
}

.btn-primary:hover{
  background: var(--c-primary-600);
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

/* Bouton secondaire (contour vert) */
.btn-outline-primary{
  border: 2px solid var(--c-primary);
  background: transparent;
  color: var(--c-primary);
  font-weight: 700;
  padding: 0.6rem 1.3rem;
  transition: all 0.25s ease;
}

.btn-outline-primary:hover{
  background: var(--c-primary);
  color: #fff;
  transform: translateY(-1px);
}

/* Bouton accent (ex : faire un don) */
.btn-accent{
  background: var(--c-accent);
  border: none;
  color: #111827;
  font-weight: 800;
  padding: 0.7rem 1.5rem;
  box-shadow: var(--shadow-btn);
  transition: all 0.25s ease;
}

.btn-accent:hover{
  background: #ffcc00;
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);
}

/* Bouton critique (rouge Congo) */
.btn-danger{
  background: var(--c-accent-2);
  border: none;
  color: #fff;
  font-weight: 800;
  padding: 0.6rem 1.3rem;
  transition: all 0.25s ease;
}

.btn-danger:hover{
  background: #b81c18;
  transform: translateY(-2px);
}

/* Liens “BMC” (utile pour formulaires) */
.link-bmc{
  color: var(--c-primary);
  font-weight: 600;
}

.link-bmc:hover{
  color: var(--c-primary-600);
  text-decoration: underline;
}