/* Corporate Onboarding wizard (/corporate-gifts/build) - styles of its own.

   Everything else this wizard wears lives in /style.css, shared with the Kids
   Party Box wizard. This file exists so wizard-only layout changes do not have
   to touch that shared sheet; every rule here is scoped to a cob- class or to
   body.cob-body. Loaded after style.css. */

/* --- Step 1 (2026-10-05, B2B_Step1_Reorder.md) ---
   Recipient tier first, then the order details as their own section. */

/* "Who is this box for?" is now the step's first question, so it reads as a
   heading of the step rather than a small label above three cards. */
body.cob-body .cob-recipient-heading {
  margin: 1.25rem 0 0.85rem;
  font-size: 1.6rem;
  text-align: center;
}

/* Slimmer than the shared .kpb-tier-card padding so all three cards clear
   the fold on a 1536x730 laptop window (about 645px of page), which is the
   point of moving them up. Same white card, border and shadow otherwise. */
body.cob-body .cob-recipient-grid {
  gap: 0.75rem;
}

body.cob-body .cob-recipient-card {
  padding: 1rem 1.5rem;
  gap: 0.3rem;
}

/* The order details sit in their own bordered section under a gold hairline
   and a heading of their own, so they no longer run on from the recipient
   cards as one undifferentiated form. */
body.cob-body .cob-admin-section {
  position: relative;
  margin-top: 2.5rem;
  padding-top: 2.25rem;
}

body.cob-body .cob-admin-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--tby-gold), transparent);
}

body.cob-body .cob-admin-heading {
  margin: 0 0 1rem;
  font-size: 1.6rem;
  text-align: center;
}