/**
 * DigElite Community – Modernes Design: Dunkelmodus
 * -------------------------------------------------------------
 * Nur bei Schalter „Dunkelmodus in der App“ (modern.php). Alle Regeln hängen
 * an html.dgm-dunkel; die Klasse setzt dunkel_skript im <head>, nur in der
 * App und nur, wenn das Mitglied im Menü „An“ oder „Automatisch“ (und das
 * Gerät steht auf „Dunkel“) gewählt hat. Die Akzentfarbe (aufgehellt) setzt
 * modern.php als Inline-Regel dazu (dunkel_css).
 *
 * 1. Farben des Eltern-Themes (--bb-*) und des Moduls (--dgm-*) umstellen.
 * 2. Stellen, an denen BuddyBoss Farben fest einträgt.
 * 3. Eigene Bausteine, 4. Amelia, 5. Marktplatz (Plugin inrv-marktplatz).
 */

/* 1. Farben ------------------------------------------------------------------ */
html.dgm-dunkel body.dg-modern {
	color-scheme: dark;

	--bb-body-background-color: #111317;
	--bb-body-background-color-rgb: 17, 19, 23;
	--bb-content-background-color: #1a1d23;
	--bb-content-alternate-background-color: #22262d;
	--bb-content-border-color: #30353d;
	--bb-content-border-color-rgb: 48, 53, 61;
	--bb-cover-image-background-color: #22262d;
	--bb-headings-color: #f1f3f5;
	--bb-headings-color-rgb: 241, 243, 245;
	--bb-body-text-color: #d5d9de;
	--bb-body-text-color-rgb: 213, 217, 222;
	--bb-alternate-text-color: #a0a7b1;
	--bb-alternate-text-color-rgb: 160, 167, 177;

	--bb-header-background: #1a1d23;
	--bb-header-alternate-background: #22262d;
	--bb-header-links: #d5d9de;
	--bb-header-links-hover: #ffffff;

	--bb-sidenav-background: #1a1d23;
	--bb-sidenav-text-regular: #c3c8cf;
	--bb-sidenav-text-hover: #ffffff;
	--bb-sidenav-text-active: #ffffff;
	--bb-sidenav-menu-background-color-regular: transparent;
	--bb-sidenav-menu-background-color-hover: #22262d;
	--bb-sidenav-menu-background-color-active: #2a2f37;
	--bb-sidenav-count-text-color-regular: #d5d9de;
	--bb-sidenav-count-text-color-hover: #ffffff;
	--bb-sidenav-count-text-color-active: #ffffff;
	--bb-sidenav-count-background-color-regular: #30353d;
	--bb-sidenav-count-background-color-hover: #3a4049;
	--bb-sidenav-count-background-color-active: #3a4049;

	--bb-footer-background: #111317;
	--bb-footer-widget-background: #1a1d23;
	--bb-footer-text-color: #a0a7b1;
	--bb-footer-menu-link-color-regular: #c3c8cf;
	--bb-footer-menu-link-color-hover: #ffffff;
	--bb-footer-menu-link-color-active: #ffffff;

	--bb-label-background-color: #2a2f37;
	--bb-label-text-color: #d5d9de;
	--bb-tooltip-background: #f1f3f5;
	--bb-tooltip-background-rgb: 241, 243, 245;
	--bb-tooltip-color: #111317;

	/* Knopf-Standard umgekehrt: Weiß mit schwarzer Schrift (21:1) */
	--dgm-knopf:       #ffffff;
	--dgm-knopf-hover: #dcdfe3;
	--dgm-knopf-text:  #000000;
	--bb-primary-button-text-regular-rgb: 0, 0, 0;
	--bb-primary-button-text-hover-rgb:   0, 0, 0;
	--bb-primary-button-focus-shadow:     0 0 0 2px #1a1d23, 0 0 0 4px var(--dgm-knopf);
	--bb-secondary-button-background-regular: #22262d;
	--bb-secondary-button-background-hover: #2a2f37;
	--bb-secondary-button-border-regular: #3a4049;
	--bb-secondary-button-border-hover: #4a515c;
	--bb-secondary-button-text-regular: #f1f3f5;
	--bb-secondary-button-text-hover: #ffffff;

	--dgm-muted: #a0a7b1;
	--dgm-line: #30353d;
	--dgm-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 22px rgba(0, 0, 0, .35);
	--dgm-shadow-hover: 0 2px 4px rgba(0, 0, 0, .45), 0 14px 34px rgba(0, 0, 0, .45);
	--dgm-primary-soft: rgba(var(--bb-primary-color-rgb), .18);
	--dgm-primary-softer: rgba(var(--bb-primary-color-rgb), .10);

	background-color: var(--bb-body-background-color);
	color: var(--bb-body-text-color);
}
/* Beim Überziehen der Seite (Handy) scheint sonst Weiß durch */
html.dgm-dunkel:has(> body.dg-modern) { background-color: #111317; }

/* Ab hier steht vor jeder Regel :not(#dgm-a):not(#dgm-b). Das trifft immer zu
   und hebt die Gewichtung um zwei IDs: BuddyBoss und die Plugins tragen ihre
   Farben oft mit IDs ein (#buddypress …, #groups-list …), die sonst gewinnen. */

/* 2. Feste Farben von BuddyBoss ---------------------------------------------- */
/* Sortierfelder (Gruppen, Mitglieder): weiße Ecken um das Auswahlfeld */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.select-wrap, .select-wrap select) { background-color: var(--bb-content-background-color); color: var(--bb-body-text-color); }
/* Rahmen um Gruppenbilder, „…“-Pille unter den Mitgliederbildern */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.group-avatar-wrap, .item-avatar > a) { background-color: var(--bb-content-background-color); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .bs-group-members :is(a > span, .bs-group-member [class*=" bb-icon-"]) { background-color: var(--bb-content-alternate-background-color); color: var(--bb-body-text-color); border-color: var(--bb-content-background-color); }
/* Linien, die BuddyBoss hell einträgt: unter „Gefällt mir · Kommentar“, über der Editor-Leiste */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.activity-meta.action, #whats-new-form #editor-toolbar) { border-color: var(--bb-content-border-color); }
/* Platzhalter im Feed, solange das Beitrag-Fenster offen ist */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) #bp-nouveau-activity-form-placeholder { background-color: var(--bb-content-background-color); }
/* Handymenü (BuddyBoss „light“) */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .bb-mobile-panel-wrapper { background-color: var(--bb-content-background-color); color: var(--bb-body-text-color); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .bb-mobile-panel-wrapper :is(.bb-mobile-panel-header, .main-navigation, .side-panel-menu li) { border-color: var(--bb-content-border-color); }
/* Symbole, die BuddyBoss fest dunkel oder sehr blass einträgt */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(#whats-new-toolbar, #whats-new-formatting-toolbar, #editor-toolbar, .ac-reply-toolbar, #message-form-submit-wrapper, .messages-toolbar, #bp-message-content .toolbar, .bb-rl-toolbar) :is(.toolbar-button, a) :is(i, [class*=" bb-icon-"], .bb-icon-font) { color: rgba(var(--bb-headings-color-rgb), .62); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .toolbar-button :is(i, [class*=" bb-icon-"], .bb-icon-font) { color: rgba(var(--bb-headings-color-rgb), .62); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.toolbar-button.active, .toolbar-button:hover) :is(i, [class*=" bb-icon-"]) { color: var(--bb-headings-color); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .layout-view :is(i, [class*=" bb-icon-"]) { color: var(--bb-alternate-text-color); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.layout-view.active, .layout-view:hover) :is(i, [class*=" bb-icon-"]) { color: var(--bb-headings-color); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.bb-toggle-password, .notification-actions a, .bp-list .notification-actions a, a.mark-read, a.mark-unread, a.delete) :is(i, .dashicons, [class*=" bb-icon-"]) { color: var(--bb-alternate-text-color); }
/* Benachrichtigungs-Einstellungen auf dem Handy: E-Mail/Web/App-Reiter */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .main-notification-settings .bb-mobile-setting .bb-mobile-setting-anchor { background-color: var(--bb-content-alternate-background-color); color: var(--bb-body-text-color); border-color: var(--bb-content-border-color); }
/* E-Mail-Einladungen: „+“ zum Hinzufügen */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) #member-invites-table .field-actions-add i { background-color: var(--dgm-knopf); color: var(--dgm-knopf-text); }
/* Editor von WordPress (TinyMCE), z. B. bei E-Mail-Einladungen; das Innere setzt dg-modern.js */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.mce-panel, .mce-container, .mce-toolbar-grp, .mce-statusbar, .mce-edit-area, .wp-editor-container, .quicktags-toolbar) { background-color: var(--bb-content-alternate-background-color) !important; border-color: var(--bb-content-border-color) !important; color: var(--bb-body-text-color); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.mce-btn, .mce-btn button, .mce-ico, .mce-path-item, .mce-label) { background-color: transparent !important; color: var(--bb-body-text-color) !important; text-shadow: none !important; }
/* Gruppe erstellen: Schritt-Reiter */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) #group-create-tabs li.current a { color: var(--bb-headings-color); }

/* Vorgabe-Titelbild (helles Muster, dg-modern.js setzt die Klasse) */
html.dgm-dunkel body.dg-modern #header-cover-image.dgm-cover-vorgabe { background-image: none !important; background-color: var(--bb-content-alternate-background-color) !important; }
html.dgm-dunkel body.dg-modern img.dgm-cover-vorgabe { opacity: 0; }
html.dgm-dunkel body.dg-modern :is(#header-cover-image, *):has(> img.dgm-cover-vorgabe) { background-color: var(--bb-content-alternate-background-color) !important; }

/* 3. Eigene Bausteine (Modul, Child-Theme) ----------------------------------- */
/* Dialoge „Als App“/„Mitteilungen aufs Handy“: Zweitknopf dunkel, sonst Weiß auf Weiß */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .dgm-app__spaeter { background-color: var(--bb-content-alternate-background-color); color: var(--bb-headings-color); border-color: var(--bb-content-border-color); }
/* Newsfeed-Tags: Auswahlliste */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.dnft-dd > summary.dnft-dd__toggle, .dnft-dd__panel) { background: var(--bb-content-background-color); color: var(--bb-body-text-color); border-color: var(--bb-content-border-color); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .dnft-dd__panel { box-shadow: var(--dgm-shadow); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .dnft-dd__row label.dnft-dd__name { color: var(--bb-body-text-color); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.dnft-dd__legend, .dnft-dd__legend span, .dnft-dd__hint, .dnft-dd__reset, .dnft-dd__abo) { color: var(--bb-alternate-text-color); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .dnft-dd__row input[type="checkbox"] { accent-color: var(--bb-primary-color); }
/* Gruppenbeschreibung: kleiner Editor beim Anlegen/Bearbeiten */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.group-desc-editor, .group-desc-toolbar button) { background: var(--bb-content-alternate-background-color); color: var(--bb-body-text-color); border-color: var(--bb-content-border-color); }
/* Veranstaltungen-Seite: Farben stehen dort als eigene Variablen */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .inrv-veranstaltungen { --inrv-ink: var(--bb-headings-color); --inrv-muted: var(--bb-alternate-text-color); --inrv-line: var(--bb-content-border-color); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .inrv-veranstaltungen .events-switch { background: var(--bb-content-alternate-background-color); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .inrv-veranstaltungen .events-switch button:not([aria-selected="true"]) { color: var(--bb-body-text-color); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .inrv-veranstaltungen .events-switch button[aria-selected="true"] { color: #000; }
/* Termine in der Begrüßung: Monat in hellerem Akzent, weil er auf der Akzent-Tönung steht */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .dgm-termin__monat { color: color-mix(in srgb, var(--bb-primary-color) 60%, #fff); }
/* Titelbild: Fläche hinter dem Bild (sonst weißer Rand beim Laden und bei schmalen Bildern) */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) #header-cover-image { background-color: var(--bb-content-alternate-background-color); }
/* Datenschutz-Plugin (dgc): runder Knopf unten links */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) #dgc-oeffnen { background: var(--bb-content-alternate-background-color) !important; color: var(--bb-headings-color) !important; border-color: var(--bb-content-border-color) !important; }


/* 4. Amelia (Veranstaltungen) ------------------------------------------------- */
/* Amelia schreibt ihre Farben als Variablen inline an jeden Baustein (je Baustein
   eigene Namen). !important gewinnt gegen inline. Helle Flächen werden dunkel,
   dunkle Schrift hell (Deckkraft bleibt), Blau/Grün/Rot werden aufgehellt.
   Erzeugt aus den Variablen der Amelia-Version auf der Testseite. */
html.dgm-dunkel body.dg-modern [style*="--am-c-"] {
	--am-c-primary: #8fb0ff !important;
	--am-c-success: #4ade80 !important;
	--am-c-error: #f87171 !important;
	--am-c-main-bgr: #1a1d23 !important;
	--am-c-main-heading-text: #f1f3f5 !important;
	--am-c-main-text: #d5d9de !important;
	--am-c-main-text-op10: rgba(213, 217, 222, 0.1) !important;
	--am-c-inp-bgr: #22262d !important;
	--am-c-inp-border: #3a4049 !important;
	--am-c-inp-text: #d5d9de !important;
	--am-c-inp-placeholder: #a0a7b1 !important;
	--am-c-drop-bgr: #1a1d23 !important;
	--am-c-drop-text: #d5d9de !important;
	--am-c-btn-sec: #f1f3f5 !important;
	--am-c-btn-sec-text: #111317 !important;
	--am-c-skeleton-op20: rgba(213, 217, 222, 0.2) !important;
	--am-c-skeleton-op60: rgba(213, 217, 222, 0.6) !important;
	--am-c-cust-no1: #d5d9de !important;
	--am-c-cust-no1-bgr: rgba(213, 217, 222, 0.1) !important;
	--am-c-cust-link: rgba(213, 217, 222, 0.5) !important;
	--am-c-cust-text: #d5d9de !important;
	--am-c-caph-text: #d5d9de !important;
	--am-c-caph-heading-text: #f1f3f5 !important;
	--am-c-caph-text-op15: rgba(213, 217, 222, 0.15) !important;
	--am-c-spb-bgr: #1a1d23 !important;
	--am-c-spb-text: #d5d9de !important;
	--am-c-spb-text-op10: rgba(213, 217, 222, 0.1) !important;
	--am-c-cape-bgr: #1a1d23 !important;
	--am-c-cape-text: #d5d9de !important;
	--am-c-cape-text-op70: rgba(213, 217, 222, 0.7) !important;
	--am-c-cape-text-op25: rgba(213, 217, 222, 0.25) !important;
	--am-c-cape-primary: #8fb0ff !important;
	--am-c-capf-heading-text: #d5d9de !important;
	--am-c-capf-text: #d5d9de !important;
	--am-c-capf-text-op10: rgba(213, 217, 222, 0.1) !important;
	--am-c-select-border: #3a4049 !important;
	--am-c-select-bgr: #22262d !important;
	--am-c-select-text: #d5d9de !important;
	--am-c-select-placeholder: #a0a7b1 !important;
	--am-c-select-shadow: rgba(213, 217, 222, 0.05) !important;
	--am-c-select-text-op60: rgba(213, 217, 222, 0.6) !important;
	--am-c-select-text-op50: rgba(213, 217, 222, 0.5) !important;
	--am-c-select-text-op40: rgba(213, 217, 222, 0.4) !important;
	--am-c-select-text-op03: rgba(213, 217, 222, 0.03) !important;
	--am-c-select-text-op06: rgba(213, 217, 222, 0.06) !important;
	--am-c-inp-text-op03: rgba(213, 217, 222, 0.03) !important;
	--am-c-inp-text-op05: rgba(213, 217, 222, 0.05) !important;
	--am-c-inp-text-op40: rgba(213, 217, 222, 0.4) !important;
	--am-c-inp-text-op60: rgba(213, 217, 222, 0.6) !important;
	--am-c-drop-text-op03: rgba(213, 217, 222, 0.03) !important;
	--am-c-drop-text-op10: rgba(213, 217, 222, 0.1) !important;
	--am-c-drop-text-op30: rgba(213, 217, 222, 0.3) !important;
	--am-c-drop-text-op50: rgba(213, 217, 222, 0.5) !important;
	--am-c-drop-text-op70: rgba(213, 217, 222, 0.7) !important;
	--am-c-drop-text-op80: rgba(213, 217, 222, 0.8) !important;
	--am-c-drop-border: #30353d !important;
	--am-c-ces-text: #d5d9de !important;
	--am-c-ces-text-op70: rgba(213, 217, 222, 0.7) !important;
	--am-c-main-text-op15: rgba(213, 217, 222, 0.15) !important;
	--am-c-card-bgr: #1a1d23 !important;
	--am-c-card-text: #d5d9de !important;
	--am-c-card-border: #3a4049 !important;
	--am-c-els-text-op10: rgba(213, 217, 222, 0.1) !important;
	--am-c-els-text-op25: rgba(213, 217, 222, 0.25) !important;
	--am-c-els-text-op60: rgba(213, 217, 222, 0.6) !important;
	--am-c-ec-success: #4ade80 !important;
	--am-c-ec-primary: #8fb0ff !important;
	--am-c-ec-bgr: #1a1d23 !important;
	--am-c-ec-text: #d5d9de !important;
	--am-c-ec-text-op90: rgba(213, 217, 222, 0.9) !important;
	--am-c-ec-text-op80: rgba(213, 217, 222, 0.8) !important;
	--am-c-ec-text-op50: rgba(213, 217, 222, 0.5) !important;
	--am-c-ec-error-op70: rgba(248, 113, 113, 0.7) !important;
}

/* Amelia-Bausteine mit fest eingetragenem Weiß/Grau */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(#amelia-container, .amelia-v2-booking) :is(.am-ec, .am-ec-wrapper, .am-els__wrapper) { background-color: var(--bb-content-background-color); border-color: var(--bb-content-border-color); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(#amelia-container, .amelia-v2-booking, .el-popper) :is(.el-input__wrapper, .el-range-editor, .el-range-input, .el-select__wrapper) { background-color: var(--bb-content-alternate-background-color) !important; box-shadow: 0 0 0 1px #3a4049 inset !important; color: var(--bb-headings-color); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(#amelia-container, .amelia-v2-booking) :is(.am-ec__period-text, .am-ec__info-other p) { color: var(--bb-alternate-text-color); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(#amelia-container, .amelia-v2-booking) .am-ec__info-availability.open { color: #4ade80; }

/* 5. Marktplatz (Plugin inrv-marktplatz) ---------------------------------------- */
html.dgm-dunkel body.dg-modern .inrv-scope,
html.dgm-dunkel body.dg-modern .inrv-sa-modal {
	--inrv-fg: var(--bb-body-text-color);
	--inrv-muted: var(--bb-alternate-text-color);
	--inrv-bg: var(--bb-content-background-color);
	--inrv-bg-soft: var(--bb-content-alternate-background-color);
	--inrv-border: var(--bb-content-border-color);
	--inrv-badge-bg: var(--bb-content-alternate-background-color);
	--inrv-accent-soft: rgba(143, 176, 255, .14);
	--inrv-accent: #a9c4ff;
	--inrv-primary-fg: #000;
}
/* Karten und Kästen */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.inrv-ov-card, .inrv-card, .inrv-panel, .inrv-preview-card, .inrv-publish-card, .inrv-va-card, .inrv-ov-cat-panel, .inrv-myv-stat, .inrv-myv-card, .inrv-detail-card, .inrv-detail-simcard, .inrv-comments-card, .inrv-ov-filterbar, .inrv-lw, .inrv-bn, .inrv-hero-card, .inrv-mk-item, .inrv-created-card, .inrv-faq-search, .inrv-faq-topic, .inrv-faq-item, .inrv-faq-card, .inrv-provider-box, .inrv-richtext, .inrv-comments-inputwrap, .inrv-sa-dialog, .inrv-iconpick-grid, .inrv-myv-menupanel, .inrv-myv-menupanel button, .inrv-myv-menubtn, .inrv-comments-sort, .inrv-ov-cat, .inrv-ov-catdd-sum, .inrv-ov-iconbtn, .inrv-ov-control, .inrv-wg-cat, .inrv-iconpick > summary, .inrv-iconpick-opt, .inrv-sa-mininput, .inrv-sa-modeinput, .inrv-hero-btn, .inrv-rt-btn, .inrv-remove, .inrv-sm-zoom button, .inrv-myv-bulk-actions button) {
	background-color: var(--bb-content-background-color);
	border-color: var(--bb-content-border-color);
	color: var(--bb-body-text-color);
	box-shadow: none;
}
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .inrv-scope :is(input[type="text"], input[type="email"], input[type="search"], input[type="url"], input[type="date"], input[type="number"], input[type="tel"], textarea, select, .inrv-dropdown) {
	background-color: var(--bb-content-alternate-background-color);
	border-color: var(--bb-content-border-color);
	color: var(--bb-headings-color);
}
/* Zweite Ebene: Bildflächen, Chips, Kopfzeilen von Tabellen, Hinweise */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.inrv-ov-card-media, .inrv-card-media, .inrv-listing-thumb, .inrv-detail-simpic, .inrv-detail-gallery, .inrv-detail-photo, .inrv-image-card, .inrv-image-card--title, .inrv-preview-image, .inrv-hero-media, .inrv-wg-pic, .inrv-mv-thumb, .inrv-va-defimg-preview, .inrv-filter, .inrv-notice, .inrv-table th, .inrv-myv-table th, .inrv-mv-table th, .inrv-upload, .inrv-rt-toolbar, .inrv-step, .inrv-wizard-steps li span, .inrv-upload-icon, .inrv-ov-cat-ic, .inrv-ov-catdd-ic, .inrv-myv-mmetrics > div, .inrv-mk-code, .inrv-comments-composer, .inrv-map, .inrv-ov-mapwrap, .inrv-map-consent, .inrv-simplemap, .inrv-va-sk, .inrv-va-sk-tile, .inrv-va-sk-card, .inrv-edit .inrv-step-bar, .inrv-btn:not(.inrv-btn-primary):not(.inrv-btn-secondary):not(.inrv-btn-danger), .inrv-myv-status--draft, .inrv-mv-badge, .inrv-mv-badge--hidden, .inrv-faq-myads-state--draft, .inrv-faq-eyebrow, .inrv-detail-fact, .inrv-tag-chip, .inrv-badge, .inrv-va-chip, .inrv-sm-badge, .inrv-detail-allpics, .inrv-fav) {
	background-color: var(--bb-content-alternate-background-color);
	border-color: var(--bb-content-border-color);
	color: var(--bb-body-text-color);
}
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.inrv-noimg, .inrv-mv-thumb-ph) { background: linear-gradient(135deg, #22262d, #2e333b); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.inrv-ov-iconbtn:hover, .inrv-ov-iconbtn:focus-visible, .inrv-ov-maptoggle[aria-expanded="true"], .inrv-ov-iconbtn[aria-expanded="true"], .inrv-tag-chip:hover, .inrv-rt-btn:hover, .inrv-myv-table tbody tr:hover, .inrv-myv-menupanel a:hover, .inrv-myv-menupanel button:hover, .inrv-myv-menubtn:hover, .inrv-iconpick-opt:hover, .inrv-upload:hover, .inrv-upload--over, .inrv-ov-cat:hover, .inrv-ov-cat.is-active, .inrv-ov-cat-mi:hover, .inrv-ov-cat-mi.is-active, .inrv-ov-cat-close:hover, .inrv-ov-chip, .inrv-ov-view button.is-active, .inrv-wg-cat.is-active, .inrv-faq-topic.is-active, .inrv-comment-actions .comment-reply-link:hover, .inrv-btn:not(.inrv-btn-primary):not(.inrv-btn-secondary):not(.inrv-btn-danger):hover, .inrv-va-sk-tile.is-on, .inrv-myv-bulk, .inrv-sa-x:hover) {
	background-color: #2a2f37;
	border-color: #4a515c;
	color: var(--bb-headings-color);
}
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.inrv-ov-cat.is-active .inrv-ov-cat-ic, .inrv-ov-catdd.is-active .inrv-ov-catdd-ic, .inrv-myv-stat-ic, .inrv-comment-role, .inrv-comments-badge, .inrv-comments-empty-icon, .inrv-faq-plus, .inrv-btn-secondary, .inrv-detail-simart, .inrv-sa-done-hits) {
	background-color: rgba(var(--bb-primary-color-rgb), .16);
	color: var(--bb-headings-color);
}
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .inrv-faq-hero { background: var(--bb-content-alternate-background-color); border-color: var(--bb-content-border-color); }
/* Hauptknöpfe: Knopf-Standard im Dunkelmodus (weiß, schwarze Schrift) */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .inrv-scope :is(.inrv-btn-primary, .inrv-btn.inrv-btn-primary, .inrv-ov-create, .inrv-map-consent-btn, .inrv-detail-msg, .inrv-comments-send) { background: var(--dgm-knopf); border-color: var(--dgm-knopf); color: var(--dgm-knopf-text); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .inrv-scope :is(.inrv-btn-primary, .inrv-ov-create, .inrv-detail-msg, .inrv-comments-send):is(:hover, :focus-visible) { background: var(--dgm-knopf-hover); color: var(--dgm-knopf-text); }
/* Beschriftungen auf Akzentfläche: schwarz statt weiß (orange Akzent: 3,4:1 → 6:1) */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.inrv-wizard-steps li.is-done span) { color: #000; }
/* Schrift, die das Plugin fest dunkel einträgt */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.inrv-comment-content, .inrv-mappop-title, .inrv-map-consent p) { color: var(--bb-body-text-color); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.inrv-fav, .inrv-ov-cat-ic, .inrv-mappop-prov, .inrv-faq-myads-state--draft, .inrv-mv-badge, .inrv-mv-badge--hidden, .inrv-map-consent p.inrv-map-consent-hint) { color: var(--bb-alternate-text-color); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.inrv-fav.is-on, .inrv-ov-favtoggle.is-on) { color: #f87171; background-color: rgba(248, 113, 113, .14); border-color: rgba(248, 113, 113, .4); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.inrv-fav.is-on, .inrv-ov-favtoggle.is-on) .inrv-ic { fill: #f87171; }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.inrv-badge, .inrv-tag-chip, .inrv-va-chip) { color: #a9c4ff; }
/* Status: Erfolg, Warnung, Fehler in hellen Tönen auf getönter Fläche */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.inrv-notice-success, .inrv-status, .inrv-va-msg--success, .inrv-va-toast--success, .inrv-detail-pill--available, .inrv-mv-badge--live, .inrv-faq-myads-state--live, .inrv-sa-status--on, .inrv-myv-status--active, .inrv-created-icon) { background-color: rgba(74, 222, 128, .12); border-color: rgba(74, 222, 128, .35); color: #86efac; }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.inrv-sa-done-txt, .inrv-interest-done) { color: #86efac; }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.inrv-detail-pill--pending, .inrv-myv-status--review, .inrv-mv-badge--warn, .inrv-faq-myads-state--pending) { background-color: rgba(251, 191, 36, .12); border-color: rgba(251, 191, 36, .35); color: #fcd34d; }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .inrv-comment-mod { color: #fcd34d; }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.inrv-notice-error, .inrv-upload-error, .inrv-va-msg--error, .inrv-va-toast--error, .inrv-sa-msg--error, .inrv-myv-status--expired) { background-color: rgba(248, 113, 113, .12); border-color: rgba(248, 113, 113, .35); color: #fca5a5; }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.inrv-plz-note--error, .inrv-interest-err, .inrv-sa-delete, .inrv-myv-danger) { color: #fca5a5; }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .inrv-btn-danger { background-color: transparent; color: #fca5a5; border-color: rgba(248, 113, 113, .5); }
/* Schalter: Schiene sichtbar machen */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .inrv-switch-track { background-color: #3a4049; }
/* Kartenausschnitt-Platzhalter und Leaflet-Popup */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .inrv-mappop-wrap .leaflet-popup-content-wrapper,
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .inrv-mappop-wrap .leaflet-popup-tip { background: var(--bb-content-background-color); color: var(--bb-body-text-color); }

/* Etiketten (Angebot/Gesuch) und Bild-Platzhalter: Farbe steht inline je Kategorie.
   Eine Abdunklung darüber hält sie im Dunkelmodus ruhig und die weiße Schrift lesbar. */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.inrv-ov-card-label, .inrv-noimg, .inrv-mv-thumb-ph) { box-shadow: inset 0 0 0 100vmax rgba(17, 19, 23, .32); }
/* Eigenes CSS der Seite (Customizer) färbt Autor-Links in Gruppenbeiträgen fest blau (#2271b1, 3,3:1) */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .activity-group-post-meta .activity-post-author a { color: var(--bb-headings-color); }
/* Menü-Symbole „bb-icon-bf“: Die Kachel ist die Glyphe selbst (Symbol ausgespart). In
   Weiß leuchtet sie; Mittelgrau bleibt ruhig, das Symbol steht mit 7,7:1 darin. */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .buddypanel-menu > li:not(.current-menu-item):not(.current_page_item) > a > i[class*="bb-icon-bf"] { color: var(--bb-alternate-text-color); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .buddypanel-menu > li:not(.current-menu-item):not(.current_page_item) > a:hover > i[class*="bb-icon-bf"] { color: var(--bb-headings-color); }
/* Aktiver Punkt im Handymenü: Fläche ist der aufgehellte Akzent → schwarze Schrift und Kachel */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .bb-mobile-panel-inner .bb-primary-menu .current-menu-item > a,
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .bb-mobile-panel-inner .bb-primary-menu .current-menu-item > a :is(span, i) { color: #000; }
/* Profil-/Gruppentyp-Etikett: Akzent steht auf seiner Tönung → hellere Stufe (vorher 4,4:1) */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.bp-member-type, .bp-group-type .group-type) { color: color-mix(in srgb, var(--bb-primary-color) 60%, #fff); }

/* Weiß auf aufgehelltem Akzent nur ~3:1 – schwarze Schrift (≈7:1) */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .dgm-leiste__liste > li.dgm-leiste__neu > a,
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .dgm-start__schritt.ist-fertig .dgm-start__haken { color: #000; }

/* Barrierefreiheit im Dunkelmodus: „In meinen Kalender“ liegt auf der aufgehellten
   Akzentstufe – dunkle statt weißer Schrift (2,8:1 → über 6:1); Hinweistext der
   Tag-Auswahl im Feed in hellem Grau statt #5b6470 (3,1:1 → über 7:1). */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .dgm-termin__kalender { color: #111317; }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .dnft-toggle__text { color: var(--dgm-muted); }
/* Dokumentenliste: Ordner-/Dateiname war fast schwarz auf Dunkel (1,2:1),
   Sichtbarkeit, Datum und Spaltenköpfe zu blass. */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .media-folder_items :is(.media-folder_name, .media-folder_name > span) { color: var(--bb-headings-color); }
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) :is(.media-folder_visibility, .media-folder_visibility span, .media-folder_date, .document-data-table-head .data-head > span) { color: var(--dgm-muted); }
/* Veranstaltungen: aktiver Reiter wie die Knöpfe im Dunkelmodus (weiß, schwarze Schrift) */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b) .inrv-veranstaltungen .events-switch button.active { background: var(--dgm-knopf); color: var(--dgm-knopf-text); }
/* Aktiver Unterreiter (Profil → Bearbeiten …): wie die Knöpfe im Dunkelmodus */
html.dgm-dunkel body.dg-modern:not(#dgm-a):not(#dgm-b):not(#dgm-c) #buddypress :is(#subnav, .bp-subnavs):not(.dir-navs) li:is(.current, .selected) > a { background-color: var(--dgm-knopf); color: var(--dgm-knopf-text); }