/*
 * BaBeTon — Telerik / Kendo UI overrides
 * Načítat PO originálním Telerik CSS (_content/Telerik.UI.for.Blazor/…/all.css)
 * Přepisuje font a barevné tokeny aby odpovídaly designu aplikace.
 */

/* ── Typografie ── */
:root {
    --kendo-font-family:            'Inter', 'Segoe UI', Tahoma, sans-serif !important;
    --kendo-font-family-monospace:  'Courier New', monospace;
    --kendo-font-size:              0.9rem;
    --kendo-line-height:            1.5;

    /* ── Primární barva (#009641 zelená) ── */
    --kendo-color-primary:          #009641;
    --kendo-color-primary-hover:    #007a35;
    --kendo-color-primary-active:   #006630;
    --kendo-color-primary-subtle:   #e6f4ec;
    --kendo-color-on-primary:       #ffffff;
    /* Odstíny, které dřív dodával zapečený ThemeBuilder swatch uvnitř telerik-all.css.
       Po výměně motivu za balíčkový (Telerik 15) je sem musíme dodat sami, jinak
       spadnou na Telerik default. Hodnoty jsou převzaté 1:1 z původního swatche,
       aby vzhled zůstal beze změny. */
    --kendo-color-primary-emphasis:      #8ec494;
    --kendo-color-primary-on-subtle:     #1e4022;
    --kendo-color-primary-subtle-hover:  #d5ecda;
    --kendo-color-primary-subtle-active: #bfe0c5;
    --kendo-color-primary-on-surface:    #5c9462;

    /* ── Sekundární / akcent (#ef9e34 amber) ── */
    --kendo-color-secondary:        #ef9e34;
    --kendo-color-secondary-hover:  #d49a28;
    --kendo-color-secondary-active: #b98322;
    --kendo-color-on-secondary:     #ffffff;

    /* ── Stav výběru / focus ── */
    --kendo-color-base-active:      #e6f4ec;
    --kendo-selected-bg:            #009641;
    --kendo-selected-text:          #ffffff;
    --kendo-selected-hover-bg:      #007a35;
    --kendo-hover-bg:               #e6f4ec;

    /* ── Pozadí a okraje ── */
    --kendo-color-base:             #F4F6F8;
    --kendo-color-base-hover:       #e6f4ec;
    --kendo-color-border:           #d1d5db;
    --kendo-color-border-alt:       #e5e7eb;

    /* ── Chybový stav ── */
    --kendo-color-error:            #e74c3c;
    --kendo-color-success:          #27ae60;
    --kendo-color-warning:          #ef9e34;
    --kendo-color-info:             #3498DB;

    /* ── Šedé stupně ── */
    --gray-900: #1a1a1a;
    --gray-700: #374151;
    --gray-600: #666666;
    --gray-500: #6b7280;
    --gray-300: #d1d5db;
    --gray-200: #e5e7eb;
    --gray-100: #f3f4f6;
    --gray-50: #f9fafb;
}

/* ── Přímé přepsání fontu — každý možný selektor ── */
[class*="k-"] {
    font-family: 'Inter', 'Segoe UI', Tahoma, sans-serif !important;
}

.k-grid, .k-grid td, .k-grid th,
.k-button, .k-input, .k-picker,
.k-dropdownlist, .k-combobox,
.k-datepicker, .k-datetimepicker,
.k-textarea, .k-textbox,
.k-panelbar, .k-panelbar .k-link,
.k-stepper, .k-step-label,
.k-notification, .k-dialog,
.k-window, .k-tooltip,
.k-pager, .k-pager-wrap,
.k-toolbar, .k-filter-row,
.k-popup, .k-list, .k-list-item {
    font-family: 'Inter', 'Segoe UI', Tahoma, sans-serif !important;
}

/* ── Tlačítka ── */
.k-button-solid-primary {
    background-color: var(--kendo-color-primary);
    border-color: var(--kendo-color-primary);
    color: var(--kendo-color-on-primary);
}
.k-button-solid-primary:hover {
    background-color: var(--kendo-color-primary-hover);
    border-color: var(--kendo-color-primary-hover);
}
.k-button-solid-primary:focus,
.k-button-solid-primary:active {
    background-color: var(--kendo-color-primary-active);
    border-color: var(--kendo-color-primary-active);
}

/* ── Focus ring ── */
.k-focus,
.k-button:focus,
.k-input:focus-within,
.k-picker:focus-within {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-primary) 30%, transparent) !important;
    outline: none !important;
}

/* ── Grid — vybraný řádek ── */
.k-grid tr.k-selected td,
.k-grid tr.k-state-selected td {
    background-color: var(--kendo-color-base-active);
    color: inherit;
}

/* ── PanelBar — viz sidebar styly v site.css ── */

/* ── Stepper ── */
.k-step-current .k-step-indicator {
    background-color: var(--kendo-color-primary) !important;
    border-color: var(--kendo-color-primary) !important;
}
.k-step-done .k-step-indicator {
    background-color: var(--kendo-color-primary-hover) !important;
    border-color: var(--kendo-color-primary-hover) !important;
}