/* Multi-level dropdown placement */
.dropdown-submenu { position: relative; }
.dropdown-menu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -.25rem;
  margin-left: .1rem;
}

/* Desktop: open nested menus on hover */
@media (pointer: fine) and (min-width: 992px) {
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;        /* ensures visibility even if .show is missing */
  }
}

/* --- Global mobile polish --- */
@media (max-width: 575.98px){
  /* Header */
  header.header .navbar-brand img{ max-height:44px; }
  header.header .container{ padding-left:12px; padding-right:12px; }
  header.header form .form-control{ max-width:none; }

  /* Navbar dropdowns behave like stacked lists on mobile */
  .navbar .dropdown-menu{
    position: static !important;
    float: none;
    display: none;
    box-shadow: none;
    border: 0;
    padding: 0;
    margin: .25rem 0 .5rem;
  }
  .navbar .dropdown-menu.show{ display:block; }
  .dropdown-item{ padding:.5rem .75rem; }
  .dropdown-submenu .dropdown-menu{ margin-left: 1rem; }

  /* FABs: get out of the way + safe area bottom */
  .fab-container{ right:12px; bottom: calc(72px + env(safe-area-inset-bottom)); gap:.5rem; }
  .fab-btn{ width:52px; height:52px; }

  /* Offcanvas content comfortably scrolls */
  .offcanvas .offcanvas-body{
    max-height: calc(100vh - 120px);
    overflow:auto;
  }
}

/* Tablet tune-ups */
@media (min-width: 576px) and (max-width: 991.98px){
  .fab-container{ right:16px; bottom: 20px; }
}

/* Desktop-only: keep sidebar visible; hide mobile categories trigger */
@media (min-width: 992px){
  .category-trigger-mobile{ display:none !important; }
}

/* Hide left sidebar on small screens (we’ll use offcanvas) */
@media (max-width: 991.98px){
  .sidebar-col{ display:none !important; }
}

/* Category grid: tidy card titles */
.card .fw-semibold{ line-height:1.25; min-height:unset; }

/* Keep currency and amount on one line in summary */
 
.order-price {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}