/* Donations FO - look calqué sur Billetterie (sans toucher au thème global)
   Objectifs :
   - carte / sous-cartes cohérentes avec Billetterie
   - champs moins larges (colonne droite max ~420px)
   - responsive propre
*/

.donations-fo .donations-fo-card{
  padding:16px;
  border:1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.10));
  color: var(--theme-text, #fff);
  box-shadow: 0 24px 70px rgba(0,0,0,.45);
  backdrop-filter: blur(6px);
}

.donations-fo .donations-intro{
  margin:0 0 12px 0;
  line-height:1.35;
  text-wrap: balance;
}

/* Carte principale (comme .billetterie-event-grid) */
.donations-fo .donations-card{
  padding:0;
  overflow:hidden;
}
.donations-fo .donations-grid2{
  display:grid;
  grid-template-columns: minmax(280px, 1fr) minmax(280px, 420px);
  gap:14px;
  padding:14px;
}

.donations-fo .donations-subcard{
  padding:14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background: var(--theme-card2, rgba(255,255,255,.06));
  box-shadow: 0 14px 38px rgba(0,0,0,.28);
  transform: perspective(900px) translateZ(0);
  transition: transform .18s ease, box-shadow .18s ease;
}
.donations-fo .donations-subcard:hover{
  transform: perspective(900px) translateY(-2px) rotateX(.6deg);
  box-shadow: 0 18px 46px rgba(0,0,0,.34);
}

.donations-fo .donations-subcard__title{
  margin:0 0 10px 0;
  font-weight:800;
  font-size:16px;
  line-height:1.25;
}
.donations-fo .donations-subcard__text{
  line-height:1.45;
  word-break:break-word;
  opacity:.95;
}

.donations-fo .donations-subcard__illustration{
  margin-top:18px;
  display:flex;
  justify-content:center;
  align-items:center;
}

.donations-fo .donations-subcard__illustration img{
  width:100%;
  max-width:260px;
  height:auto;
  display:block;
  filter: drop-shadow(0 10px 22px rgba(0,0,0,.35));
}

@media (max-width: 768px){
  .donations-fo .donations-subcard__illustration img{
    max-width:220px;
  }
}


/* Paliers */
.donations-fo .donations-tiers{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 12px 0;
}
.donations-fo .donations-tier{
  border:1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.18);
  color: var(--theme-text, #fff);
  border-radius:999px;
  padding:6px 12px;
  font-size:12px;
  line-height:1;
  cursor:pointer;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.donations-fo .donations-tier:hover{
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.26);
  background: rgba(255,255,255,.08);
}
.donations-fo .donations-tier.active{
  border-color: var(--theme-accent2, rgba(255,0,255,.85));
  box-shadow: 0 0 0 3px rgba(255,0,255,.15);
}

/* Champs */
.donations-fo .donations-field{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin:0 0 10px 0;
}
.donations-fo .donations-label{
  font-size:12px;
  opacity:.85;
}

.donations-fo .donations-amount-row{
  display:flex;
  gap:10px;
  align-items:center;
}
.donations-fo .donations-amount{
  width:100%;
}
.donations-fo .donations-cur{
  white-space:nowrap;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:rgba(0,0,0,.12);
  opacity:.95;
}

/* Grille des champs (2 colonnes) */
.donations-fo .donations-fields{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px 12px;
}
.donations-fo .donations-fields .donations-field{
  margin:0;
}
.donations-fo .donations-fields .donations-field:nth-child(3),
.donations-fo .donations-fields .donations-field:nth-child(5),
.donations-fo .donations-fields .donations-field:nth-child(9){
  grid-column: 1 / -1; /* Entreprise, Adresse, Pays en pleine largeur */
}

.donations-fo .donations-paybtn{
  margin-top:12px;
  border-radius:999px;
  padding-left:18px;
  padding-right:18px;
}

/* Notices */
.donations-fo .donations-notice{
  width:100%;
  padding:12px 14px;
  margin:10px 0 0 0;
  border-radius:12px;
  background: var(--theme-card, rgba(0,0,0,.18));
  border: 1px solid var(--theme-border-subtle, rgba(255,255,255,.14));
  box-shadow: 0 10px 28px rgba(0,0,0,.25);
  line-height: 1.35;
}
.donations-fo .donations-notice--warning{border-left: 4px solid var(--theme-accent, rgba(255,200,0,.85));}
.donations-fo .donations-notice--success{border-left: 4px solid rgba(80,200,140,.85);}
.donations-fo .donations-notice--danger{border-left: 4px solid rgba(255,90,90,.9);}

@media (max-width: 860px){
  .donations-fo .donations-grid2{grid-template-columns: 1fr;}
}
@media (max-width: 560px){
  .donations-fo .donations-fields{grid-template-columns: 1fr;}
}