/* Ensure dark background across viewports to avoid white margins on mobile */
html, body {
  background-color: #222222;
  background: #222222;
}
/* Mobile bottom menu adjustments */
@media (max-width: 991px) {
  /* Remove labels for a cleaner, app-like tab bar */
  .menuMobile .menu-label {
    display: none !important;
  }

  /* Make icons larger and clearer */
  .menuMobile .icon-navbar {
    font-size: 28px !important;
    line-height: 1;
  }

  /* Keep good touch targets without extra vertical space from labels */
  .menuMobile .btn-mobile {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  /* Offcanvas-style sidebar from left for #navbarUserHome */
  #navbarUserHome {
    position: fixed !important;
    top: 56px;
    left: 0;
    bottom: 0;
    
   
   
    overflow-y: auto;
    z-index: 1040;
    box-shadow: 6px 0 18px rgba(0,0,0,.25);
    transform: translateX(-100%);
    transition: transform .25s ease;
  }

  #navbarUserHome.show {
    transform: translateX(0);
  }
}

/* Desktop navbar: slightly larger icons */
@media (min-width: 992px) {
  .navbar .icon-navbar {
    font-size: 24px !important;
    line-height: 1;
  }
  /* Ensure mobile-only nav items never appear on desktop */
  .navbar .nav-item.d-lg-none,
  .navbar .link-menu-mobile {
    display: none !important;
  }
}