.dg-yamm-sub-items > ul.dropdown-menu > li > a::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 15px;
    vertical-align: inherit;
    background-image: url(../images/icon-arrow-right-black.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

@media (min-width: 992px) {
    .yamm .dropdown.yamm-fw .dropdown-menu, .yamm .dropup.yamm-fw .dropdown-menu {
        margin-top: 0 !important;
    }

    /* Rajoita lakanan sisältö wideSize-leveyteen (overridaa .alignwide .alignwide) */
    .yamm .dropdown-menu.p-lg-5 > .container.alignwide {
        width: calc(100% - 50px) !important;
        max-width: calc(var(--wp--style--global--wide-size)) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .dg-yamm-sub-items ul.dropdown-menu {
        margin-top: 0 !important;
        display: block;
        position: static !important;
        border: 0;
    }

    .dg-yamm-sub-items ul.dropdown-menu .dropdown-toggle {
        display: none;
    }

    .dg-yamm-sub-items > ul.dropdown-menu {
        margin: 0 20px 0 0;
        display: flex;
        flex-wrap: wrap;
    }

    .dg-yamm-sub-items > ul.dropdown-menu > li {
        width: 50%;
        padding: 0 20px 20px 0;
    }

    .dg-yamm-sub-items > ul.dropdown-menu > li > a {
        font-weight: 800;
        color: var(--primary-color);
    }
}

@media (min-width: 1200px) {
    .dg-yamm-sub-items > ul.dropdown-menu > li {
        width: 33.3333%;
    }
}

@media (min-width: 1400px) {
    .dg-yamm-sub-items > ul.dropdown-menu > li {
        width: 25%;
    }
}

/* Mobiili: lakana accordion-tyyliin, 2. ja 3. taso näkyviin */
@media (max-width: 991px) {
    .yamm .main-menu {
        padding: 0;
    }

    .yamm .main-menu > li.dropdown.yamm-fw {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding: 0;
    }

    /* Dropdown container: ei absoluuttinen, avautuu inline-tilaa viemässä */
    .yamm .dropdown.yamm-fw > .dropdown-menu {
        position: static;
        box-shadow: none;
        border: none;
        padding: 0;
        background: transparent !important;
        width: 100%;
        margin-top: 0;
    }

    /* dg-yamm-sub-items: pinon pystysuuntaan (ei rinnakkain kuten desktopissa) */
    .yamm .dg-yamm-sub-items {
        flex-direction: column;
        gap: 0;
    }

    .yamm .dg-yamm-sub-items > .dropdown-menu {
        background: transparent !important;
        display: flex !important;
        flex-direction: column;
        gap: 0;
        margin: 0;
        padding: 0;
    }

    .yamm .dg-yamm-sub-items > .dropdown-menu > li {
        min-width: 0;
        width: 100%;
        padding: 0;
    }

    /* 2. tason otsikot mobiililla */
    #main-navbar-container .dg-yamm-sub-items > .dropdown-menu > li > a.dropdown-item {
        padding: 0.75rem 0 0.75rem 20px !important;
        font-size: 1.05rem !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    /* 3. taso: pakota näkyviin kun vanhempi on auki, sisennä vasemmalta */
    .yamm .dg-yamm-sub-items .dropdown-menu .dropdown-menu {
        display: block !important;
        position: static !important;
        background: transparent !important;
        border: none;
        box-shadow: none;
        padding: 0 0 0.5rem 1rem;
        margin: 0;
    }

    #main-navbar-container .dg-yamm-sub-items .dropdown-menu .dropdown-menu li a.dropdown-item {
        padding: 0.5rem 0 !important;
        font-size: 0.95rem !important;
        font-weight: normal;
        border-bottom: none;
    }

    /* Lakanan container: pois paddingit mobiilissa */
    .yamm .dropdown.yamm-fw > .dropdown-menu .container {
        padding: 0;
    }
}

li.yamm-fw {
    position: relative !important;
}

li.yamm-fw > .dropdown-toggle:after {
    display: none;
}

li.yamm-fw > a.nav-link {
    display: inline-block;
}

li.yamm-fw > a.nav-link + .dg-caret {
    display: inline-block;
    position: absolute;
    top: 16px;
    right: 20px;
    width: 25px;
    height: 25px;
    background-size: 14px;
    background-position: center;
    vertical-align: middle;
    background-image: url(../images/icon-dropdown-toggle.svg);
    background-repeat: no-repeat;
    border: 0;
    transform: rotate(0);
}

li.yamm-fw > a.nav-link + .dg-caret[aria-expanded="true"],
li.yamm-fw.show > a.nav-link + .dg-caret {
    transform: rotate(180deg) !important;
    transition: transform 0.25s ease;
}

@media (min-width: 992px) {
    li.yamm-fw > a.nav-link + .dg-caret {
        display: inline-block;
        top: 20px;
        right: 10px;
        width: 15px;
        height: 15px;
        margin-top: -4px;
        transform: inherit;
        position: static;
        margin-right: 1rem;
        background-size: 12px;
    }

    li.yamm-fw {
        position: static !important;
    }

    .yamm-fw.show > .dropdown-menu {
        display: flex;
    }

    .main-menu li.dropdown.yamm-fw > a.nav-link {
        padding-right: 12px;
    }
}