/**
 * Veřejný portál — dlaždice / filtry (homepage, statistiky, experti).
 * Wagtail admin dál používá plný chip_choice.css.
 */
:root {
    --portal-primary: #3d155b;
    --portal-primary-hover: #2a0f42;
    --portal-primary-soft: #f3eff5;
    --portal-primary-soft-alt: #f8f5fa;
    --portal-text: #1e293b;
    --portal-text-muted: #4b5563;
    --portal-border: rgba(61, 21, 91, 0.22);
    --portal-surface: #ffffff;
    --portal-fw-label: 600;
    --portal-fw-pill: 400;
    --portal-fw-input: 400;
    --portal-fw-cta: 700;
    --portal-font-ui: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    /* Sjednocená dlaždice filtru (podrobný filtr — Řadový, Od/Do, PENB, hlavní filtr) */
    --portal-filter-tile-h: 2.375rem;
    --portal-filter-tile-px: 0.5rem;
    --portal-filter-tile-py: 0.5rem;
    --portal-filter-tile-radius: 0.5rem;
    --portal-filter-tile-fs: 0.875rem;
    --portal-filter-tile-lh: 1.25rem;
    --portal-filter-range-px: 1rem;
}

.filter-ribbon {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

@media (max-width: 768px) {
    /* Homepage filtr: dlaždice se zalamují, ne scrollují */
    #filter-form .filter-section-tiles-row.filter-ribbon,
    #filter-form .filter-section-tiles-row .filter-ribbon {
        flex-wrap: wrap !important;
        overflow-x: visible !important;
        padding-bottom: 0 !important;
    }
    .filter-ribbon {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 8px;
        scrollbar-width: none;
    }
    .filter-ribbon::-webkit-scrollbar {
        display: none;
    }
}

.tile-filter {
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
    border: 1px solid #9ca3af;
    background: var(--portal-surface) !important;
    color: var(--portal-text-muted) !important;
    font-weight: var(--portal-fw-pill);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: var(--portal-filter-tile-h);
    padding: var(--portal-filter-tile-py) var(--portal-filter-tile-px);
    border-radius: var(--portal-filter-tile-radius);
    font-size: var(--portal-filter-tile-fs);
    line-height: var(--portal-filter-tile-lh);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    gap: 0.35rem;
}

.tile-active {
    background-color: var(--portal-primary-soft) !important;
    color: var(--portal-text) !important;
    border-color: var(--portal-primary) !important;
    box-shadow: 0 1px 3px rgba(61, 21, 91, 0.12);
}

.tile-discount-active {
    background-color: #ea580c !important;
    color: #fff !important;
    border-color: #c2410c !important;
    box-shadow: 0 4px 12px rgba(234, 88, 12, 0.3);
}

.tile-auction-active {
    background-color: #387B22 !important;
    color: #fff !important;
    border-color: #2d6319 !important;
    box-shadow: 0 4px 12px rgba(56, 123, 34, 0.35);
}

.tile-filter:hover:not(.tile-active):not(.tile-discount-active):not(.tile-auction-active):not(.monolith-active):not(.tile-filter--locked) {
    border-color: var(--portal-primary) !important;
    box-shadow: 0 0 0 3px rgba(61, 21, 91, 0.06) !important;
    background: var(--portal-surface) !important;
}

.chip-choice-native {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0;
    pointer-events: none;
}

/* Homepage search hero — neaktivní dlaždice */
#filter-form .tile-filter:not(.tile-active):not(.tile-discount-active):not(.tile-auction-active):not(.monolith-active):not(.tile-filter--locked),
#advanced-filters-panel .tile-filter:not(.tile-active):not(.tile-discount-active):not(.tile-auction-active):not(.monolith-active) {
    border: 1px solid #9ca3af !important;
    background-color: #fff !important;
    box-shadow: none !important;
}

/* Sjednocení dlaždic — hlavní filtr + podrobný filtr (přebije inline !py-2 !px-2) */
#filter-form .tile-filter,
#advanced-filters-panel .tile-filter,
#advanced-filters-panel .subfilter-tiles-flow > .tile-filter {
    box-sizing: border-box !important;
    min-height: var(--portal-filter-tile-h) !important;
    height: auto !important;
    padding: var(--portal-filter-tile-py) var(--portal-filter-tile-px) !important;
    border-radius: var(--portal-filter-tile-radius) !important;
    font-size: var(--portal-filter-tile-fs) !important;
    line-height: var(--portal-filter-tile-lh) !important;
}

/* Od / Do / Min. v podrobném filtru — dlaždice jako Řadový (viz _subfilter_tile_critical.html) */
#advanced-filters-panel label.tile-filter.subfilter-range-tile {
    cursor: text;
}
#advanced-filters-panel label.subfilter-range-tile input.subfilter-range-tile-value {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}