/* Finitions de la campagne uniquement ; calculs et thème partagés conservés. */
.campaign-page .campaign-header {
  padding:22px 24px;
  background:#fffafb;
  border:1px solid #eadbe1;
  border-left:4px solid #c9ad68;
  border-radius:18px;
  box-shadow:0 7px 24px rgba(90,22,45,.04);
}
.campaign-page .campaign-grid :is(.donbox,.tab-card,.donor-card) {
  border-radius:18px;
  border-color:#e6e5eb;
}
.campaign-page .tab-card-header {
  padding:12px 16px;
  gap:8px;
  background:#fffafb;
  border-bottom:1px solid #eee4e8;
}
.campaign-page .tab-card-body { padding:20px; }
.campaign-page .donor-card-header { padding:18px 20px 16px; gap:12px; }
.campaign-page .donor-card-title { margin:0; font-size:18px; line-height:1.3; color:#1d2433; }
.campaign-page .donor-card-body { padding:14px 20px 20px; gap:10px; }
.campaign-page .donor-row {
  display:flex;
  flex-wrap:nowrap;
  align-items:start;
  gap:12px;
  padding:14px;
  border-radius:12px;
  background:#faf9fb;
  border-color:#ece7eb;
}
.campaign-page .donor-row-left { flex:1; min-width:0; width:auto; }
.campaign-page .donor-row-left > * { overflow-wrap:anywhere; }
.campaign-page .donor-row .donor-amount { flex:none; margin:0; white-space:nowrap; }
.campaign-page .impact-badges-bar { gap:16px; margin:22px 0 30px; align-items:stretch; }
.campaign-page .impact-badge {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  flex:0 1 156px;
  width:156px;
  min-width:0;
  max-width:100%;
  min-height:0;
  justify-content:center;
  padding:16px 14px;
  border:1px solid #dfcfaa;
  border-radius:16px;
  background:#fffdf8;
  box-shadow:0 5px 15px rgba(106,79,27,.07);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.campaign-page .impact-badge::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.8) 50%,transparent 80%);
  transform:translateX(-140%);
}
.campaign-page .impact-badge:not(:disabled):is(:hover,:focus-visible) {
  transform:translateY(-2px);
  border-color:#b8913e;
  box-shadow:0 8px 22px rgba(106,79,27,.12);
}
.campaign-page .impact-badge:not(:disabled):is(:hover,:focus-visible)::after {
  animation:olami-badge-reflection .65s ease 1;
}
.campaign-page .impact-badge:focus-visible { outline:3px solid #8b1e3f; outline-offset:4px; }
.campaign-page .impact-badge:disabled { transform:none; }
.campaign-page .impact-badge-icon { width:70px; height:70px; margin-bottom:12px; }
.campaign-page .impact-badge-label { font-size:14px; line-height:1.35; }
.campaign-page .impact-badge-amount { font-size:15px; margin-top:7px; }
.campaign-page .teams-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.campaign-page .team-card.team-pro {
  min-width:0;
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:16px;
  border:1px solid #e6dfe4;
  border-radius:18px;
  background:#fff;
  box-shadow:0 5px 18px rgba(74,29,45,.05);
}
.campaign-page .team-header { align-items:flex-start; gap:14px; }
.campaign-page .team-avatar {
  flex:none;
  width:60px;
  height:60px;
  border-radius:14px;
  border:1px solid #eee3e8;
  box-shadow:none;
}
.campaign-page .team-avatar.fallback { background:#f8edf1; color:#8b1e3f; font-size:18px; }
.campaign-page .team-title-wrap { min-width:0; }
.campaign-page .team-title { font-size:18px; line-height:1.35; overflow-wrap:anywhere; }
.campaign-page .team-goal-line { margin-top:6px; font-size:13px; line-height:1.5; color:#667085; }
.campaign-page .team-desc { margin:0; font-size:14px; line-height:1.65; color:#475467; overflow-wrap:anywhere; }
.campaign-page .team-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.campaign-page .team-stats .chip {
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  padding:12px;
  border:1px solid #ede7eb;
  border-radius:12px;
  background:#faf8fa;
}
.campaign-page .team-stats .chip-label { color:#667085; font-size:12px; line-height:1.35; }
.campaign-page .team-stats .chip-value { color:#8b1e3f; font-size:19px; line-height:1.2; font-weight:700; overflow-wrap:anywhere; }
.campaign-page .team-stats .chip-accent {
  grid-column:1/-1;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  background:#fffbf1;
  border-color:#eadab4;
}
.campaign-page .team-progress { height:8px; background:#f1edf0; }
.campaign-page .team-progress-fill { background:#8b1e3f; }
.campaign-page .team-progress-legend { gap:8px; flex-wrap:wrap; font-size:12px; color:#667085; }
.campaign-page .team-actions { margin-top:auto; padding-top:14px; border-top:1px solid #eee6ea; }
.campaign-page .team-link-btn {
  min-height:44px;
  margin-left:0;
  padding:10px 14px;
  border:1px solid #dec7d0;
  border-radius:10px;
  background:#fff;
  color:#8b1e3f;
  font-size:14px;
  line-height:1.35;
  white-space:normal;
}
.campaign-page .team-link-btn:hover { background:#fcf4f7; border-color:#bd8c9d; }
.campaign-page .team-link-btn:focus-visible { outline:3px solid #8b1e3f; outline-offset:3px; }
.campaign-page :is(.about-step,.about-quote,.pillar,.about-stat,.contact-info,#contact-form) { border-radius:18px; }
.campaign-page :is(.gallery-head,.about-section,.contact-section) { margin-top:56px; }
@keyframes olami-badge-reflection {
  from { transform:translateX(-140%); opacity:0; }
  35% { opacity:.9; }
  to { transform:translateX(140%); opacity:0; }
}
@media (max-width:600px) {
  .campaign-page .campaign-header { padding:18px 16px; }
  .campaign-page .impact-badges-bar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .campaign-page .impact-badge { width:auto; max-width:none; padding:14px 12px; }
  .campaign-page .teams-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
  .campaign-page .tab-card-header { padding:12px; }
  .campaign-page .tab-card-body { padding:14px; }
  .campaign-page .team-card.team-pro { padding:18px; }
  .campaign-page .donor-card-header { padding:18px 18px 14px; }
  .campaign-page .donor-card-body { padding:12px 18px 18px; }
  .campaign-page :is(.gallery-head,.about-section,.contact-section) { margin-top:40px; }
}
@media (prefers-reduced-motion:reduce) {
  .campaign-page .impact-badge { transition:none; }
  .campaign-page .impact-badge:not(:disabled):is(:hover,:focus-visible) { transform:none; }
  .campaign-page .impact-badge::after { display:none; animation:none; }
}