/* ===== OO SplitButton =====
   SplitButton: Hauptaktion und Pfeil als eine Leiste. Button setzt seinen Radius inline, deshalb nehmen die inneren
   Ecken ihn hier mit !important zurück. Die Trennlinie ist ein innerer Schatten in der Textfarbe, damit sie auf
   gefüllten wie auf Outline-Buttons sichtbar ist; bei Outline entfällt der rechte Rahmen der Hauptaktion.
   ========================== */

.oo-split-btn {
    display: inline-flex;
    align-items: stretch;
    vertical-align: middle;
}

.oo-split-btn > .oo-split-btn__main {
    position: relative;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right-width: 0;
}

.oo-split-btn > .oo-split-btn__menu,
.oo-split-btn > .oo-split-btn__menu > .oo-cm__trigger {
    display: flex;
    align-items: stretch;
}

.oo-split-btn .oo-split-btn__toggle {
    height: 100%;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    box-shadow: inset var(--oo-border-width) 0 0 color-mix(in oklch, currentColor 30%, transparent);
}

.oo-split-btn > .oo-split-btn__main:focus-visible,
.oo-split-btn .oo-split-btn__toggle:focus-visible {
    z-index: 1;
}