/*
 * File: wp-theme-skin.css
 * Munich Musicians DB - MMDB-Skin fuer die WordPress-Raender (Re-Skin 2026-08-28)
 *
 * Kopfleiste, Fusszeile, Blog/Startseite, Kommentare und die Formulare des
 * Themes rendert NICHT dieses Plugin, sondern das (Block-)Theme. Damit die
 * Seite trotzdem durchgaengig aussieht, zieht diese Datei denselben Skin ueber
 * diese Bereiche - dieselben var(--mmdb-*)-Tokens aus theme.css, kein zweiter
 * Satz Farbwerte.
 *
 * NICHT standardmaessig aktiv. Einschalten ueber die Admin-Option
 * Settings -> IMM -> "Frontend Skin" -> "Dark skin site-wide"
 * (imm_settings[skin_site_wide], 2026-08-29) - oder per Code in der
 * functions.php des Child-Themes (der Filter ueberschreibt die Option):
 *
 *     add_filter('mmdb_skin_site_wide', '__return_true');
 *
 * Danach traegt JEDE Seite die Klasse body.mmdb-skin und laedt diese Datei -
 * siehe docs/reskin.md. Solange der Filter aus ist, bleibt der Skin auf die
 * Plugin-Seiten begrenzt und das Theme behaelt seine eigene Optik.
 *
 * Die Selektoren zielen bewusst auf die Standard-Klassen der Block-Themes
 * (wp-block-*). Ein klassisches Theme braucht ggf. eigene Ergaenzungen.
 */

/* ---- Grundflaeche ------------------------------------------------------- */
body.mmdb-skin {
  background-color: var(--mmdb-bg) !important;
  color: var(--mmdb-text);
}
/* Helle Theme-Flaechen neutralisieren - Block-Themes UND die Container der
   gaengigen klassischen Themes/Builder. MIT !important (Live-Befund
   2026-08-29, zweiter Anlauf): Themes setzen ihr Weiss oft mit hoeherer
   Spezifitaet (#page .site-content, body #content, ...) - ohne !important
   blieb der Wrapper weiss und die Seite lief rand-zu-rand hell. Diese Datei
   ist ein bewusstes Opt-in (site-wide-Skin), hier DARF der Skin gewinnen.
   .entry-content/.wp-block-post-content stehen NICHT in der Liste - sie
   werden unten zur weissen Inhaltskarte.
   PLUGIN-INHALT IST AUSGENOMMEN (User-Befund 2026-08-31, Blog auf prod):
   :is() traegt die Spezifitaet seines staerksten Arguments - hier #page,
   also (1,1,1) - und dazu !important. Damit schlug die Regel JEDE
   Plugin-Regel und loeschte den weissen Grund von <article class="imm-blog-card">
   (templates/blog.php): dunkle Kartenschrift (--mmdb-ink) stand danach auf dem
   dunklen Seitengrund und war unlesbar. Theme-Container liegen NIE in
   .imm-wrap/.imm-welcome - die Ausnahme kostet also nichts. */
body.mmdb-skin :is(
  .wp-site-blocks, main, article,
  #page, #content, #primary, #main,
  .site, .site-content, .content-area, .site-main,
  .inside-article, .entry, .hentry, .page-content, .post-content,
  .ast-container, .ast-article-single,
  .entry-content-wrap, .nv-content-wrap,
  .elementor, .elementor-section, .e-con, .e-con-inner
):not(.imm-wrap *):not(.imm-welcome *) { background-color: transparent !important; }

body.mmdb-skin h1, body.mmdb-skin h2, body.mmdb-skin h3,
body.mmdb-skin h4, body.mmdb-skin h5, body.mmdb-skin h6 {
  font-family: var(--mmdb-font-head);
  letter-spacing: .03em;
}
body.mmdb-skin .wp-site-blocks > header h1,
body.mmdb-skin .wp-block-post-title,
body.mmdb-skin .wp-block-query-title,
/* klassische Themes: Seitentitel liegt im .entry-header AUSSERHALB der
   weissen Inhaltskarte, also auf dem dunklen Grund */
body.mmdb-skin .entry-header .entry-title,
body.mmdb-skin h1.entry-title,
body.mmdb-skin .page-title { text-transform: uppercase; color: var(--mmdb-text) !important; }
/* Helle Theme-Text-/Linkfarben NIE in .imm-wrap (Live-Befund 2026-08-29):
   die Element-Spezifitaet dieser Regeln schlaegt sonst die Karten-Vererbung
   des Plugins und stellt hellen Text/helle Links auf WEISSE Karten. */
/* PLUGIN-DIALOGE ausserhalb von .imm-wrap ebenfalls ausnehmen (User-Befund
   2026-08-31: Online-Hilfe). Die Hilfe, der GDPR-Dialog, der Kontakt-Dialog,
   die Hinweis-Blase und der Datumswaehler haengen per JS direkt an <body> -
   .imm-wrap greift dort NICHT, waehrend diese Regel mit (0,3,2) jede
   Dialog-Regel schlaegt (.imm-help-content p ist (0,1,1)). Ergebnis war heller
   Theme-Fliesztext (--mmdb-text-muted) auf der WEISSEN Hilfe-Karte: nur die
   fetten Lead-ins (eigene Farbe auf <strong>) blieben lesbar. Dieselbe Huellen-
   Liste wie theme.css 5.1 "Knoepfe AUSSERHALB von .imm-wrap". */
body.mmdb-skin p:not(.imm-wrap *):not(.imm-welcome *):not(.imm-help-overlay *):not(.gdpr-modal *):not(.imm-contact-modal-overlay *):not(.imm-pending-popup *):not(.imm-modal-overlay *):not(.imm-modal *):not(.flatpickr-calendar *),
body.mmdb-skin li:not(.imm-wrap *):not(.imm-welcome *):not(.imm-help-overlay *):not(.gdpr-modal *):not(.imm-contact-modal-overlay *):not(.imm-pending-popup *):not(.imm-modal-overlay *):not(.imm-modal *):not(.flatpickr-calendar *) { color: var(--mmdb-text-muted); }
/* Knopf-Links ausgenommen - sonst faerbt diese Regel ihren Text um (siehe
   dieselbe :not()-Kette in theme.css). Header/Nav/Footer ebenfalls raus
   (Live-Befund 2026-08-29: Menue- und Footer-Links wurden blau) - deren
   Linkfarbe setzen die Kopf-/Fusszeilen-Regeln unten. Die Plugin-Dropdowns
   (.imm-user-menu, .imm-language-switcher) IMMER ausnehmen - "header *"
   greift nicht, wenn das Theme die Kopfzeile als <div class="site-header">
   baut (Harness-Befund 2026-08-30: Menuepunkte hellblau auf Weiss). */
body.mmdb-skin a:not([class*="btn"]):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.imm-wrap *):not(header *):not(nav *):not(footer *):not(.entry-content *):not(.wp-block-post-content *):not(.imm-user-menu *):not(.imm-language-switcher *):not(.imm-help-overlay *):not(.gdpr-modal *):not(.imm-contact-modal-overlay *):not(.imm-pending-popup *):not(.imm-modal-overlay *):not(.imm-modal *):not(.flatpickr-calendar *) { color: var(--mmdb-accent-link); }
body.mmdb-skin a:not([class*="btn"]):not(.button):not(.wp-block-button__link):not(.wp-element-button):not(.imm-wrap *):not(header *):not(nav *):not(footer *):not(.entry-content *):not(.wp-block-post-content *):not(.imm-user-menu *):not(.imm-language-switcher *):not(.imm-help-overlay *):not(.gdpr-modal *):not(.imm-contact-modal-overlay *):not(.imm-pending-popup *):not(.imm-modal-overlay *):not(.imm-modal *):not(.flatpickr-calendar *):hover { color: var(--mmdb-accent-hover); }

/* ---- Kopfleiste --------------------------------------------------------- */
body.mmdb-skin .wp-block-template-part header,
body.mmdb-skin header.wp-block-template-part,
body.mmdb-skin .site-header {
  /* KEIN backdrop-filter mehr (Live-Befund mobil 2026-08-30, im Harness
     reproduziert): filter/backdrop-filter machen den Header per CSS-Spec zum
     CONTAINING BLOCK fuer position:fixed-NACHFAHREN. Das mobile
     Block-Navigation-Overlay (position:fixed; inset:0) liegt im Header und
     wurde dadurch auf die Header-Box zusammengestaucht - das Menue oeffnete
     sich nur als Ministreifen oben mit internem Scroll. Der Blur war
     Kosmetik, das Menue ist Funktion: dafuer die Flaeche fast opak. */
  background: rgba(34,31,29,.98);
  border-bottom: 1px solid var(--mmdb-line-dark);
  /* STACKING (Live-Befund 2026-08-30): OHNE eigenen Kontext liegt der Header
     auf auto-Ebene und SPAETERER Seiteninhalt malt/klickt sich DARUEBER: das
     offene Avatar-Menue wurde vom Welcome-Hero angeschnitten, und ein Klick
     auf "Logout" traf den darunterliegenden Kalender-Knopf "Today"
     (dropdown z-index 9999 gilt nur INNERHALB des Header-Kontexts).
     relative + z-index hebt den Header-Kontext ueber den Inhalt
     (10000 < WP-Adminbar 99999); relative etabliert - anders als
     backdrop-filter - KEINEN Containing Block fuer fixed-Nachfahren,
     das Menue-Overlay bleibt also Vollbild. */
  position: relative;
  z-index: 10000;
}
/* Aufgeklapptes mobiles Menue: grosse, gut lesbare Eintraege (Live-Befund
   2026-08-30: Minizeilen). Farben setzen die Kopfzeilen-Regeln oben. */
body.mmdb-skin .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
  font-size: 19px !important;
  padding: 12px 0 !important;
  display: inline-block;
}
body.mmdb-skin .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
  gap: 4px;
  align-items: flex-start;
  /* Saubere Liste: keine Aufzaehlungspunkte/Einzuege, egal was das Theme tut */
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}
/* Overlay-LAYOUT (Live-Befund mobil 2026-08-30, zweiter Durchgang): Eintraege
   sauber linksbuendig untereinander mit Luft zum Rand; der Schliessen-Knopf
   des Themes bleibt oben rechts und muss hell sein. */
body.mmdb-skin .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  padding: 20px 28px 28px !important;
  align-items: flex-start;
}
body.mmdb-skin .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
  color: var(--mmdb-text) !important;
  background: transparent !important;
  border: 0 !important;
}
/* Avatar-/Sprachmenue IM Overlay: Eintraege HELL (Live-Befund mobil 2026-08-30,
   dritter Durchgang: "Profil"/"Bands/Projekte"/... standen fast schwarz auf dem
   dunklen Overlay, waehrend "Blog"/"Entdecken" weiss waren). Die
   Kopfzeilen-Linkregeln oben klammern .imm-user-menu/.imm-language-switcher
   BEWUSST aus - auf dem Desktop sind deren Dropdowns weisse Karten. Im
   aufgeklappten Overlay sind die Eintraege aber Akkordeon-Zeilen auf DUNKLEM
   Grund (language-switcher.css macht sie transparent und setzt color:inherit),
   und so blieb die dunkle Theme-Overlay-Textfarbe an ihnen haengen. Nur HIER,
   im Overlay, hell zwingen - das Desktop-Dropdown bleibt unberuehrt.
   (Negativprobe im Harness: ohne diese Regel faellt der Menue-Check.) */
body.mmdb-skin .wp-block-navigation__responsive-container.is-menu-open .imm-user-option,
body.mmdb-skin .wp-block-navigation__responsive-container.is-menu-open .imm-lang-option,
body.mmdb-skin .wp-block-navigation__responsive-container.is-menu-open .imm-lang-option .imm-lang-name {
  color: var(--mmdb-text) !important;
}
body.mmdb-skin .wp-block-navigation__responsive-container.is-menu-open .imm-user-option:hover,
body.mmdb-skin .wp-block-navigation__responsive-container.is-menu-open .imm-user-option:focus,
body.mmdb-skin .wp-block-navigation__responsive-container.is-menu-open .imm-lang-option:hover,
body.mmdb-skin .wp-block-navigation__responsive-container.is-menu-open .imm-lang-option:focus {
  color: #fff !important;
}
/* Der ZUGEKLAPPTE Sprachumschalter-Knopf ("DE" + Pfeil) steht auf
   color:inherit (language-switcher.css) und erbte damit dieselbe dunkle
   Theme-Farbe - schwarz auf der fast transparenten Pille auf dunklem Grund
   (Live-Befund mobil 2026-08-30, vierter Durchgang). Unter dem Skin ist der
   Grund des Knopfs IMMER dunkel (Kopfzeile wie Overlay), also generell hell -
   das aufgeklappte Desktop-Dropdown (weisse Karte) hat eigene Farben und
   bleibt unberuehrt. */
body.mmdb-skin .imm-lang-current,
body.mmdb-skin .imm-lang-current .imm-lang-code,
body.mmdb-skin .imm-lang-current .imm-lang-arrow {
  color: var(--mmdb-text) !important;
}
/* KEINE Kaesten um Menuepunkte (Live-Befund mobil 2026-08-30: das Theme malte
   einen hellen Rahmen um den aktuellen Menuepunkt "Blog"). Theme-Rahmen,
   -Fuellungen und -Schatten auf Listeneintrag UND Link flaechig neutralisieren;
   der aktuelle Punkt wird stattdessen NUR ueber die Akzentfarbe markiert.
   Fokus bleibt sichtbar: eigener :focus-visible-Ring weiter unten. */
body.mmdb-skin .wp-block-navigation .wp-block-navigation-item,
body.mmdb-skin .wp-block-navigation .wp-block-navigation-item__content,
body.mmdb-skin header nav li,
body.mmdb-skin .main-navigation li,
body.mmdb-skin .menu-modal li,
body.mmdb-skin header nav li > a:not(.imm-user-menu *):not(.imm-language-switcher *),
body.mmdb-skin .main-navigation li > a,
body.mmdb-skin .menu-modal li > a {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  text-decoration: none !important;
}
body.mmdb-skin .wp-block-navigation .wp-block-navigation-item__content:focus-visible,
body.mmdb-skin header nav li > a:focus-visible,
body.mmdb-skin .main-navigation li > a:focus-visible,
body.mmdb-skin .menu-modal li > a:focus-visible {
  outline: 2px solid var(--mmdb-accent-link) !important;
  outline-offset: 3px !important;
}
/* Kopfzeilen-Links HELL, nicht Akzentblau - Block-Themes UND klassische
   (header/nav decken Site-Title, Menue und Custom-Header generisch ab).
   AUSGENOMMEN die Plugin-Dropdowns im Header (Avatar-Menue .imm-user-menu,
   Sprachumschalter .imm-language-switcher): deren Eintraege stehen auf
   WEISSEN Karten und stylen sich selbst - helle Schrift machte sie
   unsichtbar (Live-Befund 2026-08-29). */
body.mmdb-skin .wp-block-site-title a,
body.mmdb-skin .site-title a,
body.mmdb-skin header a:not(.imm-user-menu *):not(.imm-language-switcher *),
body.mmdb-skin nav a:not(.imm-user-menu *):not(.imm-language-switcher *),
body.mmdb-skin .main-navigation a:not(.imm-user-menu *):not(.imm-language-switcher *),
body.mmdb-skin .wp-block-navigation a:not(.imm-user-menu *):not(.imm-language-switcher *),
body.mmdb-skin .wp-block-navigation-item__content {
  color: var(--mmdb-text) !important;
  text-decoration: none;
  font-weight: 500;
}
/* Aufgeklapptes (mobiles) Menue: das Panel des Themes ist hell - die
   gehaerteten hellen Kopfzeilen-Links waren darauf unlesbar und das Menue
   wirkte "kaum geoeffnet" (Live-Befund mobil 2026-08-30). Panel dunkel
   einfaerben; deckt klassische Themes (.main-navigation ul, .menu),
   Block-Themes (responsive container) und gaengige Builder ab. */
body.mmdb-skin header nav ul,
body.mmdb-skin nav.main-navigation ul,
body.mmdb-skin .main-navigation ul.menu,
body.mmdb-skin .main-navigation .menu,
body.mmdb-skin .mobile-menu,
body.mmdb-skin .menu-modal,
body.mmdb-skin .ast-mobile-popup-drawer .ast-mobile-popup-inner,
body.mmdb-skin .wp-block-navigation__responsive-container.is-menu-open.is-menu-open {
  /* VOLL deckend (Live-Befund mobil 2026-08-30: Seiteninhalt schien durch das
     Overlay durch). is-menu-open gedoppelt, damit auch ein Theme-!important
     gleicher Wichtigkeit per Spezifitaet verliert; background-image:none
     raeumt Theme-Verlaeufe/-Texturen ab, die background-color nicht ersetzt. */
  background-color: var(--mmdb-bg) !important;
  background-image: none !important;
}
body.mmdb-skin header a:not(.imm-user-menu *):not(.imm-language-switcher *):hover,
body.mmdb-skin nav a:not(.imm-user-menu *):not(.imm-language-switcher *):hover,
body.mmdb-skin .main-navigation a:not(.imm-user-menu *):not(.imm-language-switcher *):hover,
body.mmdb-skin .site-title a:hover,
body.mmdb-skin .wp-block-navigation a:not(.imm-user-menu *):not(.imm-language-switcher *):hover,
body.mmdb-skin .wp-block-navigation-item__content:hover { color: #fff !important; }
/* Aktueller Menuepunkt: Akzentfarbe statt Kasten. Steht NACH den harten
   hellen Kopfzeilen-Linkregeln und schlaegt sie per gedoppelter Klasse
   (Spezifitaet), sonst gewinnt deren color:…!important. */
body.mmdb-skin .wp-block-navigation .current-menu-item.current-menu-item > .wp-block-navigation-item__content,
body.mmdb-skin .wp-block-navigation a[aria-current="page"][aria-current="page"],
body.mmdb-skin header nav li.current-menu-item.current-menu-item > a,
body.mmdb-skin .main-navigation li.current-menu-item.current-menu-item > a,
body.mmdb-skin .menu-modal li.current-menu-item.current-menu-item > a,
body.mmdb-skin header nav a[aria-current="page"][aria-current="page"] {
  color: var(--mmdb-accent-link) !important;
  font-weight: 600;
}
body.mmdb-skin .wp-block-navigation__submenu-container {
  background: var(--mmdb-panel);
  border: 1px solid var(--mmdb-line-dark2);
  border-radius: 11px;
  box-shadow: var(--mmdb-shadow-pop);
}

/* ---- Fusszeile ---------------------------------------------------------- */
/* NUR der Seitenfuss (#colophon = WP-Standard-ID der klassischen Themes) -
   ein blanker footer-Selektor wuerde auch Artikel-Fusszeilen in den
   weissen Karten dunkel faerben. */
body.mmdb-skin footer.wp-block-template-part,
body.mmdb-skin .wp-block-template-part footer,
body.mmdb-skin footer#colophon,
body.mmdb-skin .site-footer {
  background: var(--mmdb-bg-deep);
  border-top: 1px solid var(--mmdb-line-dark);
  color: var(--mmdb-text-muted);
}
/* Fusszeilen-Links gedeckt hell (die generische Link-Regel klammert footer aus) */
body.mmdb-skin footer#colophon a,
body.mmdb-skin .site-footer a { color: var(--mmdb-text-muted) !important; text-decoration: none; }
body.mmdb-skin footer#colophon a:hover,
body.mmdb-skin .site-footer a:hover { color: var(--mmdb-text) !important; }

/* ---- Blog: Beitraege als weisse Karten ---------------------------------- */
body.mmdb-skin .wp-block-post-template > li,
body.mmdb-skin .wp-block-post,
body.mmdb-skin .wp-block-latest-posts__list > li {
  background: var(--mmdb-card);
  color: var(--mmdb-ink);
  border-radius: var(--mmdb-r-card);
  overflow: hidden;
  padding: 0 0 22px;
}
body.mmdb-skin .wp-block-post-template > li > *:not(.wp-block-post-featured-image),
body.mmdb-skin .wp-block-post > *:not(.wp-block-post-featured-image) {
  padding-left: 20px;
  padding-right: 20px;
}
body.mmdb-skin .wp-block-post-template > li .wp-block-post-title a,
body.mmdb-skin .wp-block-post .wp-block-post-title a { color: var(--mmdb-ink); text-decoration: none; }
body.mmdb-skin .wp-block-post-template > li p,
body.mmdb-skin .wp-block-post p { color: var(--mmdb-ink-muted); }
body.mmdb-skin .wp-block-post-date,
body.mmdb-skin .wp-block-post-terms { color: var(--mmdb-info); font-size: 12px; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; }

/* ---- Einzelbeitrag / Seiteninhalt ---------------------------------------
   WICHTIG (Live-Befund 2026-08-29, "Checkbox geklickt"): JEDE Regel dieses
   Abschnitts traegt dieselbe :not(:has(.imm-wrap))-Kette wie der
   Hintergrund. Vorher galt die Ausnahme NUR fuer den Hintergrund - die
   h1/p-Farben (Ink fuer die weisse Theme-Karte) griffen trotzdem und
   faerbten die Hero-Titel der Plugin-Seiten (Blog, Entdecken) dunkel auf
   dunkel: unsichtbar. Farben in .imm-wrap gehoeren dem Plugin. */
body.mmdb-skin.single .wp-block-post-content,
body.mmdb-skin.single .entry-content,
body.mmdb-skin.page .wp-block-post-content:not(:has(.imm-wrap)):not(:has(.cmp-vote-wrap)):not(:has(.imm-request-form-container)):not(:has(.imm-welcome)),
body.mmdb-skin.page .entry-content:not(:has(.imm-wrap)):not(:has(.cmp-vote-wrap)):not(:has(.imm-request-form-container)):not(:has(.imm-welcome)) {
  background: var(--mmdb-card) !important;
  color: var(--mmdb-ink-soft) !important;
  border-radius: var(--mmdb-r-card) !important;
  padding: 30px 32px !important;
  box-sizing: border-box !important;
  /* NICHT ueber die gesamte Breite (User 2026-08-29): die Karte begrenzt
     sich SELBST auf Lesebreite und zentriert sich - unabhaengig davon, wie
     breit der Theme-Container ist. Luft oben/unten, damit der dunkle Grund
     und die Rundung sichtbar sind. */
  width: min(880px, calc(100% - 32px)) !important;
  max-width: none !important;
  margin: 26px auto 40px !important;
}
/* Plugin-Seiten bringen ihre eigenen Karten mit - dort KEINE Theme-Karte
   und KEIN Theme-Weiss (mit !important gegen die Theme-Spezifitaet).
   .imm-welcome = Block-Editor-Welcome-Seite (theme.css 4.7): malt ihre
   Sektionen selbst dunkel/randlos und darf NICHT in die weisse Karte. */
body.mmdb-skin .wp-block-post-content:is(:has(.imm-wrap), :has(.cmp-vote-wrap), :has(.imm-request-form-container), :has(.imm-welcome)),
body.mmdb-skin .entry-content:is(:has(.imm-wrap), :has(.cmp-vote-wrap), :has(.imm-request-form-container), :has(.imm-welcome)) {
  background: transparent !important;
  padding: 0 !important;
  width: auto !important;
  margin: 0 !important;
}
/* Welcome-Seite: auch die max-width des Themes aufheben. Der randlose
   100vw-Ausbruch (theme.css 4.7, .imm-welcome-bleed) rechnet mit einem
   ZENTRIERTEN Container - margin:0 oben plus eine Theme-max-width (z. B.
   720px Prosabreite) liesse den Inhalt links kleben und der Ausbruch
   schoesse um die Differenz nach links hinaus (Harness-Befund 2026-08-30:
   hero.left = -210px). NUR fuer :has(.imm-welcome), damit sich fuer die
   Plugin-Seiten nichts aendert. */
body.mmdb-skin .wp-block-post-content:has(.imm-welcome),
body.mmdb-skin .entry-content:has(.imm-welcome) {
  max-width: none !important;
}
body.mmdb-skin.single .wp-block-post-content a,
body.mmdb-skin.single .entry-content a,
body.mmdb-skin.page .wp-block-post-content:not(:has(.imm-wrap)):not(:has(.cmp-vote-wrap)):not(:has(.imm-request-form-container)):not(:has(.imm-welcome)) a,
body.mmdb-skin.page .entry-content:not(:has(.imm-wrap)):not(:has(.cmp-vote-wrap)):not(:has(.imm-request-form-container)):not(:has(.imm-welcome)) a { color: var(--mmdb-accent-deep) !important; }
body.mmdb-skin.single .wp-block-post-content h1,
body.mmdb-skin.single .wp-block-post-content h2,
body.mmdb-skin.single .wp-block-post-content h3,
body.mmdb-skin.single .entry-content h1,
body.mmdb-skin.single .entry-content h2,
body.mmdb-skin.single .entry-content h3,
body.mmdb-skin.page .wp-block-post-content:not(:has(.imm-wrap)):not(:has(.cmp-vote-wrap)):not(:has(.imm-request-form-container)):not(:has(.imm-welcome)) h1,
body.mmdb-skin.page .wp-block-post-content:not(:has(.imm-wrap)):not(:has(.cmp-vote-wrap)):not(:has(.imm-request-form-container)):not(:has(.imm-welcome)) h2,
body.mmdb-skin.page .wp-block-post-content:not(:has(.imm-wrap)):not(:has(.cmp-vote-wrap)):not(:has(.imm-request-form-container)):not(:has(.imm-welcome)) h3,
body.mmdb-skin.page .entry-content:not(:has(.imm-wrap)):not(:has(.cmp-vote-wrap)):not(:has(.imm-request-form-container)):not(:has(.imm-welcome)) h1,
body.mmdb-skin.page .entry-content:not(:has(.imm-wrap)):not(:has(.cmp-vote-wrap)):not(:has(.imm-request-form-container)):not(:has(.imm-welcome)) h2,
body.mmdb-skin.page .entry-content:not(:has(.imm-wrap)):not(:has(.cmp-vote-wrap)):not(:has(.imm-request-form-container)):not(:has(.imm-welcome)) h3 { color: var(--mmdb-ink) !important; }
body.mmdb-skin.single .wp-block-post-content p,
body.mmdb-skin.single .wp-block-post-content li,
body.mmdb-skin.single .entry-content p,
body.mmdb-skin.single .entry-content li,
body.mmdb-skin.page .wp-block-post-content:not(:has(.imm-wrap)):not(:has(.cmp-vote-wrap)):not(:has(.imm-request-form-container)):not(:has(.imm-welcome)) p,
body.mmdb-skin.page .wp-block-post-content:not(:has(.imm-wrap)):not(:has(.cmp-vote-wrap)):not(:has(.imm-request-form-container)):not(:has(.imm-welcome)) li,
body.mmdb-skin.page .entry-content:not(:has(.imm-wrap)):not(:has(.cmp-vote-wrap)):not(:has(.imm-request-form-container)):not(:has(.imm-welcome)) p,
body.mmdb-skin.page .entry-content:not(:has(.imm-wrap)):not(:has(.cmp-vote-wrap)):not(:has(.imm-request-form-container)):not(:has(.imm-welcome)) li { color: var(--mmdb-ink-soft) !important; }

/* ---- Buttons / Formulare des Themes ------------------------------------- */
body.mmdb-skin .wp-block-button__link,
body.mmdb-skin .wp-element-button {
  background-color: var(--mmdb-accent);
  color: #fff;
  border-radius: var(--mmdb-r-ctl);
  padding: 11px 22px;
  font-weight: 600;
}
body.mmdb-skin .wp-block-button__link:hover { background-color: var(--mmdb-accent-deep); }
body.mmdb-skin .wp-block-search__input,
body.mmdb-skin input[type="text"],
body.mmdb-skin input[type="email"],
body.mmdb-skin input[type="search"],
body.mmdb-skin textarea {
  border-radius: var(--mmdb-r-ctl);
  border: 1px solid var(--mmdb-line-input);
}

/* ---- Kommentare / Paginierung ------------------------------------------- */
body.mmdb-skin .wp-block-comments,
body.mmdb-skin .comment-respond {
  background: var(--mmdb-card);
  color: var(--mmdb-ink-soft);
  border-radius: var(--mmdb-r-card);
  padding: 26px 28px;
}
body.mmdb-skin .wp-block-query-pagination a,
body.mmdb-skin .wp-block-query-pagination .page-numbers {
  color: var(--mmdb-text-muted);
  border: 1px solid var(--mmdb-line-dark2);
  border-radius: 7px;
  padding: 4px 12px;
  text-decoration: none;
}
body.mmdb-skin .wp-block-query-pagination .current {
  background: var(--mmdb-accent);
  border-color: var(--mmdb-accent);
  color: #fff;
}
