/* =============================================================
   Bolig-arkiv — .bolig-arkiv-graesmarken
   Webshop-agtigt arkiv-grid af hele-kort-klikbare bolig-kort. Selve kortet er
   den DELTE komponent .bolig-kort-graesmarken (widgets/_shared/bolig-kort.css),
   så arkiv + bolig-preview-slider aldrig divergerer (to-do §E3.3). Denne fil ejer
   kun det arkiv-specifikke: widget-rod, filter/sortér-bjælke, grid, tom-tilstand,
   pagination.

   1 kolonne (bare .grid) som standard; 2/3/4 via .grid--N (auto-fit, loft).
   Kun :root-tokens; 0 !important; ingen JS. Eneste @media er reduced-motion
   (arvet fra style.css §5b via den delte .card).
   ============================================================= */

.bolig-arkiv-graesmarken {
    padding-block: var(--section-spacing);
}


/* ---- Filter/sortér-bjælke (ægte GET-form, virker uden JS) ---- */
.bolig-arkiv-graesmarken__filters {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--space-md);
    margin-bottom: var(--space-lg);
}
.bolig-arkiv-graesmarken__filter {
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs);
}
.bolig-arkiv-graesmarken__filter label {
    font-size: var(--fs-accent);
    font-weight: var(--fw-semibold);
    letter-spacing: var(--ls-accent);
    text-transform: uppercase;
    color: var(--color-green-700);
}
.bolig-arkiv-graesmarken__filter select {
    padding: var(--space-2xs) var(--space-sm);
    border: var(--border-card);
    border-radius: var(--radius-sm);
    background: var(--color-bg-card);
    color: var(--color-text);
    font: inherit;
}


/* ---- Grid ----
   Genbruger .grid (1 kolonne) / .grid--2/--3/--4 (auto-fit). Her nulstilles
   kun <ul>-listestilen; kolonnerne kommer fra .grid / .grid--N. */
.bolig-arkiv-graesmarken__grid {
    list-style: none;
    margin: 0;
    padding: 0;
}
.bolig-arkiv-graesmarken__item {
    margin: 0;       /* nulstil base 'li + li'-margin */
    display: flex;   /* lader kortet fylde celle-højden (ens høje kort i en række) */
}


/* ---- Tom tilstand ---- */
.bolig-arkiv-graesmarken__empty {
    color: var(--color-text-muted);
    margin: 0;
}


/* ---- Pagination (paginate_links → .page-numbers) ---- */
.bolig-arkiv-graesmarken__pagination {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2xs);
    justify-content: center;
    align-items: center;
    margin-top: var(--space-xl);
}
.bolig-arkiv-graesmarken__pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.75rem;   /* ≥44px tap-target */
    min-height: 2.75rem;
    padding: 0 var(--space-xs);
    border: var(--border-card);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    text-decoration: none;
    transition: background-color var(--dur-base) var(--ease-out),
                color var(--dur-base) var(--ease-out);
}
.bolig-arkiv-graesmarken__pagination .page-numbers:hover {
    background: var(--color-bg-accent);
}
.bolig-arkiv-graesmarken__pagination .page-numbers.current {
    background: var(--color-green-700);
    color: var(--color-paper);
    border-color: transparent;
}
.bolig-arkiv-graesmarken__pagination .page-numbers.dots {
    border-color: transparent;
    min-width: auto;
}