/* ============================================================
   NHP v3.2 — Reparaturschicht über nhp-v31.css
   Erstellt 2026-09-20. Additiv: keine bestehende Datei wird verändert.
   Laden NACH nhp-v31.css.

   Enthält ausschliesslich Punkte, die am 20.09.2026 im Browser
   nachgemessen und verifiziert wurden.

   Bewusst NICHT enthalten, weil v3.1 das bereits richtig macht:
   - Typo-Staffelung (h1 1,02 / h2 1,08 / h3 1,20 — bereits enger als Apple)
   - Karten ohne Rahmen (border:0, Radius 22, weicher Schatten)
   - --v3-radius-lg (steht bereits auf 28)
   - Eyebrow-Farbe (bereits #526b48)
   ============================================================ */

/* ---- 1. Zwangsunterstreichung: Chips und Essentials --------
   nhp-base.css unterstreicht jeden Link, dessen Klasse nicht btn/cta/card
   enthält (Regel B, Spezifität (0,6,1)). Die Selektoren hier erreichen
   (0,6,2) und gewinnen bei gleicher Klassenzahl über die Elementzahl.
   Verifiziert: text-decoration-line underline -> none. */
body.nhp-2026.nhp-v3.nhp-v31 .entry-content .nhp a.jump-chip,
body.nhp-2026.nhp-v3.nhp-v31 .entry-content .nhp a.nhp-ess__link {
  text-decoration: none !important;
}

/* ---- 1b. Zwangsunterstreichung: Karte "Online-Vortrag" -----
   Hier greift die stärkere Regel A aus nhp-base.css. Sie kommt durch
   sieben :not() plus zwei :has() auf (0,10,1). Dieser Selektor erreicht
   mit elf Klassen (0,11,2) und gewinnt.
   HINWEIS: Das ist ein Spezifitäts-Gegengewicht, kein schöner Selektor.
   Die saubere Dauerlösung ist der Einzeiler in nhp-base.css
   (siehe DEPLOY.md, Schritt 2) — danach kann dieser Block entfallen. */
body.nhp-2026.nhp-v3.nhp-v31 .entry-content .nhp-termin .termin-types
  .termin-cards a.termin-card.termin-card--vortrag:not([hidden]):not([draggable]) {
  text-decoration: none !important;
  color: inherit !important;
}

/* ---- 2. Sprungleiste: symmetrisch statt Treppe -------------
   Sechs Chips brauchen 971 px. Eine Zeile ist baulich nicht möglich,
   weil ein Vorfahre auf 900 px deckelt (abzüglich Padding 820 nutzbar).
   Bei 640 px bricht die Leiste symmetrisch 3+3 statt unbalanciert 4+2.
   Verifiziert bei 1440 px (3+3) und 390 px (2+2+2). */
body.nhp-2026 .nhp .nhp-jump-chips { max-width: 640px; }

/* ---- 3. Preiskarten: kein Loch in der Mitte ----------------
   .nhp-price-card-desc hatte flex:1 und dehnte sich in der Flex-Spalte,
   wodurch der Preis an den Kartenboden gedrückt wurde. Jetzt folgt der
   Preis direkt auf den Text, der Rest sammelt sich unten als Freiraum. */
body.nhp-2026 .nhp-preisliste .nhp-price-card-desc { flex: 0 0 auto; }

/* ---- 4. Aktionszeile ohne Waise ----------------------------
   Die Textspalte ist 548 px breit, drei Pill-Buttons brauchten 588/610 px
   und der dritte rutschte allein in eine zweite Zeile. Als Textlinks
   brauchen sie 512/534 px und passen in eine Zeile. Zugleich wird klar,
   welche die Haupthandlung ist.
   Scope bewusst nur .subhero__actions — das Band-CTA bleibt unberührt.
   Verifiziert: Verteilung [2,1] -> [3]. */
body.nhp-2026 .nhp .subhero__actions { gap: 10px 18px; align-items: center; }
body.nhp-2026 .nhp .subhero__actions .btn.btn-ghost {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;   /* sonst bleibt der grüne Schlagschatten und es sieht weiter wie eine Pille aus */
  padding: 14px 0 !important;
}
body.nhp-2026 .nhp .subhero__actions .btn.btn-ghost:hover {
  color: var(--v3-green-dark, #1e5215) !important;
}

/* ---- 5. Hover ohne Sprung ----------------------------------
   nhp-base.css skaliert Buttons beim Hover (1.02–1.04). Die v3-Buttons
   wechseln bereits nur den Farbton; hier wird der Rest angeglichen.
   Der Schatten bleibt bewusst unangetastet: wird er nur im Hover entfernt,
   springt er sichtbar weg, weil der Ruhezustand einen Schatten hat. */
body.nhp-2026 .nhp .btn:hover,
body.nhp-2026 .nhp .btn-primary:hover,
body.nhp-2026 .nhp .btn-outline:hover,
body.nhp-2026 .nhp .btn-ghost:hover,
body.nhp-2026 .wp-block-button__link:hover,
body.nhp-2026 .wp-element-button:hover,
body.nhp-2026 .mailpoet_form input[type="submit"]:hover,
body.nhp-2026 .nhp .wpforms-submit:hover {
  transform: none !important;
}
body.nhp-2026 .nhp .btn:active { transform: none !important; }

/* ---- 6. Kontrast: --v3-subtle ------------------------------
   #767676 erreicht auf Creme #f6f1e8 nur 4,04:1 und liegt unter den
   4,5:1, die WCAG AA für kleine Schrift verlangt. #6b6b6b kommt auf
   4,83:1 und ist optisch nicht unterscheidbar. */
:root body.nhp-2026,
body.nhp-2026 { --v3-subtle: #6b6b6b; }

/* ---- 7. Ausreisser in der Typo-Skala -----------------------
   Alle Überschriften folgen der gestaffelten Skala. Einzige Ausnahme war
   die MailPoet-Newsletter-Überschrift, die mit 1,5 die geerbte
   Fliesstext-Zeilenhöhe behielt. */
body.nhp-2026 .mailpoet_form .mailpoet-heading { line-height: 1.2 !important; }

/* ---- 8. OPTIONAL, standardmässig aus --------------------------
   Auch die Primaerbuttons tragen einen weichen gruenen Schlagschatten
   (rgba(53,122,44,.16) 0 6px 18px). Ohne ihn wirken sie ruhiger und
   naeher an der Apple-Anmutung. Das ist aber eine Marken-Entscheidung
   und betrifft jeden Button der Site — deshalb auskommentiert.
   Zum Aktivieren die naechsten drei Zeilen entkommentieren.

body.nhp-2026 .nhp .btn-primary,
body.nhp-2026 .wp-block-button__link { box-shadow: none !important; }
*/