/* Mobile / tablet left sidebar — keep narrow, flush left */
@media (max-width: 1199.98px) {
  #navbar_main.offcanvas,
  #navbar_main.horizontal-nav.mobile-offcanvas,
  .horizontal-nav.mobile-offcanvas {
    --bs-offcanvas-width: 280px;
    width: min(280px, 82vw) !important;
    max-width: 280px !important;
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    height: 100dvh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  #navbar_main.horizontal-nav.mobile-offcanvas:not(.show) {
    transform: translateX(-105%) !important;
    visibility: hidden !important;
  }

  #navbar_main.horizontal-nav.mobile-offcanvas.show {
    transform: translateX(0) !important;
    visibility: visible !important;
  }

  #navbar_main .offcanvas-header {
    padding: 1rem 1rem 1.25rem !important;
  }

  #navbar_main .iq-nav-menu > li > a {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

@media (max-width: 575.98px) {
  #navbar_main.offcanvas,
  #navbar_main.horizontal-nav.mobile-offcanvas,
  .horizontal-nav.mobile-offcanvas {
    --bs-offcanvas-width: 78vw;
    width: 78vw !important;
    max-width: 260px !important;
  }
}