/* === McFaddin / PJ's — Customization wizard restyle (store 55) === */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;500;700&display=swap');

/* ---- Tag names (e.g. "BACON, EGG & CHEESE BISCUIT") ---- */
.dtiName .FormLabel {
  font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 15px;
  line-height: 1.15;
  color: var(--text-color-ultra-dark);
}

/* Each tag block: give it breathing room + a subtle divider */
.Duc {
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid #eceaee;
}
.Duc:last-of-type { border-bottom: none; }

/* Tighten the gap between a tag name and its input */
.Duc dt { margin-bottom: 6px; }
.Duc dd { margin: 0; }

/* ---- Price input boxes ---- */
.Duc input[type="text"] {
  width: 100%;
  max-width: 260px;
  box-sizing: border-box;
  height: 42px;
  padding: 0 14px;
  border: 1px solid #cfcad4;
  border-radius: 6px;
  font-size: 15px;
  color: var(--text-color-ultra-dark);
  transition: border-color .15s ease, box-shadow .15s ease;
}
.Duc input[type="text"]:focus {
  outline: none;
  border-color: var(--color-highlight);
  box-shadow: 0 0 0 3px rgba(106, 27, 154, 0.12);
}

/* ---- Select Unit dropdown ---- */
.Duc select,
select.FormControl {
  max-width: 280px;
  height: 42px;
  padding: 0 12px;
  border: 1px solid #cfcad4;
  border-radius: 6px;
  font-size: 14px;
  color: var(--text-color-ultra-dark);
  background-color: #fff;
}

/* ---- "**Select Unit…" instruction → cleaner eyebrow ---- */
.dtiName .FormLabel,
.FormLabel {
  /* (covered above for tag names; the instruction shares .FormLabel
     but lives outside .dtiName, so it stays its default size) */
}

/* ---- Stepper labels (Customize / Finalize) ---- */
.WizStep,
.WizStepSel {
  font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.promotion-wrapper .button {display:none;}