/* wh_linklist — front.css. Kolory/fonty WYLACZNIE tokeny var(--wh-*) (fallback = standalone). */

.wh-linklist__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    padding: 0;
    margin: 0 0 max(1.6rem, 16px);
    border: none;
    background: none;
    text-align: left;
    cursor: default;
    font-family: var(--wh-font-heading, inherit);
    font-size: var(--wh-font-size-base, 14px);
    font-weight: var(--wh-font-weight-semibold, 600);
    color: var(--wh-color-text-primary, #222);
}
.wh-linklist__chevron { display: none; flex-shrink: 0; transition: transform .25s ease; }

.wh-linklist__items {
    list-style: none;
    margin: 0;
    padding: 0;
}
.wh-linklist__item { margin: 0 0 max(0.5rem, 6px); }
.wh-linklist__item:last-child { margin-bottom: 0; }
.wh-linklist__link {
    font-family: var(--wh-font-body, inherit);
    font-size: var(--wh-font-size-small, 12px);
    color: var(--wh-color-text-muted, #6b6b6b);
    text-decoration: none;
    transition: color .15s ease;
}
@media (hover: hover) {
.wh-linklist__link:hover { color: var(--wh-color-accent, #9e8264); }
}

/* Mobile: naglowek = przycisk zwijania (chevron), lista domyslnie zwinieta przez JS */
@media (max-width: 767.98px) {
    .wh-linklist__title { cursor: pointer; margin-bottom: 0; padding: max(1.2rem, 12px) 0; }
    .wh-linklist__chevron { display: block; }
    .wh-linklist__title[aria-expanded="true"] .wh-linklist__chevron { transform: rotate(180deg); }
    /* wysokosc animuje JS (inline max-height = realny scrollHeight — plynnie,
       bez sztucznego max-height ktory zacina/opoznia animacje) */
    .wh-linklist__items {
        overflow: hidden;
        max-height: 0;
        transition: max-height .35s ease, padding-bottom .35s ease;
    }
    .wh-linklist--open .wh-linklist__items { padding-bottom: max(1.2rem, 12px); }
    .wh-linklist { border-bottom: 1px solid var(--wh-color-border-subtle, #e4e0da); }
}