/* =========================================================
   mondschön compact overrides.
   Drueckt Cinema-Elemente (Hero, Quote, Signup, Manifesto)
   auf info-dichte Maesse. Wird auf index + Topic-Pages geladen.
   ========================================================= */

/* HERO SPLIT auf max 1 Screen statt 100vh */
.ms-hero-split {
  min-height: auto !important;
  padding-top: 110px !important;
  padding-bottom: 56px !important;
  padding-left: clamp(20px,4vw,48px) !important;
  padding-right: clamp(20px,4vw,48px) !important;
  gap: clamp(28px,4vw,56px) !important;
  align-items: center !important;
}
.ms-hero-split .h-display {
  font-size: clamp(40px,6vw,72px) !important;
  line-height: 1.04 !important;
  margin: 8px 0 14px !important;
  letter-spacing: -1px !important;
}
.ms-hero-split .ms-hero-sub {
  font-size: clamp(15px,1.9vw,18px) !important;
  line-height: 1.55 !important;
  max-width: 480px !important;
  margin-bottom: 24px !important;
}
.ms-hero-text .eyebrow { margin-bottom: 12px !important; }
.ms-hero-portrait {
  max-height: 420px !important;
  aspect-ratio: 4/5 !important;
}
.ms-hero-portrait::before, .ms-hero-portrait::after { opacity: 0.4 !important; }
@media (max-width: 800px) {
  .ms-hero-split, .ms-hero-split.reverse { min-height: auto !important; padding-bottom: 36px !important; }
  .ms-hero-portrait { max-height: 320px !important; }
}

/* MANIFESTO kompakt */
.ms-manifesto { padding: clamp(56px,7vw,84px) clamp(24px,5vw,72px) !important; }
.ms-manifesto-lead { font-size: clamp(20px,2.8vw,28px) !important; line-height: 1.35 !important; }
.ms-manifesto-punch { font-size: clamp(22px,3vw,32px) !important; margin-top: 24px !important; }

/* PULL QUOTE als schmaler Streifen statt grosse Section */
.ms-quote { padding: 48px clamp(24px,5vw,72px) !important; }
.ms-quote-mark { font-size: clamp(48px,6vw,80px) !important; margin-bottom: 4px !important; }
.ms-quote-text { font-size: clamp(20px,2.6vw,28px) !important; line-height: 1.4 !important; max-width: 640px !important; margin: 0 auto !important; }
.ms-quote-attr { margin-top: 14px !important; font-size: 12px !important; }

/* SIGNUP kompakter Final-CTA */
.ms-signup { padding: 72px clamp(24px,5vw,72px) !important; }
.ms-signup-inner { max-width: 720px !important; }
.ms-signup-title { font-size: clamp(28px,4.4vw,44px) !important; line-height: 1.05 !important; margin-bottom: 14px !important; }
.ms-signup-sub { font-size: 15px !important; line-height: 1.6 !important; max-width: 480px !important; margin: 0 auto 24px !important; }
.ms-signup-actions { gap: 12px !important; }
.ms-signup-foot { margin-top: 18px !important; font-size: 11px !important; }

/* ABOUT-Section kompakter (auf index.html) */
.ms-about { padding: clamp(72px,9vw,120px) clamp(24px,5vw,72px) !important; }
.ms-about-portrait { max-width: 340px !important; }
.ms-about-title { font-size: clamp(28px,4vw,44px) !important; line-height: 1.08 !important; margin-bottom: 18px !important; }
.ms-about-body { font-size: 15px !important; line-height: 1.65 !important; }
.ms-about-list { margin: 18px 0 22px !important; gap: 8px !important; }

/* CTA-Section (Index) etwas tighter */
.ms-cta { padding: clamp(72px,9vw,120px) clamp(24px,5vw,72px) !important; }
.ms-cta-title { font-size: clamp(32px,5vw,56px) !important; line-height: 1.05 !important; }
.ms-cta-sub { font-size: 15px !important; line-height: 1.6 !important; max-width: 500px !important; margin: 0 auto 28px !important; }

/* MODI-Section (Index) compacter */
.modi { padding: clamp(72px,9vw,120px) clamp(24px,5vw,72px) !important; }
.modi-grid { gap: 18px !important; }
.modi-card { padding: 28px 26px !important; }
.modi-card h3 { font-size: clamp(20px,2.4vw,26px) !important; margin-bottom: 8px !important; }

/* Featured Event Block (Index, "Wecke deine Kraft") */
section[style*="Wecke"] { padding: clamp(72px,9vw,110px) clamp(24px,5vw,72px) !important; }

/* =========================================================
   KONTRAST-FIXES (WCAG AA fuer kleine Texte).
   Copper / Copper-Soft auf Cream sind unter 3:1 und werden
   auf Plum-Deep oder Rose-Dark umgestellt.
   ========================================================= */

/* Step-Numbers (5-Schritte FIVE MOVES) auf Cream Card */
.ms-step-num {
  color: var(--ms-plum) !important;
  font-weight: 600 !important;
  opacity: 0.85;
}
.ms-step:hover .ms-step-num { color: var(--ms-rose) !important; opacity: 1; }

/* Eyebrow "cream" auf Cream-Hintergrund → Plum statt Copper-Soft */
.eyebrow-cream { color: var(--ms-plum) !important; opacity: 0.7; }

/* Eyebrow "rose" leicht aufgewertet fuer kleine Schriften */
.eyebrow-rose { color: #b3477c !important; }

/* Generic Eyebrow auf Cream */
.eyebrow:not(.eyebrow-cream):not(.eyebrow-rose) {
  color: #a06d3f !important;
}

/* Section-Eyebrow Linien (eyebrow-line::before) staerker sichtbar */
.eyebrow-line::before { background: var(--ms-plum) !important; opacity: 0.55; }

/* Lead-Serif Body auf Cream nicht zu duenn */
.lead-serif { color: rgba(45,32,40,0.82) !important; }

/* Pull-Quote-Attribution sichtbarer */
.ms-quote-attr { color: rgba(45,32,40,0.7) !important; font-weight: 500 !important; }

/* Step-Desc auf Cream */
.ms-step-desc { color: rgba(45,32,40,0.78) !important; }

/* Step-Quote (italic Subtext) */
.ms-step-quote { color: rgba(45,32,40,0.7) !important; }

/* Step-Title strong (Highlight-Teil) klar lesbar */
.ms-step-title { color: var(--ms-ink) !important; }
.ms-step-title strong { color: var(--ms-plum) !important; }

/* "Wecke deine Kraft" Sub-Eyebrow im Featured-Event-Block */
section[style*="Wecke"] [style*="color:#c95d8e"] { color: #b3477c !important; }

/* Allgemeine Sub-Text-Werte auf Cream auf 0.75+ */
.ms-card-sub, .ms-bullet-sub, .ms-meta-sub,
.ms-card-tag, .ms-offer-eyebrow { color: var(--ms-plum) !important; opacity: 0.78; }

/* Footer-Links auf Plum-Background lesbarer */
.ms-footer-links a { color: rgba(247,237,226,0.78) !important; }
.ms-footer-links a:hover { color: var(--ms-cream) !important; }

/* Footer-Brand .a (das oe im Logo) */
.ms-footer-brand .a { color: #e0b384 !important; }

/* Date/Meta auf Featured-Event "Wecke deine Kraft" */
section[style*="Wecke"] [style*="rgba(45,32,40,0.6)"] { color: rgba(45,32,40,0.78) !important; }
section[style*="Wecke"] [style*="rgba(45,32,40,0.72)"] { color: rgba(45,32,40,0.8) !important; }