/* -------------------------------------------
    SubCategories
        
---------------------------------------------- */

@import '../../../assets/sass/config';
@import '../../assets/sass/mixins/direction';
@import '../../assets/sass/mixins/mixins';

.subcat-title {
    display: inline;
    margin-#{$right}: 2rem;
}

.subcat-menu {
    margin: 0 0 2rem;
    padding: 0;
}
.subcat-menu > :not(.menu-item) {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 2rem;
}
.subcat-nav {
    a {
        position: relative;
    }
    a + a,
    li + .menu-item > a {
        margin-#{$left}: 1rem;
        &:before {              // Dont' worry about rtl.
            content: '';
            display: inline-block;
            vertical-align: middle;
            height: 14px;
            margin-#{$right}: 1rem;
            border-#{$left}: 1px solid #454545;
        }
    }
}
.subcat-underline a {
    &:hover,
    &:focus {
        &::after {
            transform: scaleX(1);
        }
    }
    &::after {
        content: '';
        position: absolute;
        #{$left}: 1rem;
        #{$right}: 0;
        bottom: -1px;
        border-bottom: 1px solid;
        transform: scaleX(0);
        transition: transform .3s;
    }
    &:first-of-type::after {
        #{$left}: 0 !important;
    }
}