/*
  V817/V818 — Pages de confirmation HBD
  Règle définitive : aucune confirmation ne doit afficher une ancienne plateforme,
  un texte pâle, un CTA illisible ou un menu direct obsolète.
  Photos : aucune image touchée.
*/

html body.hbd-confirmation-fix-v817 {
  background: #f5efe5 !important;
  color: #15110e !important;
  min-height: 100vh !important;
}

html body.hbd-confirmation-fix-v817 > nav,
html body.hbd-confirmation-fix-v817 > footer,
html body.hbd-confirmation-fix-v817 > .nav,
html body.hbd-confirmation-fix-v817 > .navbar,
html body.hbd-confirmation-fix-v817 > .site-header,
html body.hbd-confirmation-fix-v817 > .site-footer {
  display: none !important;
}

html body.hbd-confirmation-fix-v817 main.box,
html body.hbd-confirmation-fix-v817 .confirm-page {
  width: min(920px, calc(100% - 32px)) !important;
  min-height: auto !important;
  margin: clamp(72px, 10vw, 132px) auto !important;
  padding: 0 !important;
  background: transparent !important;
  color: #15110e !important;
  display: block !important;
  text-align: center !important;
}

html body.hbd-confirmation-fix-v817 main.box,
html body.hbd-confirmation-fix-v817 .confirm-card {
  box-sizing: border-box !important;
  max-width: 680px !important;
  margin: 0 auto !important;
  padding: clamp(32px, 5vw, 56px) !important;
  border: 3px solid #ff5a00 !important;
  background: #101010 !important;
  color: #fff8ef !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, .18) !important;
}

html body.hbd-confirmation-fix-v817 .confirm-grid {
  display: none !important;
}

html body.hbd-confirmation-fix-v817 :is(h1, h2, h3, p, strong, span, div, a) {
  opacity: 1 !important;
  text-shadow: none !important;
}

html body.hbd-confirmation-fix-v817 :is(main.box, .confirm-card) :is(h1, h2, h3) {
  color: #fff8ef !important;
  -webkit-text-fill-color: #fff8ef !important;
}

html body.hbd-confirmation-fix-v817 :is(main.box, .confirm-card) :is(p, strong, span, div) {
  color: #fff8ef !important;
  -webkit-text-fill-color: #fff8ef !important;
}

html body.hbd-confirmation-fix-v817 .confirm-kicker {
  color: #ff5a00 !important;
  -webkit-text-fill-color: #ff5a00 !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

html body.hbd-confirmation-fix-v817 :is(main.box a, .btn-primary) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 20px !important;
  padding: 14px 24px !important;
  border: 2px solid #ff5a00 !important;
  background: #ff5a00 !important;
  color: #080808 !important;
  -webkit-text-fill-color: #080808 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
  letter-spacing: .05em !important;
}

html body.hbd-confirmation-fix-v817 :is(main.box a, .btn-primary):hover,
html body.hbd-confirmation-fix-v817 :is(main.box a, .btn-primary):focus-visible {
  background: #fff8ef !important;
  color: #080808 !important;
  -webkit-text-fill-color: #080808 !important;
  outline: none !important;
}

@media (max-width: 680px) {
  html body.hbd-confirmation-fix-v817 main.box,
  html body.hbd-confirmation-fix-v817 .confirm-page {
    width: min(100% - 24px, 920px) !important;
    margin: 64px auto !important;
  }

  html body.hbd-confirmation-fix-v817 main.box,
  html body.hbd-confirmation-fix-v817 .confirm-card {
    padding: 28px 18px !important;
  }
}