/*
 * Vzhled jako admin e-shopu elajediova.com (přání 6. 11. 2026): teplý papír se zrnem, Roboto Mono na drobné popisky,
 * Bricolage Grotesque na nadpisy, kulatá tlačítka a pole, aktivní položka menu na zvýrazňovači. Barvy jsou v panelu
 * (AdminPanelProvider), tenhle soubor Filament načítá jako styly písma panelu. Převzato z resources/css/admin.css e-shopu.
 */
@import url('fonts.css');
:root {
    --ek-paper: #fbf7ef;
    --ek-ink: #17130e;
    --ek-orange: #ff7477;
    --ek-aqua: #5ec8e5;
    --ek-highlight: #f4ffb1;
}

/* Text in the system sans (narrow, so tables fit a non-fullscreen window, owner's note 6. 11. 2026); Roboto Mono
   stays for the small labels: menu, breadcrumbs, table headers, tabs and badges. */
html {
    --font-family: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}
.fi-sidebar-item-label, .fi-sidebar-group-label, .fi-breadcrumbs, .fi-ta-header-cell, .fi-badge, .fi-tabs-item, .fi-fo-field-label, .fi-in-entry-label, .fi-wi-stats-overview-stat-label {
    font-family: 'Roboto Mono Variable', ui-monospace, monospace;
    letter-spacing: -0.01em;
}

/* Paper with a fine grain, like the shop. */
.fi-body {
    background-color: var(--ek-paper);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .25 0 0 0 0 .2 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.fi-sidebar, .fi-topbar > nav, .fi-topbar {
    background-color: color-mix(in srgb, var(--ek-paper) 92%, transparent) !important;
}

/* Headings in the display face. */
.fi-header-heading, .fi-simple-header-heading, .fi-section-header-heading, .fi-modal-heading, .fi-wi-stats-overview-stat-value {
    font-family: 'Bricolage Grotesque Variable', system-ui, sans-serif;
    font-weight: 800;
    font-stretch: 82%;
    letter-spacing: -0.01em;
}
.fi-header-heading, .fi-simple-header-heading {
    text-transform: uppercase;
}

/* Round like the shop: pill buttons and fields, big radius on boxes. */
.fi-btn, .fi-badge, .fi-input-wrp:not(:has(textarea)), .fi-select-input, .fi-tabs-item, .fi-pagination-item, .fi-dropdown-list-item {
    border-radius: 999px !important;
}
.fi-input-wrp:has(textarea), .fi-fo-rich-editor, .fi-fo-file-upload {
    border-radius: 1.25rem !important;
}
.fi-section, .fi-ta-ctn, .fi-modal-window, .fi-simple-main, .fi-wi-stats-overview-stat, .fi-dropdown-panel, .fi-fo-builder-item, .fi-fo-repeater-item {
    border-radius: 1.75rem !important;
}
.fi-sidebar-item-btn {
    border-radius: 999px;
}

/* The active menu item gets the highlighter, like the shop's menu. */
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background-color: var(--ek-highlight) !important;
}
.fi-sidebar-item.fi-active .fi-sidebar-item-label, .fi-sidebar-item.fi-active .fi-icon {
    color: var(--ek-ink) !important;
}

/* The brand: her name printed in two inks, like the shop's logo. */
.ek-logo {
    position: relative;
    display: inline-block;
    font-family: 'Bricolage Grotesque Variable', system-ui, sans-serif;
    font-weight: 800;
    font-stretch: 78%;
    text-transform: uppercase;
    font-size: 1.35rem;
    line-height: 1;
    color: var(--ek-aqua);
    white-space: nowrap;
    isolation: isolate;
}
.ek-logo::after {
    content: attr(data-text) / '';
    position: absolute;
    inset: 0;
    color: var(--ek-orange);
    mix-blend-mode: multiply;
    transform: translate(0.035em, 0.03em);
}
/* Proužek v barvě subjektu nahoře, ať je hned vidět, ve kterém subjektu jsem (config/themes.php). */
.fi-topbar {
    box-shadow: inset 0 3px 0 var(--ek-tenant, transparent);
}

::selection {
    background: var(--ek-highlight);
    color: var(--ek-ink);
}

/* The sparkline of a stat sits at the bottom edge: clip it to the round box. */
.fi-wi-stats-overview-stat {
    overflow: hidden;
}