/* Brand accent rule (store palette): gold is the Morris Peppy accent.
   - Labels on light backgrounds: navy text with a short gold line in front.
   - Labels on navy backgrounds: gold text.
   Loaded on light-style pages (store, product, info and legal pages). */
:root { --mp-navy: #0b2447; --mp-gold: #e8c77f; --mp-gold-line: #d9a441; }

/* Labels on light backgrounds */
.about-eyebrow,
.policy-eyebrow,
.refund-page-label,
.kicker:not([style]),
.results-eyebrow,
.lab-accreditation-label,
.rh-eyebrow,
.eyebrow,
.mp-hero-eyebrow,
.mp-coa-eyebrow,
.mp-bundle-eyebrow,
.mp-coming-kicker {
  color: var(--mp-navy) !important;
}
.about-eyebrow::before,
.policy-eyebrow::before,
.refund-page-label::before,
.kicker:not([style])::before,
.results-eyebrow::before,
.lab-accreditation-label::before,
.rh-eyebrow::before,
.eyebrow::before,
.mp-hero-eyebrow::before,
.mp-coa-eyebrow::before,
.mp-bundle-eyebrow::before,
.mp-coming-kicker::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 2px;
  margin-right: 9px;
  vertical-align: middle;
  background: var(--mp-gold-line);
  border-radius: 2px;
}
.about-eyebrow { display: inline-block; }

/* About page section numbers on light cards (01 sits on the navy card, handled below) */
.about-story > section:not(:first-child) .about-section-number { color: var(--mp-navy) !important; }
.about-story > section:not(:first-child) .about-section-number::before {
  content: ""; display: inline-block; width: 22px; height: 2px; margin-right: 9px; vertical-align: middle;
  background: var(--mp-gold-line); border-radius: 2px;
}

/* Centred labels keep the line centred with the text */
.mp-hero-eyebrow, .mp-coa-eyebrow { white-space: normal; }

/* Labels on navy backgrounds */
.mp-testing-kicker,
.about-story > section:first-child .about-section-number,
[role="tab"][aria-selected="true"] .option-number,
.mp-on-navy-label {
  color: var(--mp-gold) !important;
}
.mp-testing-kicker::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 2px;
  margin-right: 9px;
  vertical-align: middle;
  background: var(--mp-gold);
  border-radius: 2px;
}