/* ============================================================
   Fortuna Luna — Unified surface + chrome typography
   One stack: Inter UI · Cormorant display · caps only on CTAs
   ============================================================ */

/* ---------- Chrome: category pills (no caps — i18n is sentence case) ---------- */
button.category-pill,
.category-pill {
  font-family: var(--fl-font-sans, "Inter", system-ui, sans-serif) !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  line-height: 1.2 !important;
  color: var(--fl-text-secondary, #9a9690) !important;
}

button.category-pill.is-active,
.category-pill.is-active {
  color: var(--fl-text-primary, #f0ede6) !important;
  font-weight: 600 !important;
}

/* ---------- Chrome: bottom nav ---------- */
button.bottom-nav-item,
.bottom-nav-item {
  font-family: var(--fl-font-sans, "Inter", system-ui, sans-serif) !important;
  font-size: 0.625rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  line-height: 1.15 !important;
  color: var(--fl-text-muted, #5c5a56) !important;
}

button.bottom-nav-item.is-active,
.bottom-nav-item.is-active {
  color: var(--fl-gold-bright, #e2c48a) !important;
}

/* ---------- Chrome: locale (match sibling chrome icons) ---------- */
.chrome-locale select {
  font-family: var(--fl-font-sans, "Inter", system-ui, sans-serif) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--fl-gold-bright, #e2c48a) !important;
  background: transparent !important;
}

/* ---------- Sticky tariff bar ---------- */
button.tariff-sticky-browse,
button.tariff-sticky-pay,
.tariff-sticky-browse,
.tariff-sticky-pay {
  font-family: var(--fl-font-sans, "Inter", system-ui, sans-serif) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  line-height: 1.15 !important;
}

button.tariff-sticky-pay {
  font-size: 0.875rem !important;
  letter-spacing: 0.01em !important;
}

/* ---------- Footer legal ---------- */
.footer-legal a,
.footer-cookie-row,
.footer-cookie-row a {
  font-family: var(--fl-font-sans, "Inter", system-ui, sans-serif) !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.45 !important;
  text-transform: none !important;
  color: var(--fl-text-secondary, #9a9690) !important;
}

.footer-legal a:hover,
.footer-cookie-row a:hover {
  color: var(--fl-gold-bright, #e2c48a) !important;
}

/* ---------- Reset shouty caps on content tiles ---------- */
button.sector-card,
button.sector-pack-chip,
button.quick-accordion-toggle,
.fortunaluna button.sector-card,
.fortunaluna button.sector-pack-chip,
.fortunaluna button.quick-accordion-toggle {
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  font-weight: 400 !important;
  font-family: var(--fl-font-sans, "Inter", system-ui, sans-serif) !important;
  font-size: 0.875rem !important;
  color: var(--fl-text-primary, #f0ede6) !important;
}

/* Section headlines */
#quick-form.panel > h2,
#why.panel > h2,
#dimensions.panel > h2,
.fortunaluna .panel > h2,
.fortunaluna .school-group-title,
.fortunaluna .sector-packs-title,
.fortunaluna .info-card h3 {
  font-family: var(--fl-font-serif, "Cormorant Garamond", Georgia, serif) !important;
  font-weight: 300 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.22 !important;
  color: var(--fl-text-primary, #f0ede6) !important;
  text-transform: none !important;
}

#quick-form.panel > .muted,
#why.panel > .muted,
#dimensions.panel > .muted,
.fortunaluna .info-card p,
.fortunaluna .school-group-blurb {
  font-family: var(--fl-font-sans, "Inter", system-ui, sans-serif) !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.65 !important;
  color: var(--fl-text-secondary, #9a9690) !important;
  text-transform: none !important;
}

.quick-accordion-toggle__title {
  font-family: var(--fl-font-sans, "Inter", system-ui, sans-serif) !important;
  font-weight: 600 !important;
  font-size: 0.9375rem !important;
  letter-spacing: -0.01em !important;
  line-height: 1.3 !important;
  color: var(--fl-text-primary, #f0ede6) !important;
  text-transform: none !important;
}

.quick-accordion-toggle__summary {
  font-family: var(--fl-font-sans, "Inter", system-ui, sans-serif) !important;
  font-weight: 400 !important;
  font-size: 0.8125rem !important;
  letter-spacing: 0.01em !important;
  line-height: 1.4 !important;
  color: var(--fl-text-secondary, #9a9690) !important;
  text-transform: none !important;
}

.sector-card > span {
  font-family: var(--fl-font-sans, "Inter", system-ui, sans-serif) !important;
  font-weight: 600 !important;
  font-size: 0.9375rem !important;
  letter-spacing: -0.01em !important;
  line-height: 1.3 !important;
  color: var(--fl-text-primary, #f0ede6) !important;
  text-transform: none !important;
}

.sector-card > small {
  font-family: var(--fl-font-sans, "Inter", system-ui, sans-serif) !important;
  font-weight: 400 !important;
  font-size: 0.8125rem !important;
  letter-spacing: 0.01em !important;
  line-height: 1.45 !important;
  color: var(--fl-text-secondary, #9a9690) !important;
  text-transform: none !important;
}

/* Match footer SEO sitelinks inside school sector grids */
.school-group .sector-card > span,
.fortunaluna .school-group .sector-card > span {
  color: var(--gold-soft, #e8d5a3) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  line-height: 1.35 !important;
}

.school-group .sector-card > small,
.fortunaluna .school-group .sector-card > small {
  color: var(--muted, #9a9690) !important;
  font-size: 12px !important;
  letter-spacing: normal !important;
  line-height: 1.35 !important;
}

.sector-lock,
.sector-badge {
  font-family: var(--fl-font-sans, "Inter", system-ui, sans-serif) !important;
  font-weight: 500 !important;
  font-size: 10px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  line-height: 1.35 !important;
}

.sector-pack-chip-title {
  font-family: var(--fl-font-sans, "Inter", system-ui, sans-serif) !important;
  font-weight: 600 !important;
  font-size: 0.9375rem !important;
  letter-spacing: -0.01em !important;
  color: var(--fl-text-primary, #f0ede6) !important;
  text-transform: none !important;
}

.sector-pack-chip-blurb {
  font-family: var(--fl-font-sans, "Inter", system-ui, sans-serif) !important;
  font-weight: 400 !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.01em !important;
  line-height: 1.4 !important;
  color: var(--fl-text-secondary, #9a9690) !important;
  text-transform: none !important;
}

.sector-pack-chip-meta {
  font-family: var(--fl-font-sans, "Inter", system-ui, sans-serif) !important;
  font-weight: 500 !important;
  font-size: 0.6875rem !important;
  letter-spacing: 0.02em !important;
  color: var(--fl-text-muted, #5c5a56) !important;
  text-transform: none !important;
}

.sector-pack-chip-price {
  font-family: var(--fl-font-sans, "Inter", system-ui, sans-serif) !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  letter-spacing: -0.02em !important;
  color: var(--fl-gold-bright, #e2c48a) !important;
  text-transform: none !important;
  font-variant-numeric: tabular-nums;
}

/* Sex segmented — readable, not CTA shout */
.sex-select button,
.sex-segment button,
button.sex-option {
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  font-family: var(--fl-font-sans, "Inter", system-ui, sans-serif) !important;
  font-weight: 500 !important;
}