/* ==========================================================================
   Thank You Page — Affordable Style (collision-safe)
   Full replacement for thank-you-page.css
   ========================================================================== */

/* ---------- Theme tokens ---------- */
:root{
  --aff-primary:#2f4a7a;     /* navy */
  --aff-accent:#27c4a8;      /* mint CTA */
  --aff-blue:#5da0ff;        /* light blue for steps/icon */
  --aff-blue-600:#3f7be6;
  --aff-text:#1f2937;        /* gray-800 */
  --aff-muted:#6b7280;       /* gray-500/600 */
  --aff-border:#e5e7eb;      /* gray-200 */
  --aff-page:#f5f7fb;        /* page bg */
}

/* ---------- Page scaffold ---------- */
.thank-you-page{
  padding:50px 0;
  background:var(--aff-page) !important;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}
.thank-you-outer-container{
  display:flex;justify-content:center;align-items:center;min-height:70vh;
}

/* CARD — force rounded white panel centered */
.thank-you-page .thank-you-container{
  background:#fff !important;
  border-radius:18px !important;
  box-shadow:0 16px 40px rgba(2,6,23,.10) !important;
  padding:52px 56px !important;
  max-width:940px !important;
  width:100% !important;
  margin:30px 20px !important;
  text-align:center !important;
}

/* ---------- Header badge + headings ---------- */
.thank-you-page .thank-you-header-icon{
  display:inline-flex;justify-content:center;align-items:center;
  width:84px;height:84px;border-radius:999px;background:var(--aff-blue) !important;
  color:#fff;font-size:34px;font-weight:800;margin:0 auto 22px;box-shadow:0 10px 24px rgba(93,160,255,.25);
}
.thank-you-page .thank-you-title{
  color:var(--aff-text) !important;font-size:32px;font-weight:800;margin-bottom:6px;line-height:1.2;
}
.thank-you-page .thank-you-subtitle{
  color:var(--aff-muted) !important;font-size:18px;margin-bottom:26px;line-height:1.4;
}

/* ---------- Stepper (thin line + blue circles) ---------- */
.thank-you-page .thank-you-steps{
  position:relative;display:flex;justify-content:space-between;align-items:flex-start;
  gap:24px;margin:24px 0 26px;padding:0 10px 8px;
}
.thank-you-page .thank-you-steps::before{
  content:"";position:absolute;left:60px;right:60px;top:24px;height:3px;background:#e7efff;
}
.thank-you-page .thank-you-step{ text-align:center;flex:1;position:relative;z-index:1; }
.thank-you-page .step-number{
  display:flex;justify-content:center;align-items:center;
  width:46px;height:46px;border-radius:999px !important;
  background:var(--aff-blue) !important;color:#fff !important;
  font-weight:700;font-size:16px;margin:0 auto 10px;box-shadow:0 6px 12px rgba(93,160,255,.25);
}
.thank-you-page .step-label{
  font-size:14px;color:#4b5563 !important;font-weight:600;text-align:center;line-height:1.3;max-width:none;
}
/* kill old connector rule (squares/arrows from theme) */
.thank-you-page .thank-you-step:not(:last-child):after{ display:none !important; }

/* ---------- Info card ---------- */
.thank-you-page .thank-you-info{
  background:#f8fbff !important;border:1px solid #e6effa !important;
  border-radius:12px !important;padding:22px 24px !important;margin:26px 0 24px !important;text-align:left !important;
}
.thank-you-page .info-title{ display:block;margin-bottom:10px;font-size:20px;color:var(--aff-text);font-weight:700; }

/* remove default list bullets no matter what the theme does */
.thank-you-page .thank-you-info .info-list,
.thank-you-page .thank-you-info ul{ list-style:none !important;padding:0 !important;margin:0 !important; }

.thank-you-page .info-list-item{
  padding:10px 0;display:flex;align-items:flex-start;gap:12px;color:#34495E;font-size:16px;line-height:1.5;
}
.thank-you-page .info-icon{
  display:inline-flex;justify-content:center;align-items:center;
  width:22px;height:22px;background:#21bf73;color:#fff;border-radius:999px;font-size:14px;font-weight:800;margin-top:3px;flex-shrink:0;
}

/* ---------- Navy help box ---------- */
.thank-you-page .thank-you-help-box{
  background:var(--aff-primary) !important;color:#fff;border-radius:14px;padding:28px 26px;margin:26px 0;text-align:center;
}
.thank-you-page .help-box-title{ display:block;margin-bottom:8px;font-size:22px;font-weight:800; }
.thank-you-page .help-box-text{ margin-bottom:16px;color:#dbe4ef;font-size:16px; }
.thank-you-page .help-box-phone{ font-size:30px;font-weight:900;margin-bottom:14px;letter-spacing:.3px; }
.thank-you-page .help-box-phone a{ color:#fff !important;text-decoration:none; }
.thank-you-page .help-box-phone a:hover{ text-decoration:underline; }
.thank-you-page .help-box-button{
  background:#fff;color:var(--aff-text);border:2px solid #fff;margin-top:10px;padding:12px 25px;font-size:16px;font-weight:700;border-radius:8px;display:inline-block;transition:all .25s ease;
}
.thank-you-page .help-box-button:hover{ background:#f3f4f6;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,255,255,.25); }

/* ---------- Buttons row ---------- */
.thank-you-page .thank-you-buttons{ display:flex;gap:14px;justify-content:center;margin-top:22px;flex-wrap:wrap; }
.thank-you-page .btn{
  padding:14px 24px;border-radius:10px;font-weight:700;font-size:16px;text-decoration:none;display:inline-block;transition:all .25s ease;border:2px solid transparent;cursor:pointer;min-width:200px;text-align:center;
}
.thank-you-page .btn-primary,.thank-you-page .thank-you-button-primary{
  background:var(--aff-blue) !important;border-color:var(--aff-blue) !important;color:#fff !important;
}
.thank-you-page .btn-primary:hover,.thank-you-page .thank-you-button-primary:hover{
  background:var(--aff-blue-600) !important;border-color:var(--aff-blue-600) !important;transform:translateY(-1px);box-shadow:0 10px 24px rgba(63,123,230,.25);
}
.thank-you-page .btn-secondary,.thank-you-page .thank-you-button-secondary{
  background:#fff !important;color:var(--aff-text) !important;border-color:var(--aff-border) !important;
}
.thank-you-page .btn-secondary:hover{
  background:#f3f4f6;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 6px 18px rgba(100,116,139,.15);
}

/* ---------- Responsive ---------- */
@media (max-width: 992px){
  .thank-you-page .thank-you-container{ padding:40px 34px !important; }
  .thank-you-page .thank-you-steps::before{ left:50px; right:50px; }
}
@media (max-width: 768px){
  .thank-you-page .thank-you-container{ padding:32px 20px !important;margin:20px 15px !important; }
  .thank-you-page .thank-you-title{ font-size:28px; }
  .thank-you-page .thank-you-subtitle{ font-size:16px; }
  .thank-you-page .thank-you-steps::before{ left:40px; right:40px; }
  .thank-you-page .btn{ min-width:auto; width:100%; }
  .thank-you-page .help-box-phone{ font-size:26px; }
}
@media (max-width: 480px){
  .thank-you-page .thank-you-header-icon{ width:70px;height:70px;font-size:30px; }
  .thank-you-page .step-number{ width:42px;height:42px;font-size:15px; }
  .thank-you-page .step-label{ font-size:13px; }
}