/**
 * Mobil undermeny — trädnav under 991px.
 */

.navlinks>ul {
    display: flex;
    list-style: none;
    gap: .5rem;
    padding: 0;
    margin-bottom: 0;
}

.navlinks .submenu,
.mobnav__toggle{
    display: none;
    list-style: none;
}

/* Desktop: platt meny, ingen träd-lista */
@media (min-width: 992px) {
    .navlinks--flat {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (max-width: 991px) {
    

    .navlinks--tree:not(.navlinks--tree-hidden) {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        flex-wrap: nowrap;
        justify-content: flex-start;
        width: 100%;
        max-height: 100svh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .navlinks--tree:not(.navlinks--tree-hidden) > ul {
        list-style: none;
        margin: 0;
        padding: 5rem 0;
        width: 100%;
        flex-direction: column;
        gap: 0;
    }

    .navlinks--tree:not(.navlinks--tree-hidden) > ul > li {
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #ffffff1c;
    }

    .navlinks--tree:not(.navlinks--tree-hidden) .submenu {
        display: none;
        list-style: none;
        margin: 0.5rem 0 0;
        padding: 0 20px 0.75rem 20px;
        width: 100%;
    }

    .navlink {
        font-size: 20px;
        text-align: left;
        padding: .75rem 20px;
    }

    .navlinks--tree:not(.navlinks--tree-hidden) li.is-submenu-open > .submenu {
        display: block;
    }

    .navlinks--tree:not(.navlinks--tree-hidden) .submenu .subnav-link {
        display: block;
        padding: 0.75rem 0.5rem .75rem .75rem;
        font-size: 1rem;
        text-align: left;
        background-color: #5e3214;
        font-weight: 600;
        color: #fff;
        margin: .25rem 0;
    }

    /* Huvudlänk + expand-knapp (plus) per rad */
    .navlinks--tree:not(.navlinks--tree-hidden) .mobnav__row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        gap: 0.5rem;
    }

    .navlinks--tree:not(.navlinks--tree-hidden) .mobnav__row .mobnav__link {
        flex: 1 1 auto;
        min-width: 0;
        text-align: left;
        background: none;
    }

    .navlinks--tree:not(.navlinks--tree-hidden) .mobnav__toggle {
        flex: 0 0 3.35rem;
        width: 2.75rem;
        height: 2.75rem;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: inherit;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .navlinks--tree:not(.navlinks--tree-hidden) .mobnav__toggle:hover,
    .navlinks--tree:not(.navlinks--tree-hidden) .mobnav__toggle:focus-visible {
        /* background-color: hsla(0, 0%, 100%, 0.1); */
    }

    .navlinks--tree:not(.navlinks--tree-hidden) .mobnav__icon {
        display: flex;
        -webkit-transition: -webkit-transform 0.2s ease;
        transition: -webkit-transform 0.2s ease;
        transition: transform 0.2s ease;
        transition: transform 0.2s ease, -webkit-transform 0.2s ease;
        color: #fff;
    }

    .navlinks--tree:not(.navlinks--tree-hidden) li.is-submenu-open .mobnav__icon {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .menubutton.w-nav-button.w--open .menu-close {
        right: 1rem;
        top: 1rem;
    }

    .subnav, .hyresgast .subnav {
        display: none;
    }
}

@media (max-width: 767px) {
    .section .article-wrapper>h1 {
        margin-top: 0;
}