/* ── HEADER: dark checkout header ── */
.checkout-header { display: none; }
body.woocommerce-checkout .checkout-header {
  display: block !important;
  background: #070B1A;
  border-bottom: 1px solid rgba(255,255,255,.06);
  padding: 20px 24px 14px;
}
.checkout-header-top {
  max-width: 1100px; margin: 0 auto;
  display: flex; flex-direction: column; align-items: center; gap: 14px;
}
.checkout-logo { text-decoration: none; }
.checkout-logo img { height: 30px; width: auto; display: block; }
.checkout-header-back {
  max-width: 1100px; margin: 10px auto 0; text-align: center;
}
.checkout-back {
  font-size: 13px; color: rgba(255,255,255,.4) !important;
  text-decoration: none; transition: color .2s;
}
.checkout-back:hover { color: #fff !important; }

/* Progress bar */
.checkout-progress {
  display: flex; align-items: center; font-size: 13px;
  width: 100%; max-width: 400px;
}
.progress-step {
  display: flex; align-items: center; gap: 6px;
  white-space: nowrap; font-weight: 500;
}
.progress-step.done { color: #22c55e !important; }
.progress-step.active { color: #fff !important; font-weight: 700; }
.progress-step.upcoming { color: rgba(255,255,255,.35) !important; }
.progress-step .step-num {
  width: 22px; height: 22px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 700; flex-shrink: 0;
}
.progress-step.done .step-num { background: #22c55e; color: #fff; }
.progress-step.active .step-num { background: #D9FF3B; color: #070B1A; }
.progress-step.upcoming .step-num { background: rgba(255,255,255,.15); color: rgba(255,255,255,.4); }
.progress-divider {
  flex: 1; height: 2px; background: rgba(255,255,255,.15); margin: 0 8px; min-width: 16px;
}
.progress-divider.done { background: #22c55e; }

/* Hide normal nav on checkout */
body.woocommerce-checkout .site-topbar,
body.woocommerce-checkout .site-nav,
body.woocommerce-checkout .nav-spacer { display: none !important; }

/* Hide Astra footer on checkout */
body.woocommerce-checkout .site-custom-footer { display: none !important; }

/* ── RESPONSIVE: progress bar ── */
@media (max-width: 420px) {
  .progress-step .step-label { display: none; }
  .checkout-progress { max-width: 200px; }
  .checkout-header { padding: 16px 16px 12px; }
}
@media (min-width: 768px) {
  .checkout-header-top {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    gap: 12px 20px;
  }
  .checkout-logo { justify-self: start; grid-row: 1; grid-column: 1; }
  .checkout-progress { justify-self: center; grid-row: 1; grid-column: 2; }
  .checkout-back-wrapper { grid-row: 2; grid-column: 1 / -1; justify-self: center; }
  .checkout-logo img { height: 32px; }
}