/* Custom fixes for LiteCart */

/* Fix: Navbar dropdown menus appearing behind product boxes */
#site-menu {
  position: relative;
  z-index: 9999 !important;
}

#site-menu .navbar {
  position: relative;
  z-index: 9999 !important;
}

#site-menu .navbar-header {
  position: relative;
  z-index: 9999 !important;
}

#site-menu .dropdown-menu {
  z-index: 10000 !important;
  position: absolute !important;
}

#site-menu .offcanvas {
  z-index: 10001 !important;
}

/* Ensure product boxes don't overlap navbar */
.listing-wrapper,
.product-column,
.col,
#content-wrapper {
  position: relative;
  z-index: 1 !important;
}

/* Fix: Sticky navbar z-index */
.navbar-sticky {
  z-index: 9999 !important;
  position: relative !important;
}

/* Ensure dropdown menus are always on top */
.dropdown-menu {
  z-index: 10000 !important;
}

.navbar-nav .dropdown-menu {
  z-index: 10000 !important;
}

/* Dark theme dropdowns */
#site-menu .dropdown-menu,
.navbar-nav .dropdown-menu {
  background: rgba(7, 8, 18, 0.96) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.55) !important;
  padding: 0.5rem 0 !important;
}

#site-menu .dropdown-menu .nav-link,
.navbar-nav .dropdown-menu .nav-link {
  color: var(--color-text, #f8f9ff) !important;
  padding: 0.65rem 1.25rem !important;
  background: transparent !important;
  transition: background 0.2s ease, color 0.2s ease;
}

#site-menu .dropdown-menu .nav-link:hover,
.navbar-nav .dropdown-menu .nav-link:hover {
  background: rgba(13, 99, 243, 0.18) !important;
  color: #ffffff !important;
}

/* Firefox autocomplete fix - hide autofill suggestions */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}

/* Disable autocomplete dropdown in Firefox */
input[type="search"],
input[type="text"].navbar-search input,
.navbar-search input {
  -moz-appearance: none !important;
}