/* ============================================================
   Styles spécifiques à demande_messe.php
   À charger APRES style.css (variables, menu, modal partagés)
   ============================================================ */

.onglets-cat{
  position:relative;
  z-index:1;
  max-width:960px;
  margin:0 auto 2rem;
  padding:0 1.5rem;
  display:flex;
  justify-content:center;
  gap:0.5rem;
  flex-wrap:wrap;
}
.onglet-cat{
  background:#fff;
  border:1px solid rgba(29,36,48,0.12);
  color:var(--encre);
  padding:0.65rem 1.3rem;
  font-size:0.85rem;
  font-weight:600;
  border-radius:24px;
  cursor:pointer;
  transition:background 0.15s, color 0.15s, border-color 0.15s;
}
.onglet-cat:hover{
  border-color:var(--rubis);
  color:var(--rubis);
}
.onglet-cat.actif-onglet{
  background:var(--bleu);
  border-color:var(--bleu);
  color:#fff;
}

.zone-dons{
  position:relative;
  z-index:1;
  max-width:640px;
  margin:0 auto;
  padding:0 1.5rem 4rem;
}

.bloc-cause{
  text-align:center;
  margin-bottom:2rem;
}
.bloc-cause h2{
  font-family:'Playfair Display', serif;
  font-weight:700;
  font-size:1.4rem;
  color:var(--bleu);
  margin-bottom:0.6rem;
}
.bloc-cause p{
  font-size:0.95rem;
  line-height:1.65;
  color:var(--encre-doux);
}

.carte-don{
  background:#fff;
  border:1px solid rgba(29,36,48,0.08);
  border-top:4px solid var(--rubis);
  border-radius:12px;
  padding:2rem 1.8rem;
  box-shadow:0 10px 26px rgba(29,36,48,0.08);
}

.carte-don label{
  display:block;
  font-size:0.85rem;
  font-weight:600;
  color:var(--encre);
  margin-bottom:1.1rem;
}
.carte-don input[type="text"],
.carte-don input[type="email"],
.carte-don input[type="tel"],
.carte-don input[type="number"],
.carte-don input[type="date"],
.carte-don textarea{
  display:block;
  width:100%;
  margin-top:0.4rem;
  padding:0.65rem 0.75rem;
  font-family:'Source Sans 3', sans-serif;
  font-size:0.92rem;
  color:var(--encre);
  border:1px solid rgba(29,36,48,0.2);
  border-radius:6px;
}
.carte-don input:focus,
.carte-don textarea:focus{
  outline:none;
  border-color:var(--rubis);
}
.carte-don textarea{
  resize:vertical;
}

.montants-suggeres{
  display:flex;
  flex-wrap:wrap;
  gap:0.5rem;
  margin-top:0.5rem;
}
.montant-suggere{
  background:#F3F1EA;
  border:1px solid rgba(29,36,48,0.12);
  color:var(--encre);
  padding:0.45rem 0.9rem;
  font-size:0.82rem;
  font-weight:600;
  border-radius:20px;
  cursor:pointer;
  transition:background 0.15s, color 0.15s, border-color 0.15s;
}
.montant-suggere:hover,
.montant-suggere.actif{
  background:var(--rubis);
  border-color:var(--rubis);
  color:#fff;
}

.bouton-don{
  width:100%;
  background:var(--rubis);
  color:#fff;
  border:none;
  padding:0.9rem;
  font-size:0.95rem;
  font-weight:700;
  border-radius:8px;
  cursor:pointer;
  transition:background 0.15s;
  margin-top:0.5rem;
}
.bouton-don:hover{
  background:#7A1220;
}
.bouton-don:disabled{
  opacity:0.6;
  cursor:not-allowed;
}

.message-don{
  border-radius:8px;
  padding:0.9rem 1.1rem;
  font-size:0.88rem;
  margin-bottom:1.2rem;
  text-align:center;
}
.message-don.succes{
  background:#EAF4EF;
  color:var(--emeraude);
  border:1px solid rgba(15,94,74,0.25);
}
.message-don.erreur{
  background:#FBEEEF;
  color:var(--rubis);
  border:1px solid rgba(155,26,45,0.25);
}

.mention-securite{
  text-align:center;
  font-size:0.78rem;
  color:var(--encre-doux);
  margin-top:1rem;
}