/* /Layout/MainLayout.razor.rz.scp.css */
/* Main layout styles */
.page[b-saaogqo6lg] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Ensure the page fills the viewport height */
    padding-bottom: 4.5rem; /* Prevent content from hiding behind the fixed nav */
}

main[b-saaogqo6lg] {
    flex: 1; /* Main content grows to fill available space */
    padding-top:3.5rem
}

.top-row[b-saaogqo6lg] {
    position: fixed; /* Keep the nav at the bottom of the viewport */
    top: 0;
    left: 0;
    width: 100%;
    background-color: gray;
    border-bottom: 1px solid #d6d5d5;
    justify-content: center;
    height: 3.5rem;
    display: flex;
    align-items: center;
    padding: 0 1rem;

}

.navbar-brand[b-saaogqo6lg] {
    font-size: 2.1rem;
    color: white;
    font-size: clamp(1.5rem, 2.5vw, 2.5rem);
}

/* Bottom Navigation styles */
.bottom-nav[b-saaogqo6lg] {
    position: fixed; /* Keep the nav at the bottom of the viewport */
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: gray;
    min-height: 4.5rem; /* Extra vertical space for centered content */
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 0.5rem;
    z-index: 1000; /* Ensure it stays on top of other content */
}

.nav-menu[b-saaogqo6lg] {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

/* Nav items: icon centered above text */
.nav-item[b-saaogqo6lg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0.3rem; /* Extra space between icon and text */
    color: #d7d7d7;
    text-decoration: none;
    padding: 0.5rem 0;
    /* Optional: set a fixed width if you want a uniform nav item size */
    /* width: 33%; */
}

    .nav-item.active[b-saaogqo6lg],
    .nav-item:hover[b-saaogqo6lg] {
        color: white;
    }

/* Icon styling (using embedded SVGs) */
.bi[b-saaogqo6lg] {
    width: 1.25rem;
    height: 1.25rem;
    background-size: cover;
    /* Remove any default margins that might misalign content */
    margin: 0;
}

/* /Layout/NavMenu.razor.rz.scp.css */