/* brand.enforce.css — EIN Orangeton (#ff6b00) + Toggles in allen Zuständen #ff6b00 */
:root, [data-theme="dark"], [data-theme="light"], html, body {
  --pri: #ff6b00;
  --primary: #ff6b00;
  --accent: #ff6b00;
  --brand: #ff6b00;
  --cta: #ff6b00;
}

/* CTAs / Buttons */
.btn-primary, .button--primary, button.primary,
a.button.primary, a.btn-primary, .btn.#ff6b00, .button.#ff6b00,
.rr-btn.primary, .rr-btn--primary {
  background-color:#ff6b00 !important;
  border-color:#ff6b00 !important;
  color:#fff !important;
}
.btn-primary:hover, .button--primary: #ff6b00;
  border-color:#ff6b00 !important;
}

/* ======= TOGGLES: Container, Track, Handle, Pseudos ======= */
button.rr-toggle, .rr-toggle, .toggle, .switch {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.rr-toggle .rr-track, .rr-toggle .track,
.toggle .toggle__track, .switch .switch__track,
.rr-toggle .rr-track::before, .rr-toggle .rr-track::after,
.toggle .toggle__track::before, .toggle .toggle__track::after {
  background: var(--toggle-track-gray,#bfbfbf) !important;
  border-color:#ff6b00 !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
}
.rr-toggle.is-on .rr-track,
.rr-toggle[aria-pressed="true"] .rr-track,
.rr-toggle[aria-checked="true"] .rr-track,
.toggle.is-on .toggle__track, .switch.is-on .switch__track {
  background: var(--toggle-track-gray,#bfbfbf) !important;
  border-color:#ff6b00 !important;
}
.rr-toggle .rr-handle, .toggle .toggle__handle, .switch .switch__handle,
.rr-toggle .rr-handle::before, .toggle .toggle__handle::before, .switch .switch__handle::before {
  background:#ffffff !important;
  border-color:#ffffff !important;
  box-shadow:none !important;
}
.rr-toggle[disabled] .rr-track, .rr-toggle.is-disabled .rr-track,
.toggle[disabled] .toggle__track, .switch[disabled] .switch__track {
  background: var(--toggle-track-gray,#bfbfbf) !important;
  border-color:#ff6b00 !important;
  opacity:1 !important;
  filter:none !important;
}
.rr-toggle + .rr-toggle__label, .rr-toggle + .toggle-label,
.rr-toggle + .chip, .rr-toggle + .label,
.toggle + .toggle__label, .switch + .switch__label {
  background: transparent !important;
  border-color: transparent !important;
}

/* Sicherheitsnetz: Klassen mit primary/accent/brand */
[class*="primary"], [class*="accent"], [class*="brand"] {
  --pri: #ff6b00; --primary: #ff6b00;
  --accent: #ff6b00; --brand: #ff6b00;
}


/* Falls die Hülle eine Ebene höher sitzt */
#taxsv-card :is(div, span, label, button):has(:is(.rr-toggle, .toggle, .switch)) {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Nachbarfläche neben dem Toggle neutralisieren */
#taxsv-card .rr-toggle + * {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}



/* Text/Icons innerhalb der Label-Pill weiß */
#taxsv-card :is(.chip, .pill, .badge, .tag, .label, .toggle-label, .rr-toggle__label, .rr-chip, .rr-pill, button, .btn):has(.rr-toggle) * {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Hover/Focus-Zustände nicht abdunkeln */
#taxsv-card :is(.chip, .pill, .badge, .tag, .label, .toggle-label, .rr-toggle__label, .rr-chip, .rr-pill, button, .btn):has(.rr-toggle):is(:hover, :focus) {
  background-color: #ff6b00 !important;
  border-color: #ff6b00 !important;
}

/* Disabled nicht ausgrauen */
#taxsv-card :is(.chip, .pill, .badge, .tag, .label, .toggle-label, .rr-toggle__label, .rr-chip, .rr-pill, button, .btn)[disabled]:has(.rr-toggle),
#taxsv-card :is(div, span, label):has(:is(.rr-toggle, .toggle, .switch)):is(.is-disabled, [aria-disabled="true"]) {
  background-color: #ff6b00 !important;
  border-color: #ff6b00 !important;
  opacity: 1 !important;
  filter: none !important;
}



/* === PRECISE: Nur die unmittelbare Pill/Label/Button um den Toggle einfärben === */
#taxsv-card :is(label, button, .chip, .pill, .rr-toggle__label, .toggle-label):has(> .rr-toggle) {
  background-color: #ff6b00 !important;
  border-color: #ff6b00 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}
#taxsv-card :is(label, button, .chip, .pill, .rr-toggle__label, .toggle-label):has(> .rr-toggle) * {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}
/* Track/Handle bleiben orange/weiß wie zuvor */



/* === HARD FORCE: Toggle-TRACK immer #ff6b00, unabhängig von Bibliothek/Zustand === */
:where(.rr-toggle,.toggle,.switch,[role="switch"],button[role="switch"],.toggle-switch,.form-switch)
 :is(.rr-track,.track,.toggle__track,.switch__track,.slider,.switch-bg){
  background: var(--toggle-track-gray,#bfbfbf) !important;
  border-color:#ff6b00 !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
}

/* Knopf/Handle weiß lassen */
:where(.rr-toggle,.toggle,.switch,[role="switch"],button[role="switch"],.toggle-switch,.form-switch)
 :is(.rr-handle,.handle,.toggle__handle,.switch__handle,.slider::before){
  background:#ffffff !important;
  border-color:#ffffff !important;
  box-shadow:none !important;
}

/* Auch für input[type=checkbox]+.slider Varianten */
input[type="checkbox"].toggle + .slider,
input[type="checkbox"][role="switch"] + .slider,
input[type="checkbox"].switch + .slider {
  background: var(--toggle-track-gray,#bfbfbf) !important;
  border-color:#ff6b00 !important;
}
input[type="checkbox"].toggle + .slider:before,
input[type="checkbox"][role="switch"] + .slider:before,
input[type="checkbox"].switch + .slider:before {
  background:#ffffff !important;
}



/* === FINAL: Nur die unmittelbare Toggle-Kapsel (Button/Label/Chip/Pill) orange === */
#taxsv-card :is(button, label, .chip, .pill, .rr-toggle__label, .toggle-label):has(.rr-toggle){
  background-color:#ff6b00 !important;
  border-color:#ff6b00 !important;
  color:#ffffff !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
}
#taxsv-card :is(button, label, .chip, .pill, .rr-toggle__label, .toggle-label):has(.rr-toggle) *{
  color:#ffffff !important;
  fill:#ffffff !important;
  stroke:#ffffff !important;
}

/* Sicherstellen: Track immer orange, Handle weiß (alle gängigen Varianten) */
:where(.rr-toggle,.toggle,.switch,[role="switch"],button[role="switch"],.toggle-switch,.form-switch)
 :is(.rr-track,.track,.toggle__track,.switch__track,.slider,.switch-bg){
  background: var(--toggle-track-gray,#bfbfbf) !important;
  border-color:#ff6b00 !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
}
:where(.rr-toggle,.toggle,.switch,[role="switch"],button[role="switch"],.toggle-switch,.form-switch)
 :is(.rr-handle,.handle,.toggle__handle,.switch__handle,.slider::before){
  background:#ffffff !important;
  border-color:#ffffff !important;
  box-shadow:none !important;
}

/* Checkbox+slider Pattern */
input[type="checkbox"].toggle + .slider,
input[type="checkbox"][role="switch"] + .slider,
input[type="checkbox"].switch + .slider {
  background: var(--toggle-track-gray,#bfbfbf) !important;
  border-color:#ff6b00 !important;
}
input[type="checkbox"].toggle + .slider:before,
input[type="checkbox"][role="switch"] + .slider:before,
input[type="checkbox"].switch + .slider:before {
  background:#ffffff !important;
}



/* === NO-:has() FALLBACK: färbe typische Toggle-Pills/Chips direkt === */
#taxsv-card .pill,
#taxsv-card .chip,
#taxsv-card .toggle-label,
#taxsv-card .rr-toggle__label,
#taxsv-card button.rr-toggle,
#taxsv-card button.toggle,
#taxsv-card label.toggle,
#taxsv-card .rr-toggle-btn,
#taxsv-card .rr-switch,
#taxsv-card .switch-label {
  background-color:#ff6b00 !important;
  border-color:#ff6b00 !important;
  color:#ffffff !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
}
#taxsv-card .pill *, 
#taxsv-card .chip *,
#taxsv-card .toggle-label *,
#taxsv-card .rr-toggle__label *,
#taxsv-card button.rr-toggle *, 
#taxsv-card button.toggle *,
#taxsv-card label.toggle *,
#taxsv-card .rr-toggle-btn *,
#taxsv-card .rr-switch *,
#taxsv-card .switch-label * {
  color:#ffffff !important;
  fill:#ffffff !important;
  stroke:#ffffff !important;
}



/* === TRACK OUTLINE: Sichtbare Kontur für das ovale Schieber-Bett (bleibt orange) === */
:where(.rr-toggle,.toggle,.switch,[role="switch"],button[role="switch"],.toggle-switch,.form-switch)
 :is(.rr-track,.track,.toggle__track,.switch__track,.slider,.switch-bg){
  /* bereits orange; jetzt Kontur für bessere Erkennbarkeit */
  border-width: 2px !important;
  border-style: solid !important;
  border-color: rgba(255,255,255,.25) !important;   /* dünne helle Linie, funktioniert in Hell/Dunkel */
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.12) !important; /* leichte Tiefe */
  border-radius: 999px !important;
}

/* Optional: bei Hover/Fokus etwas stärkerer Kontrast */
:where(.rr-toggle,.toggle,.switch,[role="switch"],button[role="switch"],.toggle-switch,.form-switch)
 :is(.rr-track,.track,.toggle__track,.switch__track,.slider,.switch-bg):is(:hover,:focus){
  border-color: rgba(255,255,255,.35) !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.18) !important;
}

/* Handle bleibt weiß, mit feiner Kontur, damit es nicht „verschmilzt“ */
:where(.rr-toggle,.toggle,.switch,[role="switch"],button[role="switch"],.toggle-switch,.form-switch)
 :is(.rr-handle,.handle,.toggle__handle,.switch__handle,.slider::before){
  border: 1px solid rgba(0,0,0,.18) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.20) !important;
}


:root{--toggle-track-gray:#bfbfbf;}


/* === ALWAYS GRAY TRACK === */
:where(.rr-toggle,.toggle,.switch,[role="switch"],button[role="switch"],.toggle-switch,.form-switch)
 :is(.rr-track,.track,.toggle__track,.switch__track,.slider,.switch-bg){
  background: var(--toggle-track-gray,#bfbfbf) !important;
  border: 2px solid rgba(0,0,0,.25) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18) !important;
  border-radius: 999px !important;
}
/* Ensure hover/focus does NOT change background */
:where(.rr-toggle,.toggle,.switch,[role="switch"],button[role="switch"],.toggle-switch,.form-switch)
 :is(.rr-track,.track,.toggle__track,.switch__track,.slider,.switch-bg):is(:hover,:focus){
  background: var(--toggle-track-gray,#bfbfbf) !important;
  border-color: rgba(0,0,0,.3) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.22) !important;
}
/* White handle retained */
:where(.rr-toggle,.toggle,.switch,[role="switch"],button[role="switch"],.toggle-switch,.form-switch)
 :is(.rr-handle,.handle,.toggle__handle,.switch__handle,.slider::before){
  background:#ffffff !important;
  border: 1px solid rgba(0,0,0,.2) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.25) !important;
}



:root{
  --toggle-track-gray:#d8d8d8;       /* etwas heller */
  --toggle-track-height:26px;        /* etwas höher */
  --toggle-handle-size:18px;         /* Handle-Größe, bleibt kleiner als Track */
}



/* === TRACK TUNING: Höhe & Ausrichtung === */
:where(.rr-toggle,.toggle,.switch,[role="switch"],button[role="switch"],.toggle-switch,.form-switch)
 :is(.rr-track,.track,.toggle__track,.switch__track,.slider,.switch-bg){
  background: var(--toggle-track-gray,#d8d8d8) !important;
  height: var(--toggle-track-height,26px) !important;
  min-height: var(--toggle-track-height,26px) !important;
  border-radius: calc(var(--toggle-track-height,26px) / 2) !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Handle-Größe bewusst kleiner halten, damit er unten nicht berührt */
:where(.rr-toggle,.toggle,.switch,[role="switch"],button[role="switch"],.toggle-switch,.form-switch)
 :is(.rr-handle,.handle,.toggle__handle,.switch__handle){
  width: var(--toggle-handle-size,18px) !important;
  height: var(--toggle-handle-size,18px) !important;
  border-radius: 50% !important;
}

/* Für Slider-Pattern mit ::before */
:where(.rr-toggle,.toggle,.switch,[role="switch"],button[role="switch"],.toggle-switch,.form-switch)
 :is(.slider)::before{
  width: var(--toggle-handle-size,18px) !important;
  height: var(--toggle-handle-size,18px) !important;
  border-radius: 50% !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}