/* ==========================================================================
   Výsledky vyhľadávania (/search) – stránka bez JS aj „Zobraziť všetky výsledky“
   ========================================================================== */

/* Panel našepkávača musí presahovať pod hlavičku */
.page-hero--search {
    z-index: 2;
    overflow: visible;
}

.page-hero__search {
    max-width: 880px;
    margin-top: clamp(28px, 4vw, 44px);
}

.page-hero__hint {
    max-width: 720px;
    margin-top: 16px;
    color: var(--color-text-on-dark-muted-2);
    font-size: var(--fs-small);
}

.page-hero__hint code {
    color: var(--color-accent-soft);
}

/* --------------------------------------------------------------------------
   Zoznam výsledkov
   -------------------------------------------------------------------------- */

.results {
    padding: var(--section-y-compact) var(--gutter) var(--section-y-detail);
    background: var(--color-bg-light-2);
}

.results__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 20px;
    color: var(--color-text-muted-2);
    font-size: var(--fs-small);
}

.results__meta strong {
    color: var(--color-ink);
    font-weight: 600;
}

.results__timing {
    color: var(--color-text-muted-3);
    font-family: var(--font-mono);
    font-size: var(--fs-caption);
}

.results__notices {
    max-width: 880px;
}

.result-list {
    margin-top: 20px;
    overflow: hidden;
    border-radius: var(--radius-xl);
    background: var(--color-bg-light);
    box-shadow: var(--shadow-card);
}

.result {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px 24px;
    padding: 18px clamp(18px, 2.4vw, 28px);
    border-bottom: 1px solid var(--color-bg-light-3);
    transition: background var(--duration-fast);
}

.result:last-child {
    border-bottom: 0;
}

.result:hover {
    background: var(--color-highlight-hover);
}

.result__name {
    color: var(--color-ink);
    font-size: 17.5px;
    font-weight: 600;
    letter-spacing: -0.015em;
    overflow-wrap: anywhere;
}

/* Celý riadok je klikateľný cez roztiahnutý odkaz názvu */
.result__name::after {
    content: '';
    position: absolute;
    inset: 0;
}

.result__name:hover {
    color: var(--color-link);
}

.result__address {
    grid-column: 1;
    color: var(--color-text-muted-2);
    font-size: var(--fs-small);
}

.result__side {
    display: flex;
    grid-row: 1 / span 2;
    grid-column: 2;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.result__cin {
    font-family: var(--font-mono);
    font-size: 15.5px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

/* --------------------------------------------------------------------------
   Stránkovanie
   -------------------------------------------------------------------------- */

.pager {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 28px;
}

.pager__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    border-radius: var(--radius-sm);
    background: var(--color-bg-light);
    color: var(--color-ink);
    font-size: var(--fs-small);
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

.pager__link:hover {
    background: var(--color-highlight);
    color: var(--color-link);
}

.pager__link[aria-current='page'] {
    background: var(--color-ink);
    color: #fff;
}

.pager__link--disabled,
.pager__link--disabled:hover {
    background: transparent;
    color: var(--color-text-muted-3);
}

.pager__gap {
    padding: 0 4px;
    color: var(--color-text-muted-3);
}

.results__capped {
    max-width: 720px;
    margin-top: 16px;
    color: var(--color-text-muted-3);
    font-size: var(--fs-caption);
}