/* _content/LeonCompany/Components/Layout/MainLayout.razor.rz.scp.css */
/* Main layout styles are now in app.css for better organization */
/* _content/LeonCompany/Components/Layout/NavMenu.razor.rz.scp.css */
/* Navigation styles are now in app.css for better organization */

.nav-item[b-fpi25xebtf] {
  font-size: 0.9rem;
  padding-bottom: 0.5rem;
}

/* .nav-item:first-of-type {
  padding-top: 1rem;
}

.nav-item:last-of-type {
  padding-bottom: 1rem;
} */

.nav-item[b-fpi25xebtf]  .nav-link {
  color: #d7d7d7;
  background: none;
  border: none;
  border-radius: 4px;
  height: 3rem;
  display: flex;
  align-items: center;
  line-height: 3rem;
  width: 100%;
}

.nav-item[b-fpi25xebtf]  a.active {
  background-color: rgba(255, 255, 255, 0.37);
  color: white;
}

.nav-item[b-fpi25xebtf]  .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
}

.nav-scrollable[b-fpi25xebtf] {
  display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-fpi25xebtf] {
  display: block;
}

@media (min-width: 641px) {
  /* .navbar-toggler {
    display: none;
  } */

  .nav-scrollable[b-fpi25xebtf] {
    /* Never collapse the sidebar for wide screens */
    display: block;

    /* Allow sidebar to scroll for tall menus */
    height: calc(100vh - 3.5rem);
    overflow-y: auto;
  }
}