/* _content/AwandoShop/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-0auifwu5ng] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-0auifwu5ng] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/AwandoShop/Components/TopBar.razor.rz.scp.css */
@media (max-width: 767.98px) {
    .navbar-nav .nav-link[b-9buc9jbm60]::after {
        display: none !important;
    }
}
.navbar[b-9buc9jbm60] {
    padding: 5px 20px !important;
    vertical-align: middle;
    transition: color .3s;
    color: #606975;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
}
    /* hover dla elementów nawigacji */
    .navbar .nav-link:hover[b-9buc9jbm60] {
        color: #009ade;
    }
/* gdy masz klasę .active */
.nav-link.active[b-9buc9jbm60] {
    color: #009ade !important; /* np. Twój kolor */
    font-weight: 600;
}

.navbar .nav-link:active[b-9buc9jbm60] {
    color: #dc3545; /* np. czerwony */
}

.navbar-nav .nav-link[b-9buc9jbm60] {
    position: relative;
    transition: color .3s;
}

    .navbar-nav .nav-link[b-9buc9jbm60]::after {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 20%;
        width: 0;
        height: 3px;
        background-color: #009ade;
        border-radius: 2px;
        transition: width .3s;
    }

    .navbar-nav .nav-link.active[b-9buc9jbm60]::after {
        width: 60%; /* podkreślenie zajmie 60% szerokości linku */
    }