/* ActiveNordic: kategori-sti, filterchips og kønsvalg.
   Farver og skrift følger det eksisterende katalog. Kun dette stylesheet. */

/* Kategori-kolonne: ligger øverst i filter-sidebaren (.gym-filters) og følger med den (sticky på desktop, skuffe på mobil). */
html.site-gymnordic .an-cat-rail {
    min-width: 0;
    margin: 0 0 1.35rem;
}
html.site-gymnordic .an-cat-rail.is-inline { margin: 0 0 1rem; }
html.site-gymnordic .an-cat-rail-title {
    margin: 0 0 .35rem;
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--ink, #071422);
}
html.site-gymnordic .an-cat-rail ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
html.site-gymnordic .an-cat-rail a {
    display: block;
    padding: .3rem 0;
    color: inherit;
    text-decoration: none;
    font-size: .94rem;
}
html.site-gymnordic .an-cat-rail a:hover { text-decoration: underline; }
html.site-gymnordic .an-cat-rail a.is-current,
html.site-gymnordic .an-cat-rail-all {
    font-weight: 700;
}
html.site-gymnordic .an-cat-rail a.is-current { box-shadow: inset 3px 0 0 var(--gym-volt, #c8ff2e); padding-left: .55rem; }

/* Hurtigvalg Alle / Dame / Herre over gitteret. Alle øvrige filtre bor i sidebaren. */
html.site-gymnordic .an-filter-chips {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    align-items: center;
}
html.site-gymnordic .an-fchip,
html.site-gymnordic .an-gender-switch button {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .42rem .85rem;
    border: 1px solid var(--line, rgba(7, 20, 34, .16));
    background: #fff;
    color: var(--ink, #071422);
    border-radius: 999px;
    font: inherit;
    font-weight: 650;
    text-decoration: none;
    cursor: pointer;
}
html.site-gymnordic .an-fchip small { color: inherit; opacity: .6; font-weight: 600; }
html.site-gymnordic .an-fchip.is-on,
html.site-gymnordic .an-gender-switch button.is-on {
    background: var(--gym-night, #071422);
    color: #fff;
    border-color: var(--gym-night, #071422);
}
html.site-gymnordic .an-gender-switch {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin: 0 0 .8rem;
}
html.site-gymnordic .xml-variants .xml-variant {
    display: inline-flex;
    align-items: center;
    min-height: 2.5rem;
    padding: .35rem .8rem;
    border: 1px solid rgba(0, 0, 0, .18);
    border-radius: 999px;
    background: #fff;
    color: inherit;
    font: inherit;
    cursor: pointer;
}
html.site-gymnordic .xml-variants .xml-variant.is-on {
    background: #1a3c34;
    color: #fff;
    border-color: #1a3c34;
}

html.site-gymnordic .an-result-count {
    margin: 0 0 .8rem;
    color: var(--muted, #3d4752);
    font-size: .92rem;
}

@media (max-width: 980px) {
    /* Mobil: Filtre-knap + Alle/Dame/Herre på én række, sortering på rækken under. */
    html.site-gymnordic .gym-catalog-tools.is-an,
    html.site-gymnordic .an-chip-catalog .gym-catalog-tools { flex-wrap: wrap; }
    html.site-gymnordic .an-chip-catalog .gym-catalog-tools-main { flex: 1 1 100%; gap: .4rem; }
    html.site-gymnordic .an-chip-catalog .an-fchip { padding: .38rem .7rem; font-size: .92rem; }
    html.site-gymnordic .an-chip-catalog .gym-sort { margin-left: auto; }
}