/**
 * assets/dynamic-blocks-breadcrumb.css
 *
 * Statische Trennzeichen-Klassen fuer den Feldtyp "Breadcrumb" (siehe
 * tppb_get_breadcrumb_separator_options()/tppb_render_breadcrumb_html_from_
 * trail() in includes/dynamic-blocks-engine.php) - setzt Bootstraps eigene
 * dafuer vorgesehene CSS-Variablen (--bs-breadcrumb-divider/-divider-color,
 * gelesen von .breadcrumb-item + .breadcrumb-item::before) ueber eine feste,
 * kleine Liste ECHTER Klassen statt eines pro Instanz erzeugten Inline-
 * <style>-Blocks (Hausregel: nie Inline-Styles, immer echte Klassen -
 * gleiches Prinzip wie assets/dynamic-blocks-images.css fuer Bildfelder).
 * Leerer Schluessel ("Standard") bekommt bewusst KEINE eigene Klasse -
 * Bootstraps eingebauter Standardwert ("/") bleibt dann einfach unveraendert.
 *
 * WICHTIG - jede Regel als ".breadcrumb.tppb-breadcrumb-divider-*" (ZWEI
 * Klassen kombiniert), NICHT nur ".tppb-breadcrumb-divider-*" allein: Boot-
 * straps eigene ".breadcrumb"-Klasse setzt selbst schon einen Standardwert
 * fuer --bs-breadcrumb-divider-color (":var(--bs-secondary-color)", siehe
 * assets/css/bootstrap.min.css) - bei GLEICHER Selektor-Spezifitaet (beides
 * nur je 1 Klasse) entscheidet sonst allein die Stylesheet-Ladereihenfolge,
 * wer gewinnt. Auf dem echten Frontend laed dieses Stylesheet zufaellig
 * SPAETER als Bootstrap (Farbe wirkte dort korrekt), im Editor-Canvas-
 * Iframe (@import in block_editor_settings_all) aber VOR Bootstraps eigenem
 * CSS - Bootstraps Standardwert gewann dort, die gewaehlte Farbe blieb
 * unsichtbar (User-Report). ".breadcrumb.tppb-..." hat hoehere Spezifitaet
 * (2 Klassen statt 1) und gewinnt dadurch IMMER, unabhaengig von der Lade-
 * reihenfolge - kein "!important" noetig. --bs-breadcrumb-divider selbst hat
 * zwar (noch) keine konkurrierende Deklaration auf ".breadcrumb" (nur einen
 * Fallback-Wert im var()-Aufruf), bekommt aus Konsistenz-/Zukunftssicherheits-
 * Gruenden aber dieselbe Absicherung.
 */
.breadcrumb.tppb-breadcrumb-divider-chevron { --bs-breadcrumb-divider: '>'; }
.breadcrumb.tppb-breadcrumb-divider-dot     { --bs-breadcrumb-divider: '•'; }
.breadcrumb.tppb-breadcrumb-divider-arrow   { --bs-breadcrumb-divider: '→'; }

.breadcrumb.tppb-breadcrumb-divider-color-primary   { --bs-breadcrumb-divider-color: var(--bs-primary); }
.breadcrumb.tppb-breadcrumb-divider-color-secondary { --bs-breadcrumb-divider-color: var(--bs-secondary); }
.breadcrumb.tppb-breadcrumb-divider-color-success   { --bs-breadcrumb-divider-color: var(--bs-success); }
.breadcrumb.tppb-breadcrumb-divider-color-info      { --bs-breadcrumb-divider-color: var(--bs-info); }
.breadcrumb.tppb-breadcrumb-divider-color-warning   { --bs-breadcrumb-divider-color: var(--bs-warning); }
.breadcrumb.tppb-breadcrumb-divider-color-danger    { --bs-breadcrumb-divider-color: var(--bs-danger); }
.breadcrumb.tppb-breadcrumb-divider-color-light     { --bs-breadcrumb-divider-color: var(--bs-light); }
.breadcrumb.tppb-breadcrumb-divider-color-dark      { --bs-breadcrumb-divider-color: var(--bs-dark); }
.breadcrumb.tppb-breadcrumb-divider-color-body      { --bs-breadcrumb-divider-color: var(--bs-body-color); }
.breadcrumb.tppb-breadcrumb-divider-color-muted     { --bs-breadcrumb-divider-color: var(--bs-secondary-color); }
.breadcrumb.tppb-breadcrumb-divider-color-white     { --bs-breadcrumb-divider-color: var(--bs-white); }
.breadcrumb.tppb-breadcrumb-divider-color-black     { --bs-breadcrumb-divider-color: var(--bs-black); }