/* Kendo Theme Overrides fuer WDT Components */
:root {
    /* Primary = Gold (passend zum Kartentisch) */
    --kendo-color-primary: #DAA520;
    --kendo-color-primary-hover: #F0D060;
    --kendo-color-primary-subtle: rgba(218, 165, 32, 0.15);
    --kendo-color-primary-rgb: 218, 165, 32;
    --kendo-color-on-primary: #ffffff;

    /* Surfaces - dunkles Theme passend zum Spieltisch */
    --kendo-color-app-surface: #1a2e1f;
    --kendo-color-surface: #1e3624;
    --kendo-color-surface-alt: #243d2b;
    --kendo-color-base: #2a4832;
    --kendo-color-base-hover: #305438;
    --kendo-color-base-active: #3a6044;

    /* Text */
    --kendo-color-on-app-surface: #e8e8e0;
    --kendo-color-on-base: #e0e0d8;
    --kendo-color-subtle: #a8a898;
    --kendo-color-subtle-text: #888878;

    /* Borders */
    --kendo-color-border: rgba(218, 165, 32, 0.3);
    --kendo-color-border-alt: rgba(218, 165, 32, 0.2);

    /* Input */
    --kendo-color-input-bg: #1e3624;
    --kendo-color-input-text: #e8e8e0;
    --kendo-color-input-border: rgba(255, 255, 255, 0.2);
    --kendo-color-input-hover-border: rgba(218, 165, 32, 0.5);
    --kendo-color-input-focus-border: #DAA520;

    /* Semantic Colors */
    --kendo-color-success: #28a745;
    --kendo-color-error: #dc3545;
    --kendo-color-warning: #ffc107;
    --kendo-color-info: #17a2b8;

    /* Text auf Semantic-Backgrounds (fuer Filled-Variants von Alerts, Chips, ...) */
    --kendo-color-on-success: #ffffff;
    --kendo-color-on-error: #ffffff;
    --kendo-color-on-warning: #1a2e1f;
    --kendo-color-on-info: #ffffff;

    /* Subtle-Varianten fuer Standard-Alerts (transparenter Hintergrund, lesbarer Text) */
    --kendo-color-success-subtle: rgba(40, 167, 69, 0.18);
    --kendo-color-success-subtle-hover: rgba(40, 167, 69, 0.28);
    --kendo-color-error-subtle: rgba(220, 53, 69, 0.2);
    --kendo-color-error-subtle-hover: rgba(220, 53, 69, 0.3);
    --kendo-color-warning-subtle: rgba(255, 193, 7, 0.2);
    --kendo-color-warning-subtle-hover: rgba(255, 193, 7, 0.3);
    --kendo-color-info-subtle: rgba(23, 162, 184, 0.2);
    --kendo-color-info-subtle-hover: rgba(23, 162, 184, 0.3);

    /* Border Radius */
    --kendo-border-radius-md: 6px;

    /* Font */
    --kendo-font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    --kendo-font-size: 14px;
}

/* Base reset for fullscreen game UI */
html, body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
    background: #0a3018;
}

h1:focus {
    outline: none;
}

.blazor-error-boundary {
    background: #b32121;
    padding: 1rem;
    color: white;
}

.blazor-error-boundary::after {
    content: "Ein Fehler ist aufgetreten."
}

#blazor-error-ui {
    background: #b32121;
    color: white;
    padding: 0.5rem 1rem;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    text-align: center;
}

/* ---- Alert-Lesbarkeit im Dark-Theme ----
   Die Kendo-/WDTAlert-Komponente setzt ihren Text-Color-Wert teils fest
   auf das Light-Theme. Im Dark-Theme wurde die Fehlermeldung dadurch
   unsichtbar (roter Text auf rotem Hintergrund). Wir erzwingen hier einen
   lesbaren Kontrast, sowohl fuer Standard- als auch Filled-Variante. */
.k-alert,
.k-alert .k-alert-text,
.k-alert .k-alert-message,
.k-alert .k-alert-body,
.k-messagebox,
.k-messagebox .k-messagebox-text {
    color: var(--kendo-color-on-app-surface) !important;
}

.k-alert.k-alert-success.k-alert-solid,
.k-alert-solid.k-alert-success,
.k-messagebox.k-messagebox-success {
    background-color: var(--kendo-color-success) !important;
    color: var(--kendo-color-on-success) !important;
}
.k-alert.k-alert-error.k-alert-solid,
.k-alert-solid.k-alert-error,
.k-messagebox.k-messagebox-error {
    background-color: var(--kendo-color-error) !important;
    color: var(--kendo-color-on-error) !important;
}
.k-alert.k-alert-warning.k-alert-solid,
.k-alert-solid.k-alert-warning,
.k-messagebox.k-messagebox-warning {
    background-color: var(--kendo-color-warning) !important;
    color: var(--kendo-color-on-warning) !important;
}
.k-alert.k-alert-info.k-alert-solid,
.k-alert-solid.k-alert-info,
.k-messagebox.k-messagebox-info {
    background-color: var(--kendo-color-info) !important;
    color: var(--kendo-color-on-info) !important;
}

/* Im Solid-Modus muessen auch Child-Elemente (Text, Close-Icon) erben */
.k-alert-solid,
.k-alert-solid * {
    color: inherit !important;
}