/* ============================================================
   EDITORIAL LAYER — homepage-only redesign mockup.
   Loaded after style.css on index.html; every rule is scoped
   under body.editorial so no other page is affected.
   Direction: "print studio" — hairline rules, small-caps
   kickers, italic serif accents, squared corners. No pills,
   no floating glass badges, no wave dividers.
   ============================================================ */

/* ---------- 1. Kickers replace pill badges ---------- */
body.editorial .section-tag {
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 16px;
  color: var(--cobalt);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.28em;
  margin-bottom: 20px;
}
body.editorial .section-tag::before,
body.editorial .section-tag::after {
  content: '';
  width: 40px;
  height: 1px;
  background: currentColor;
  opacity: 0.45;
}
body.editorial .section-tag-light {
  background: none;
  color: var(--accent-sky);
}
body.editorial .section-header h2 {
  text-wrap: balance;
  letter-spacing: -0.01em;
}

/* ---------- 2. Buttons: kept original rounding (owner preference) ---------- */
body.editorial .btn-gold { box-shadow: 0 2px 8px rgba(15,28,107,0.18); }

/* ---------- 3. Hero: intentionally left original ----------
   The owner prefers the stock hero (pill tag with pulse dot,
   floating badges with float animation, rounded cards). */
body.editorial .hero .btn-outline { border-width: 2px; }

/* ---------- 4. Straight edges: hide wave dividers ---------- */
body.editorial .wave-divider { display: none; }

/* ---------- 5. Stats bar: masthead numerals ---------- */
body.editorial .stats-bar {
  border-top: 1px solid rgba(255,255,255,0.1);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  padding: 56px 0;
}
body.editorial .stat-number {
  font-style: italic;
  font-weight: 600;
  font-size: 2.4rem;
  color: var(--white);
}
body.editorial .stat-label {
  letter-spacing: 0.2em;
  font-weight: 500;
  font-size: 0.7rem;
}

/* ---------- 6. Value props: kept original card style (owner preference) ---------- */

/* ---------- 7. Steps: kept original circle-numeral style (owner preference) ---------- */

/* ---------- 8. Cards: squared corners, square badges ---------- */
/* Cards keep their original rounded corners — owner preference.
   Only the "Most Popular" badges keep the editorial square shape. */
body.editorial .size-badge,
body.editorial .price-popular {
  border-radius: 0;
  letter-spacing: 0.16em;
  padding: 5px 16px;
}

/* ---------- 9. CTA banner kicker ---------- */
body.editorial .cta-banner .section-tag { color: var(--accent-sky); }