/* Scrollbar hide for category pills and active tags */
#odonata-category-pills::-webkit-scrollbar,
#odonata-active-tags::-webkit-scrollbar {
  display: none;
}
#odonata-category-pills,
#odonata-active-tags {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.filter-scroll {
  scrollbar-width: thin;
  scrollbar-color: hsl(var(--border)) transparent;
}
.filter-scroll::-webkit-scrollbar {
  width: 6px;
}
.filter-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.filter-scroll::-webkit-scrollbar-thumb {
  background: hsl(var(--border));
  border-radius: 9999px;
}

/* Drawer transition */
#odonata-filter-drawer {
  transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
}

/* Ensure backdrop is above everything */
#odonata-drawer-backdrop {
  z-index: 49;
}
#odonata-filter-drawer {
  z-index: 50;
}

/* Override Storefront's float grid */
.odonata-shop-template ul.products {
    display: grid;
    float: none;
}
.odonata-shop-template ul.products::before,
.odonata-shop-template ul.products::after {
    display: none;
}
.odonata-shop-template ul.products li.product {
    width: 100%;
    float: none;
    margin: 0;
    clear: none;
}

/* Drawer hidden by default (CSS-based, not Tailwind utility) */
#odonata-filter-drawer {
  transform: translateY(100%);
}
#odonata-filter-drawer.drawer-open {
  transform: translateY(0);
}