/* ═══════════════════════════════════════════════════════════════
   ados.css — Gestion des enfants (département Ados)
   (cartes enfants, boutons niveau, tarif famille, auto-cours)
   ═══════════════════════════════════════════════════════════════ */

/* ─── NOTE PARENT ───────────────────────────────────────────── */
.sidra-form-wrapper .ados-parent-note{
  background:    var(--gold-tint-08);
  border-left:   3px solid var(--gold);
  border-radius: 0 var(--radius) var(--radius) 0;
  padding:       0.75rem 1rem;
  font-size:     0.82rem;
  color:         var(--ink-soft);
  line-height:   1.5;
  margin-top:    0.75rem;
  display:       block;
}
.sidra-form-wrapper .ados-parent-note.hidden{
  display: none;
}

/* ─── CARTES ENFANTS ────────────────────────────────────────── */
.sidra-form-wrapper .enfant-card{
  border:        1.5px solid var(--emerald-tint-10);
  border-radius: var(--radius);
  padding:       1.1rem 1.25rem;
  margin-bottom: 0.75rem;
  background:    var(--emerald-tint-03);
  animation:     cardIn 0.3s ease both;
}

.sidra-form-wrapper .enfant-header{
  display:         flex;
  justify-content: space-between;
  align-items:     center;
  margin-bottom:   0.9rem;
  padding-bottom:  0.6rem;
  border-bottom:   1px solid var(--emerald-tint-08);
}

.sidra-form-wrapper .enfant-num{
  font-weight:    700;
  font-size:      0.88rem;
  color:          var(--emerald);
  letter-spacing: 0.02em;
}

.sidra-form-wrapper .enfant-remove{
  background:    none;
  border:        none;
  color:         var(--error);
  cursor:        pointer;
  font-size:     0.82rem;
  padding:       0.2rem 0.55rem;
  border-radius: 50%;
  transition:    background 0.2s;
  line-height:   1;
}
.sidra-form-wrapper .enfant-remove:hover{ background: var(--error-tint); }

/* ─── BOUTONS NIVEAU ────────────────────────────────────────── */
.sidra-form-wrapper .niveau-options{
  display:   flex;
  gap:       0.5rem;
  margin-top: 0.1rem;
}

.sidra-form-wrapper .niveau-btn{
  flex:          1;
  padding:       0.6rem 0.5rem;
  border:        2px solid var(--border);
  border-radius: var(--radius);
  background:    var(--surface);
  cursor:        pointer;
  font-family:   'Outfit', sans-serif;
  font-size:     0.85rem;
  font-weight:   500;
  color:         var(--ink-soft);
  transition:    all 0.22s ease;
  text-align:    center;
}
.sidra-form-wrapper .niveau-btn:hover{ border-color: var(--emerald-tint-25); }
.sidra-form-wrapper .niveau-btn.active{
  border-color: var(--emerald);
  color:        var(--emerald-accent);
  background:   var(--emerald-tint-05);
  font-weight:  600;
}

/* ─── BOUTON AJOUTER ENFANT ─────────────────────────────────── */
.sidra-form-wrapper .add-enfant-btn{
  width:         100%;
  padding:       0.72rem;
  border:        2px dashed var(--emerald-tint-30);
  border-radius: var(--radius);
  background:    none;
  cursor:        pointer;
  font-family:   'Outfit', sans-serif;
  font-size:     0.9rem;
  font-weight:   500;
  color:         var(--emerald-accent);
  transition:    all 0.25s ease;
  margin-top:    0.25rem;
}
.sidra-form-wrapper .add-enfant-btn:hover{ background: var(--emerald-tint-05); border-color: var(--emerald); }
.sidra-form-wrapper .add-enfant-btn:disabled{ opacity: 0.4; cursor: not-allowed; }

/* ─── COURS AUTO-ASSIGNÉS ───────────────────────────────────── */
.sidra-form-wrapper .cours-item.ados-auto{ cursor: default; }
.sidra-form-wrapper .cours-item.ados-auto:hover{ border-color: var(--emerald); background: var(--emerald-tint-03); transform: none; }
.sidra-form-wrapper .cours-enfant-tag{
  font-size:  0.76rem;
  color:      var(--emerald-light);
  font-weight: 500;
  margin-top: 3px;
}

/* ─── BANNIÈRE TARIF FAMILLE ────────────────────────────────── */
.sidra-form-wrapper .tarif-famille-banner{
  margin-top:    0.8rem;
  padding:       0.9rem 1rem;
  background:    linear-gradient(135deg, var(--emerald-tint-05), var(--gold-tint-06));
  border-radius: var(--radius);
  border:        1.5px solid var(--emerald-tint-20);
  animation:     cardIn 0.3s ease both;
}
.sidra-form-wrapper .tarif-badge{
  font-weight:    700;
  font-size:      0.84rem;
  color:          var(--emerald-accent);
  margin-bottom:  0.5rem;
  letter-spacing: 0.01em;
}
.sidra-form-wrapper .tarif-detail{
  display:     flex;
  gap:         0.5rem;
  align-items: center;
  flex-wrap:   wrap;
  font-size:   0.88rem;
}
.sidra-form-wrapper .tarif-base{ color: var(--ink-muted); text-decoration: line-through; font-size: 0.84rem; }
.sidra-form-wrapper .tarif-arrow{ color: var(--ink-muted); font-size: 0.8rem; }
.sidra-form-wrapper .tarif-reduit{ font-weight: 700; font-size: 1.1rem; color: var(--emerald-accent); }
.sidra-form-wrapper .tarif-savings{
  background:    var(--emerald-tint-10);
  color:         var(--emerald-accent);
  border-radius: 20px;
  padding:       2px 9px;
  font-size:     0.76rem;
  font-weight:   600;
}
.sidra-form-wrapper .tarif-label{ font-size: 0.76rem; color: var(--ink-muted); margin-top: 0.3rem; font-style: italic; }

/* ─── RECAP RÉDUCTION ───────────────────────────────────────── */
.sidra-form-wrapper .recap-row-reduction{
  background:    var(--emerald-tint-03);
  border-radius: 8px;
  padding:       0.6rem 0.25rem;
}
.sidra-form-wrapper .recap-savings-badge{
  display:       inline-block;
  background:    var(--emerald-tint-10);
  color:         var(--emerald-accent);
  border-radius: 20px;
  padding:       1px 7px;
  font-size:     0.74rem;
  font-weight:   700;
  margin-left:   6px;
}