/* =========================================================
   Message après l'envoi d'un formulaire (bloc .pl-merci, collé dans WPForms → Confirmations)
   Chargé par tous les formulaires WPForms : réservation et contact.
   ========================================================= */
.pl-merci { --pl-framboise: #EE3466; --pl-marine: #1a2b45; color: #4b5260; font-size: 16px; line-height: 1.65; text-align: left; }
.pl-merci__icone {
  display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin: 0 0 18px;
  border-radius: 50%; background: #fdeef2; color: var(--pl-framboise); font-size: 26px; font-weight: 700; line-height: 1;
}
.pl-merci h3.pl-merci__titre { margin: 0 0 8px !important; color: var(--pl-marine); font-size: 24px; line-height: 1.3; }
.pl-merci__intro { margin: 0 0 24px !important; }
.pl-merci__sous-titre { margin: 0 0 12px !important; color: var(--pl-marine); font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.pl-merci ol.pl-merci__etapes { margin: 0 0 24px !important; padding: 0 !important; list-style: none !important; counter-reset: pl-etape; }
.pl-merci .pl-merci__etapes li {
  position: relative; margin: 0 0 14px !important; padding: 0 0 0 48px !important; counter-increment: pl-etape; list-style: none !important;
}
.pl-merci .pl-merci__etapes li::before {
  content: counter(pl-etape); position: absolute; top: 0; left: 0; width: 32px; height: 32px; border-radius: 50%;
  background: var(--pl-marine); color: #fff; font-size: 14px; font-weight: 700; line-height: 32px; text-align: center;
}
.pl-merci .pl-merci__etapes li:first-child::before { background: var(--pl-framboise); }
.pl-merci .pl-merci__etapes strong { display: block; color: var(--pl-marine); font-size: 16px; }
.pl-merci .pl-merci__etapes span { display: block; font-size: 15px; }
.pl-merci__contact { margin: 0 !important; padding: 16px 18px; border-radius: 12px; background: #f6f7f9; font-size: 15px; }
.pl-merci__contact a { color: var(--pl-framboise); font-weight: 600; text-decoration: none; white-space: nowrap; }
.pl-merci__contact a:hover { text-decoration: underline; }

/* Bouton d'action (formulaire de contact : vers la réservation) */
.pl-merci a.pl-merci__action {
  display: inline-flex; align-items: center; gap: 8px; margin: 0 0 24px; padding: 12px 22px; border-radius: 12px;
  background: var(--pl-framboise); color: #fff; font-weight: 600; text-decoration: none; transition: background .2s ease;
}
.pl-merci a.pl-merci__action:hover { background: #d42a58; color: #fff; }