/*
=================================================================
MMSx Authority — Critical Background Fix
=================================================================
PROBLEM: Your CMS strips <style> blocks or theme CSS overrides
backgrounds with `background: white` or `background: inherit`.

SOLUTION: Use this as a SEPARATE stylesheet file, not inline.
Save as: mmsx-pages.css
Upload to your media library or theme folder
Link with: <link rel="stylesheet" href="path/to/mmsx-pages.css">

Every critical background uses !important to survive theme overrides.
=================================================================
*/

/* ── BODY ──────────────────────────────────────────────── */
body {
  background-color: #f8f9fb !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  color: #334155 !important;
}

/* ── TOP STRIP ─────────────────────────────────────────── */
.top-strip {
  background-color: #0f2341 !important;
  color: #cbd5e1 !important;
}

/* ── NAVBAR ────────────────────────────────────────────── */
.navbar {
  background-color: #ffffff !important;
  border-bottom: 2px solid #0f2341 !important;
}

/* ── HERO (navy dark backgrounds) ──────────────────────── */
.page-hero,
.article-hero {
  background-color: #0f2341 !important;
  color: #ffffff !important;
}

/* ── STATS BAR ─────────────────────────────────────────── */
.stats-bar {
  background-color: #ffffff !important;
}
.stats-row .stat-cell {
  background-color: #ffffff !important;
}

/* ── FAIR BAR / METRIC BAR ─────────────────────────────── */
.fair-bar {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

/* ── TOC BAR ───────────────────────────────────────────── */
.toc-bar {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
.toc-link:hover,
.toc-link.active {
  background-color: #eff6ff !important;
  color: #2563eb !important;
}

/* ── AUTHOR / TEAM SECTION ─────────────────────────────── */
.author-section {
  background-color: #f0f4fb !important;
}

/* ── MAIN SECTIONS – alternating white / light ─────────── */
section,
.content-block {
  background-color: #f8f9fb !important;
}
section.bg-white,
.section-white {
  background-color: #ffffff !important;
}

/* Force alternating sections explicitly */
#abstract,
#overview,
#framework,
#equation,
#journal,
#ethics,
#standards,
#identity,
#about,
#why,
#models,
#current,
#process,
#commitment,
#access,
#preprints,
#abstracts,
#repositories,
#citation,
#contributing,
#leader,
#collective,
#benefits,
#editorial {
  background-color: #ffffff !important;
}

#background,
#cascade,
#assumptions,
#stage1,
#stage3,
#domains,
#cascade,
#governance,
#monitoring,
#drills,
#tiers,
#limitations,
#position,
#streams,
#registry,
#frameworks,
#technology,
#ecosystem,
#facilities,
#instruments,
#trials,
#access-form,
#access-form-section {
  background-color: #f8f9fb !important;
}

/* ── WHITE CARD COMPONENTS ─────────────────────────────── */
.dataset-card,
.benefit-card,
.model-item,
.preprint-card,
.abstract-card,
.lab-card,
.stream-card,
.eco-card,
.cred-card,
.tier-card,
.tool-card,
.repo-card,
.contrib-card,
.trial-card,
.fw-card,
.drill-card,
.sidebar-card,
.author-card,
.faculty-card,
.member-card,
.stage-block,
.line-card,
.form-wrap,
.journal-strip,
.journal-box,
.download-strip,
.protocol-box,
.equation-box,
.result-card,
.found-card,
.std-card,
.step-item {
  background-color: #ffffff !important;
}

/* ── NAVY DARK BOXES ───────────────────────────────────── */
.identity-box,
.commitment-box,
.central-prop,
.mission-box,
.collab-banner,
.law-box,
.position-box,
.id-box,
.sidebar-contact,
#contact-strip {
  background-color: #0f2341 !important;
  color: #f1f5f9 !important;
}

/* ── COLORED HIGHLIGHT BOXES ───────────────────────────── */
.note-box {
  background-color: #fffbeb !important;
  border-left-color: #d97706 !important;
}
.info-box {
  background-color: #f0f9ff !important;
  border-left-color: #38bdf8 !important;
}
.integrity-box {
  background-color: #f8faff !important;
  border: 1px solid #dbeafe !important;
}
.citation-box {
  background-color: #f8faff !important;
  border-left-color: #3b82f6 !important;
}
.citation-text {
  background-color: #ffffff !important;
}

/* ── ABSTRACT BOX ──────────────────────────────────────── */
.abstract-box {
  background-color: #ffffff !important;
  border-left: 4px solid #2563eb !important;
}

/* ── KEYWORD / TAG CHIPS ───────────────────────────────── */
.kw, .chip, .stag, .dc-chip, .btag {
  background-color: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
}
.kw.blue, .btag.blue {
  background-color: #eff6ff !important;
  border-color: #bfdbfe !important;
  color: #2563eb !important;
}
.kw, .stag {
  background-color: #eff6ff !important;
  border-color: #bfdbfe !important;
  color: #2563eb !important;
}

/* ── STAGE / LINE CARDS (colored accents) ──────────────── */
.scard.s1, .line-card.l1 { background-color: #ffffff !important; }
.scard.s2, .line-card.l2 { background-color: #ffffff !important; }
.scard.s3, .line-card.l3 { background-color: #ffffff !important; }
.line-card.l4 { background-color: #ffffff !important; }
.line-card.l5 { background-color: #ffffff !important; }

/* ── MARKER / STEP LISTS ───────────────────────────────── */
.marker-list {
  background-color: #f8faff !important;
  border: 1px solid #dbeafe !important;
}
.stream-header { background-color: #ffffff !important; }
.stream-body   { background-color: #ffffff !important; }

/* ── ACCESS TIERS ──────────────────────────────────────── */
.tier-open     { background-color: #ffffff !important; }
.tier-restricted { background-color: #ffffff !important; }
.tier-request  { background-color: #ffffff !important; }

/* ── STATUS BADGES ─────────────────────────────────────── */
.db-open, .ts-peer, .status-active, .sb-peer,
.stream-status.status-active {
  background-color: #f0fdf4 !important;
  border: 1px solid #86efac !important;
  color: #059669 !important;
}
.db-preprint, .ts-pre, .sb-pre {
  background-color: #fffbeb !important;
  border: 1px solid #fcd34d !important;
  color: #d97706 !important;
}
.db-request, .ts-active, .sb-active {
  background-color: #eff6ff !important;
  border: 1px solid #93c5fd !important;
  color: #3b82f6 !important;
}

/* ── FORM INPUTS ───────────────────────────────────────── */
.form-input,
.form-select,
.form-textarea {
  background-color: #f8f9fb !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #334155 !important;
}
.form-input:focus,
.form-select:focus,
.form-textarea:focus {
  background-color: #ffffff !important;
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59,130,246,.12) !important;
  outline: none !important;
}
.form-wrap {
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
}

/* ── SIDEBAR ───────────────────────────────────────────── */
.sidebar-card { background-color: #ffffff !important; }
.sidebar-link:hover { background-color: #f0f6ff !important; }
.sidebar-integrity { background-color: #f8faff !important; }

/* ── RESULT / STAT CARDS ───────────────────────────────── */
.result-card { background-color: #ffffff !important; }
.stat-cell   { background-color: #ffffff !important; }
.fair-cell   { background-color: #ffffff !important; }

/* ── FOOTER ────────────────────────────────────────────── */
.footer {
  background-color: #0b1829 !important;
  color: #94a3b8 !important;
}
.footer-ids {
  background-color: rgba(0,0,0,.3) !important;
}
.footer-note {
  background-color: #0d1f38 !important;
}
.footer-bottom {
  background-color: #040c18 !important;
}

/* ── COLLAB / OPEN SCIENCE CONTACT STRIP ───────────────── */
#contact,
#contact-strip {
  background-color: #0f2341 !important;
  color: #ffffff !important;
}

/* ── HERO QUICK LINKS CARD ─────────────────────────────── */
.hero-quick {
  background-color: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
}

/* ── DOMAIN GRID CELLS ─────────────────────────────────── */
.dcard { background-color: #ffffff !important; }
.dcard.b { background-color: #ffffff !important; }
.dcard.l { background-color: #ffffff !important; }
.dcard.m { background-color: #ffffff !important; }
.dcard.aa { background-color: #ffffff !important; }
.dcard.o  { background-color: #ffffff !important; }

/* ── ECOSYSTEM CARDS ───────────────────────────────────── */
.eco-card { background-color: #ffffff !important; }

/* ── BUTTON OVERRIDES ──────────────────────────────────── */
.btn-w {
  background-color: #ffffff !important;
  color: #0f2341 !important;
}
.btn-accent, .btn-submit {
  background-color: #0f2341 !important;
  color: #ffffff !important;
}
.btn-navy {
  background-color: #0f2341 !important;
  color: #ffffff !important;
}
.btn-submit:hover, .btn-navy:hover {
  background-color: #1d4ed8 !important;
}

/* ── NAV DROPDOWN ──────────────────────────────────────── */
.drop-menu {
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
}

/* ── SECTION-SPECIFIC INLINE OVERRIDES ─────────────────── */
/* These catch any section that uses style="background:var(--white)" inline */
[style*="background:var(--white)"],
[style*="background: var(--white)"],
[style*="background:var(--bg)"],
[style*="background: var(--bg)"] {
  background-color: #ffffff !important;
}
[style*="background:var(--navy)"],
[style*="background: var(--navy)"] {
  background-color: #0f2341 !important;
}

/*
=================================================================
HOW TO USE THIS FILE:
=================================================================

OPTION A — Separate stylesheet (RECOMMENDED):
1. Save this file as: mmsx-pages.css
2. Upload to your server (e.g. /wp-content/themes/yourtheme/css/)
3. Add to your theme's <head>:
   <link rel="stylesheet" href="/wp-content/themes/yourtheme/css/mmsx-pages.css">

OPTION B — WordPress Custom CSS:
1. Go to Appearance > Customize > Additional CSS
2. Paste the entire contents of this file there
3. Save & Publish

OPTION C — Per-page CSS in your page builder:
If using Elementor, Beaver Builder, Divi, etc.:
Add this CSS in the page's custom CSS field.

OPTION D — child theme style.css:
Append this entire file to your child theme's style.css

WHY THIS WORKS:
- !important overrides any theme CSS
- Explicit hex values work even when CSS variables fail
- Attribute selectors catch inline style="background:var(--x)" patterns

=================================================================
*/