@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.84wtju4z0n.bundle.scp.css';

/* /Layout/NavMenu.razor.rz.scp.css */
.navmenu[b-tpyr00qoru] {
    width: 100%;
    position: relative;
}

/* Hamburger ikonica */
.navmenu-icon[b-tpyr00qoru] {
    display: none;
}

/* Checkbox toggle uvek sakriven */
#navmenu-toggle[b-tpyr00qoru] {
    display: none;
}

/* Desktop meni */
.desktop-nav[b-tpyr00qoru] {
    display: block;
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--neutral-layer-1);
    padding: 0.5rem 1rem;
}

    .desktop-nav .fluent-button[b-tpyr00qoru] {
        font-weight: 500;
        color: var(--neutral-foreground-rest);
    }

        .desktop-nav .fluent-button:hover[b-tpyr00qoru] {
            background-color: var(--neutral-fill-hover);
            border-radius: 4px;
        }

/* Mobilni meni */
.mobile-nav[b-tpyr00qoru] {
    display: none;
    background: var(--neutral-layer-1);
    padding: 1rem;
    text-align: left; /* poravnanje uz levu ivicu */
}

/* Responsive pravila */
@media (max-width: 600px) {
    .desktop-nav[b-tpyr00qoru] {
        display: none;
    }

    .navmenu-icon[b-tpyr00qoru] {
        cursor: pointer;
        z-index: 1000;
        display: block;
        position: fixed;
        top: 15px;
        right: 20px;
        width: 20px;
        height: 20px;
        border: none;
    }



    .navmenu #navmenu-toggle ~ .mobile-nav[b-tpyr00qoru] {
        display: none;
    }

    .navmenu #navmenu-toggle:checked ~ .mobile-nav[b-tpyr00qoru] {
        display: block;
    }

    /* Dugmad u mobilnom meniju */
    .mobile-nav .fluent-button[b-tpyr00qoru] {
        display: block;
        width: 100%;
        text-align: left;
        padding: 0.75rem 1rem;
        border-bottom: 1px solid var(--neutral-stroke-rest);
    }

        .mobile-nav .fluent-button:hover[b-tpyr00qoru] {
            background-color: var(--neutral-fill-hover);
        }
}