/* ——————————————————————————————————————————————
   Compléments Ateliers dégustation & Box découverte
   (chargé APRÈS style.css)
   —————————————————————————————————————————————— */

/* Cartes d'atelier : le bouton reste calé en bas, quelle que soit la hauteur */
.atelier-carte,
.box-carte {
  display: flex;
  flex-direction: column;
}
.atelier-actions,
.box-actions {
  margin-top: auto;
  padding-top: 1.2rem;
}
.atelier-actions .btn,
.box-actions .btn {
  display: block;
  text-align: center;
}

.atelier-date {
  font-weight: 600;
  line-height: 1.7;
  margin-bottom: 0.6rem;
}
.atelier-desc { margin-bottom: 0.4rem; }

.places-restantes {
  font-weight: 600;
  color: var(--ambre-vif, var(--ambre));
  margin-bottom: 0.7rem;
}
.papier .places-restantes { color: var(--bordeaux, #6d1f2c); }

.badge-complet {
  display: inline-block;
  font-family: var(--mono, monospace);
  font-size: 0.85rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 0.35rem 0.9rem;
  border-radius: 4px;
  background: rgba(109, 31, 44, 0.14);
  color: var(--bordeaux, #6d1f2c);
  border: 1px solid rgba(109, 31, 44, 0.35);
  margin-bottom: 0.5rem;
}

/* Formulaires courts : colonne étroite, plus lisible */
.form-etroit { max-width: 680px; }

/* Rappel de l'atelier / de la formule au-dessus du formulaire */
.recap-atelier p { line-height: 1.9; }

/* Total bien visible */
.total-ligne {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 1.4rem 0;
}
.total-ligne .etiquette-prix { font-size: 1.15rem; }

/* Page de confirmation rassurante */
.confirmation-box { padding: 2.6rem 2rem; }
.confirmation-coche {
  width: 64px; height: 64px;
  margin: 0 auto 1.2rem;
  display: flex; align-items: center; justify-content: center;
  font-size: 2rem; font-weight: 700;
  border-radius: 50%;
  background: var(--bordeaux, #6d1f2c);
  color: var(--creme, var(--creme));
}
.confirmation-texte {
  font-size: 1.12rem;
  line-height: 1.75;
  max-width: 52ch;
  margin: 0.9rem auto;
}
.confirmation-adresse {
  margin-top: 1.4rem;
  line-height: 2;
  font-weight: 600;
}

/* Box découverte */
.box-par-mois {
  font-family: var(--mono, monospace);
  font-size: 0.82rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.75;
  margin: 0.3rem 0 0.9rem;
}
.box-bouteilles { font-weight: 600; margin-bottom: 0.5rem; }
.box-desc { font-size: 0.98rem; }

.groupe-entete { align-items: center; }

@media (max-width: 640px) {
  .confirmation-box { padding: 2rem 1.2rem; }
}