/* BirthdayBomb Checkout v4 — Launch Sequence */
.woocommerce-checkout .woocommerce-billing-fields > h3 { display:none; }

.bbos-launch-sequence { margin-bottom:26px; }
.bbos-launch-progress {
  display:flex; align-items:center; justify-content:center; gap:14px;
  margin:0 0 24px; color:#667085; font-size:14px; font-weight:750;
}
.bbos-launch-progress span { display:flex; align-items:center; gap:8px; white-space:nowrap; }
.bbos-launch-progress b,
.bbos-step-number {
  display:inline-grid; place-items:center; width:32px; height:32px;
  border-radius:50%; background:#fff0ef; color:#df2634; font-weight:900;
}
.bbos-launch-progress .is-active { color:#182235; }
.bbos-launch-progress .is-active b { color:#fff; background:linear-gradient(135deg,#ef3340,#ff7a00); }
.bbos-launch-progress i { width:72px; height:2px; background:#e5e7eb; }

.bbos-launch-panel {
  padding:24px; border:1px solid #edf0f5; border-radius:22px;
  background:linear-gradient(145deg,#fff,#fffafa);
}
.bbos-launch-step-heading,
.bbos-about-you-heading,
.bbos-payment-step-heading {
  display:flex; align-items:flex-start; gap:12px; margin:0 0 20px;
}
.bbos-about-you-heading { margin:28px 0 4px; padding-top:24px; border-top:1px solid #edf0f5; }
.bbos-payment-step-heading { margin:24px 0 12px; }
.bbos-launch-step-heading h2,
.bbos-about-you-heading h2,
.bbos-payment-step-heading h2 { margin:0 0 3px; color:#182235; font-size:23px; line-height:1.15; }
.bbos-launch-step-heading p,
.bbos-about-you-heading p,
.bbos-payment-step-heading p { margin:0; color:#667085; font-size:14px; }

.bbos-recipient-panel .form-row { margin-bottom:17px; }
.bbos-v4-field textarea { min-height:110px !important; }
.bbos-market-mismatch-ack-field { display:none; padding:12px 14px; border-radius:12px; background:#fff7e8; border:1px solid #f5c66b; }
.bbos-market-mismatch-ack-field label { margin:0 !important; font-size:14px; line-height:1.45; }

.woocommerce-checkout #customer_details { padding:26px; }
.woocommerce-checkout #place_order { font-size:18px; font-weight:900; letter-spacing:.01em; }
.woocommerce-checkout #place_order.is-launching { opacity:.8; cursor:wait; }

.bbos-launch-confirmation {
  margin:22px 0; padding:34px 26px; text-align:center; border:1px solid #ffe0dc;
  border-radius:26px; background:linear-gradient(135deg,#fff8f7,#fffdf0);
  box-shadow:0 18px 42px rgba(24,34,53,.08);
}
.bbos-boom { display:block; font-size:54px; line-height:1; }
.bbos-confirmation-kicker { margin:12px 0 5px; color:#d72d39; font-size:12px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.bbos-launch-confirmation h2 { margin:0 0 8px; color:#182235; font-size:clamp(28px,4vw,46px); }
.bbos-launch-confirmation > p:last-child { margin:0; color:#667085; }

@media (max-width:780px) {
  .bbos-launch-progress { gap:7px; font-size:12px; }
  .bbos-launch-progress i { width:22px; }
  .bbos-launch-progress b,.bbos-step-number { width:28px; height:28px; }
  .bbos-launch-panel { padding:18px 15px; }
  .bbos-launch-step-heading h2,.bbos-about-you-heading h2,.bbos-payment-step-heading h2 { font-size:20px; }
}

/* Beta 4.0.1 — compact About You section and deterministic buyer field order. */
.bbos-about-you-heading {
    margin-bottom: 18px !important;
}

.woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    column-gap: 3.5%;
}

.woocommerce-billing-fields__field-wrapper #billing_first_name_field,
.woocommerce-billing-fields__field-wrapper #billing_last_name_field {
    width: 48.25% !important;
    float: none !important;
    margin-right: 0 !important;
}

.woocommerce-billing-fields__field-wrapper #billing_email_field {
    width: 100% !important;
    float: none !important;
    order: 3;
}

.woocommerce-billing-fields__field-wrapper #billing_first_name_field { order: 1; }
.woocommerce-billing-fields__field-wrapper #billing_last_name_field { order: 2; }

@media (max-width: 767px) {
    .woocommerce-billing-fields__field-wrapper {
        display: block;
    }
    .woocommerce-billing-fields__field-wrapper #billing_first_name_field,
    .woocommerce-billing-fields__field-wrapper #billing_last_name_field,
    .woocommerce-billing-fields__field-wrapper #billing_email_field {
        width: 100% !important;
    }
}