:root {
    --loba-ui-text: #f5f0e5;
    --loba-ui-muted: #c4baa8;
    --loba-ui-surface: #18202b;
    --loba-ui-surface-hover: #232d3b;
    --loba-ui-accent: #e8a020;
}

/* Navigator: Grundzustand, Hover, Tastaturfokus und Auswahl bleiben kontrastreich. */
.nitro-navigator .navigator-grid > .navigator-item,
.nitro-navigator .navigator-grid > .navigator-item:nth-child(odd) {
    color: var(--loba-ui-text) !important;
    background: transparent !important;
}

.nitro-navigator .navigator-grid > .navigator-item:hover,
.nitro-navigator .navigator-grid > .navigator-item:focus,
.nitro-navigator .navigator-grid > .navigator-item:focus-visible,
.nitro-navigator .navigator-grid > .navigator-item:focus-within,
.nitro-navigator .navigator-grid > .navigator-item.active,
.nitro-navigator .navigator-grid > .navigator-item[aria-current="true"],
.nitro-navigator .navigator-grid > .navigator-item[aria-selected="true"],
.nitro-navigator .navigator-grid > .navigator-item.bg-light,
.nitro-navigator .navigator-grid > .navigator-item.bg-white,
.nitro-navigator .navigator-grid > .navigator-item.bg-muted {
    color: var(--loba-ui-text) !important;
    background-color: var(--loba-ui-surface-hover) !important;
    background-image: none !important;
}

.nitro-navigator .navigator-grid > .navigator-item:hover > :not(.badge),
.nitro-navigator .navigator-grid > .navigator-item:focus-visible > :not(.badge),
.nitro-navigator .navigator-grid > .navigator-item.active > :not(.badge),
.nitro-navigator .navigator-grid > .navigator-item[aria-selected="true"] > :not(.badge),
.nitro-navigator .navigator-item .text-black,
.nitro-navigator .navigator-item .text-dark,
.nitro-navigator .navigator-item .text-white,
.nitro-navigator .navigator-item span:not(.badge) {
    color: inherit !important;
}

/* Helle Sprechblasen brauchen dunkle Schrift; dunkle Sonderblasen behalten ihre Originalfarben. */
.bubble-container .chat-bubble:not(.bubble-2):not(.bubble-8):not(.bubble-10):not(.bubble-14):not(.bubble-15):not(.bubble-24):not(.bubble-25):not(.bubble-26):not(.bubble-27):not(.bubble-31) {
    color: #252a31 !important;
}

.bubble-container .chat-bubble:not(.bubble-2):not(.bubble-8):not(.bubble-10):not(.bubble-14):not(.bubble-15):not(.bubble-24):not(.bubble-25):not(.bubble-26):not(.bubble-27):not(.bubble-31) .username,
.bubble-container .chat-bubble:not(.bubble-2):not(.bubble-8):not(.bubble-10):not(.bubble-14):not(.bubble-15):not(.bubble-24):not(.bubble-25):not(.bubble-26):not(.bubble-27):not(.bubble-31) .message {
    color: inherit !important;
    text-shadow: none !important;
}

/* Die weiße Systemblase (Style 1) hatte durch das Hoteltheme gelbe/weiße Schrift. */
.nitro-chat-widget .bubble-container .chat-bubble.bubble-1,
.nitro-chat-widget .bubble-container .chat-bubble.bubble-1 .chat-content,
.nitro-chat-widget .bubble-container .chat-bubble.bubble-1 .message,
.nitro-chat-widget .bubble-container .chat-bubble.bubble-1 .username {
    color: #20262e !important;
    text-shadow: none !important;
}

/* Badge-Infoblase im Profil: helle Fläche, daher immer dunkle Typografie. */
.badge-image .badge-information,
.badge-image:hover .badge-information,
.badge-image:focus-within .badge-information,
.nitro-infostand .badge-information {
    color: #20262e !important;
    text-shadow: none !important;
}

.badge-image .badge-information *,
.nitro-infostand .badge-information * {
    color: inherit !important;
    text-shadow: none !important;
}

/* Die Toolbar-Icons bleiben sichtbar; Bewegung erfolgt am bestehenden Sprite. */
.nitro-toolbar .navigation-item {
    transition: transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1), background-color 160ms ease, border-color 160ms ease !important;
    transform-origin: center bottom;
}

.nitro-toolbar .navigation-item:hover {
    border-color: rgba(232, 160, 32, 0.55) !important;
    transform: translateY(-3px) scale(1.035) !important;
}

.nitro-toolbar .navigation-item:active,
.nitro-toolbar .navigation-item.active {
    transform: translateY(0) scale(0.96) !important;
}

.nitro-toolbar .navigation-item:focus-visible,
.nitro-navigator .navigator-item:focus-visible {
    outline: 2px solid var(--loba-ui-accent);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .nitro-toolbar .navigation-item {
        transition: none !important;
    }

    .nitro-toolbar .navigation-item:hover,
    .nitro-toolbar .navigation-item:active,
    .nitro-toolbar .navigation-item.active {
        transform: none !important;
    }
}