/* ====================================================== */
/* ============= CONFIRMATION CONTACT (CSS) ============= */
/* ====================================================== */

/* === ZONE PRINCIPALE === */
.page-confirmation {
  padding: 4rem 1rem;
  background-color: var(--couleur-bg);
  font-family: var(--font-main);
  text-align: center;
  color: var(--couleur-texte);
}

/* === TITRE === */
.page-confirmation h1 {
  font-size: 2rem;
  color: var(--couleur-primaire);
  margin-bottom: 1rem;
}

/* === MESSAGE PRINCIPAL === */
.page-confirmation .message-principal {
  font-size: 1.2rem;
  margin-bottom: 2rem;
  color: var(--couleur-texte-secondaire);
}

/* === NUMÉRO DE DEMANDE === */
.page-confirmation .numero-demande {
  font-weight: bold;
  color: var(--couleur-accent);
  font-size: 1.3rem;
  margin: 1.5rem auto;
  display: inline-block;
  border: 1px solid var(--couleur-accent);
  padding: 0.6rem 1.2rem;
  border-radius: var(--radius);
  background-color: #f0fbfa;
  box-shadow: var(--ombre-header);
}

/* === BOUTON RETOUR ACCUEIL === */
.page-confirmation .retour-accueil {
  display: inline-block;
  margin-top: 2rem;
  padding: 0.8rem 1.6rem;
  background-color: var(--couleur-primaire);
  color: #fff;
  border-radius: var(--radius);
  text-decoration: none;
  font-weight: 600;
  transition: background-color 0.3s ease;
}

.page-confirmation .retour-accueil:hover {
  background-color: #1f4fcc;
}