// _ tujuannya agar ngk di compile secara langsung
.navbar-store {
    padding-top: 15px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);

    @include media-breakpoint-down(md) {
        background-color: #fff !important;
    }

    .nav-item {
        .nav-link {
            @include media-breakpoint-up(lg) {
                margin-left: 10px;
                margin-right: 10px;
            }

            &:hover {
                color: #29a867;
            }
        }

        &.active {
            font-weight: 500;
        }
    }

    .profile-picture {
        max-height: 45px;
    }

    .card-badge {
        display: inline-block;
        min-width: 2em;
        padding: 0.3em;
        border-radius: 50%;
        font-size: 10px;
        text-align: center;
        background-color: #29a867;
        color: #ffffff;
        margin-left: -10px;
    }
}

.navbar-fixed-top.scrolled {
    background-color: #ffffff !important;
    transition: background-color 100ms linear;
}

.navbar-fixed-top-auth.scrolled {
    background-color: #ffffff !important;
    transition: background-color 100ms linear;
}

.navbar-color {
    background-color: transparent;
}
