//
//  Common
//  _____________________________________________

& when (@media-common = true) {
    .header.content {
        .navigation {
            .submenu {
                .more {
                    a {
                        &::after {
                            background-image: url('../images/header/more.svg');
                            background-position: center center;
                            background-repeat: no-repeat;
                            content: '';
                            display: inline-block;
                            height: 16px;
                            margin-left: 3px;
                            position: relative;
                            top: 3px;
                            width: 16px;
                        }
                    }
                }
            }
        }
    }
    .header.content {
        .navigation {
            .more-menu {
                position: relative !important;
                top: -7px;
                > a, > span.nolink {
                    span {
                        &::after {
                            background-image: url('../images/header/more-dots.svg');
                            content: '';
                            display: block;
                            height: 8px;
                            margin: 0 auto;
                            padding: 0;
                            position: relative;
                            top: -11px;
                            width: 24px;
                        }
                    }
                }
            }
        }
    }
}


//
//  Mobile
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
    .header.content {
        .navigation {
            .more-menu {
                display: none;
            }
        }
    }
}


//
//  Desktop
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
    .header.content {
        .navigation {
            // main links
            .level0.to-more-menu--screen__896,
            .level0.to-more-menu--screen__1024,
            .level0.to-more-menu--screen__1240,
            .level0.to-more-menu--screen__1440 {
                display: none;
            }
            // main more link, hide all sub-links at first
            .level0.more-menu {
                display: inline-block;
                > ul > li {
                    display: none;
                }
            }
            // show needed sub-links
            .level0.more-menu {
                li.to-more-menu--screen__896,
                li.to-more-menu--screen__1024,
                li.to-more-menu--screen__1240,
                li.to-more-menu--screen__1440 {
                    display: block;
                }
            }
        }
    }

    .header.content {
        .navigation {
            > ul {
                li.level0.mega-menu {
                    li.more {
                        clear: both;
                        a, span.nolink {
                            .lib-font-size(14);
                            font-weight: 700;
                            text-transform: uppercase;
                        }
                        span.nolink {
                            text-decoration: none;
                            &:hover {
                                text-decoration: none;
                            }
                        }
                    }
                }
            }
        }
    }
}

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__896) {
    .header.content {
        .navigation {
            // main links
            .level0.to-more-menu--screen__896 {
                display: inline-block;
            }
            // main more link, stop showing
            .level0.more-menu.to-more-menu--screen__896 {
                display: none;
            }
            // show needed sub-links
            .level0.more-menu {
                li.to-more-menu--screen__896 {
                    display: none;
                }
            }
        }
    }
}

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
    .header.content {
        .navigation {
            // main links
            .level0.to-more-menu--screen__1024 {
                display: inline-block;
            }
            // main more link, stop showing
            .level0.more-menu.to-more-menu--screen__1024 {
                display: none;
            }
            // show needed sub-links
            .level0.more-menu {
                li.to-more-menu--screen__1024 {
                    display: none;
                }
            }
        }
    }
}

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__1240) {
    .header.content {
        .navigation {
            // main links
            .level0.to-more-menu--screen__1240 {
                display: inline-block;
            }
            // main more link, stop showing
            .level0.more-menu {
                display: none;
            }
            // show needed sub-links
            .level0.more-menu {
                li.to-more-menu--screen__1240 {
                    display: none;
                }
            }
        }
    }
}