/* === FL Native Woo Archive Modern — Inline Fixes (v1.1.0) === */

/* Show the filter Close button ONLY on mobile, hide on desktop */
.fl-filter-close,
.fl-drawer-close,
.fl-offcanvas-close,
.fl-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Hide on desktop (≥1024px) */
@media (min-width: 1024px) {
  .fl-filter-close,
  .fl-drawer-close,
  .fl-offcanvas-close,
  .fl-close {
    display: none !important;
  }
}

/* Keep visible on mobile */
@media (max-width: 1023.98px) {
  .fl-filter-close,
  .fl-drawer-close,
  .fl-offcanvas-close,
  .fl-close {
    display: inline-flex !important;
  }
}

/* Subcategory carousel arrows — modern pill style */
.fl-subcats .swiper-button-prev,
.fl-subcats .swiper-button-next,
.subcats .swiper-button-prev,
.subcats .swiper-button-next,
.fl-subcats .splide__arrow,
.subcats .splide__arrow,
.fl-subcats .flickity-prev-next-button,
.subcats .flickity-prev-next-button {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: rgba(0,0,0,0.5);
  backdrop-filter: blur(4px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.18);
  color: #fff;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.fl-subcats .swiper-button-prev:hover,
.fl-subcats .swiper-button-next:hover,
.subcats .swiper-button-prev:hover,
.subcats .swiper-button-next:hover,
.fl-subcats .splide__arrow:hover,
.subcats .splide__arrow:hover,
.fl-subcats .flickity-prev-next-button:hover,
.subcats .flickity-prev-next-button:hover {
  transform: translateY(-1px);
  background: rgba(0,0,0,0.7);
  box-shadow: 0 8px 22px rgba(0,0,0,0.25);
}

.fl-subcats .swiper-button-prev::after,
.fl-subcats .swiper-button-next::after {
  font-size: 16px;
}

.fl-subcats .splide__arrow svg,
.subcats .splide__arrow svg,
.fl-subcats .flickity-prev-next-button .flickity-button-icon,
.subcats .flickity-prev-next-button .flickity-button-icon {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.fl-subcats .swiper-button-prev,
.subcats .swiper-button-prev { left: 8px; }
.fl-subcats .swiper-button-next,
.subcats .swiper-button-next { right: 8px; }

/* Infinite scroll loader */
.fl-inf-loader {
  display: inline-block;
  padding: 10px 14px;
  margin: 16px auto;
  border-radius: 999px;
  font-size: 13px;
  line-height: 1;
  background: #f3f3f3;
  color: #333;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06);
}

/* Hide default pagination when infinite scroll is active */
body.fl-inf-active .woocommerce-pagination,
body.fl-inf-active nav.woocommerce-pagination {
  display: none !important;
}


/* Hide any visible "Load more" controls; infinite scroll will auto-load */
.load-more,
a.load-more,
button.load-more,
.jet-woo-products__load-more,
.wc-block-product-query-pagination__load-more,
.woocommerce-pagination .load-more,
.products .load-more {
  display: none !important;
}


/* Safety reset so products never show bullets */
ul.products, ol.products { list-style: none !important; margin: 0; padding: 0; }


/* Ensure product lists never show bullets */
ul.products, ol.products { list-style:none!important; margin:0; padding:0; }


/* Hide pagination when loading all products */
.woocommerce-pagination, nav.woocommerce-pagination { display:none!important; }

/* === v1.4.1 Subcategory carousel arrow redesign === */
.fl-subcats,
.subcats { --fl-arrow-bg:#fff; --fl-arrow-fg:#1f2937; --fl-arrow-hover:#7acb20; --fl-arrow-shadow:0 6px 18px rgba(0,0,0,.12); }

/* Base buttons */
.fl-subcats .swiper-button-prev,
.fl-subcats .swiper-button-next,
.subcats .swiper-button-prev,
.subcats .swiper-button-next,
.fl-subcats .splide__arrow,
.subcats .splide__arrow,
.fl-subcats .flickity-prev-next-button,
.subcats .flickity-prev-next-button{
  width:44px; height:44px; border-radius:9999px;
  background:var(--fl-arrow-bg);
  color:var(--fl-arrow-fg);
  border:1px solid rgba(0,0,0,.10);
  box-shadow:var(--fl-arrow-shadow);
  display:flex; align-items:center; justify-content:center;
  transition:transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
  top:50%; transform:translateY(-50%);
  font-size:0; line-height:0; /* hide any « » text glyphs */
}

/* Remove library-provided icons so we can draw ours uniformly */
.fl-subcats .swiper-button-prev::after,
.fl-subcats .swiper-button-next::after,
.subcats .swiper-button-prev::after,
.subcats .swiper-button-next::after{ content:none !important; }

.fl-subcats .splide__arrow svg,
.subcats .splide__arrow svg,
.fl-subcats .flickity-prev-next-button .flickity-button-icon,
.subcats .flickity-prev-next-button .flickity-button-icon{ display:none !important; }

/* Our arrow chevrons */
.fl-subcats .swiper-button-prev::before,
.fl-subcats .splide__arrow--prev::before,
.fl-subcats .flickity-prev-next-button.previous::before,
.subcats .swiper-button-prev::before,
.subcats .splide__arrow--prev::before,
.subcats .flickity-prev-next-button.previous::before{
  content:""; width:12px; height:12px;
  border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:rotate(135deg); display:block;
}
.fl-subcats .swiper-button-next::before,
.fl-subcats .splide__arrow--next::before,
.fl-subcats .flickity-prev-next-button.next::before,
.subcats .swiper-button-next::before,
.subcats .splide__arrow--next::before,
.subcats .flickity-prev-next-button.next::before{
  content:""; width:12px; height:12px;
  border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:rotate(-45deg); display:block;
}

/* Hover/active */
.fl-subcats .swiper-button-prev:hover,
.fl-subcats .swiper-button-next:hover,
.subcats .swiper-button-prev:hover,
.subcats .swiper-button-next:hover,
.fl-subcats .splide__arrow:hover,
.subcats .splide__arrow:hover,
.fl-subcats .flickity-prev-next-button:hover,
.subcats .flickity-prev-next-button:hover{
  background:var(--fl-arrow-hover); color:#fff; border-color:transparent; transform:translateY(calc(-50% - 1px));
}
.fl-subcats .swiper-button-prev:active,
.fl-subcats .swiper-button-next:active,
.subcats .swiper-button-prev:active,
.subcats .swiper-button-next:active,
.fl-subcats .splide__arrow:active,
.subcats .splide__arrow:active,
.fl-subcats .flickity-prev-next-button:active,
.subcats .flickity-prev-next-button:active{
  transform:translateY(-50%) scale(.98);
}

/* Position offset from edges */
.fl-subcats .swiper-button-prev,
.subcats .swiper-button-prev,
.fl-subcats .splide__arrow--prev,
.subcats .splide__arrow--prev,
.fl-subcats .flickity-prev-next-button.previous,
.subcats .flickity-prev-next-button.previous{ left:10px; }

.fl-subcats .swiper-button-next,
.subcats .swiper-button-next,
.fl-subcats .splide__arrow--next,
.subcats .splide__arrow--next,
.fl-subcats .flickity-prev-next-button.next,
.subcats .flickity-prev-next-button.next{ right:10px; }

/* === v1.4.2 Subcategories: remove arrows, show native scrollbar === */

/* 1) Hide all nav arrows */
.fl-subcats .swiper-button-prev,
.fl-subcats .swiper-button-next,
.subcats .swiper-button-prev,
.subcats .swiper-button-next,
.fl-subcats .splide__arrow,
.subcats .splide__arrow,
.fl-subcats .flickity-prev-next-button,
.subcats .flickity-prev-next-button{ display:none !important; }

/* 2) SWIPER → make wrapper scrollable horizontally */
.fl-subcats .swiper,
.subcats .swiper{ overflow-x:auto !important; overflow-y:hidden; padding-bottom:12px; scrollbar-gutter: stable both-edges; }
.fl-subcats .swiper-wrapper,
.subcats .swiper-wrapper{
  display:flex !important; gap:12px; transform:none !important; will-change:auto !important;
  scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch;
}
.fl-subcats .swiper-slide,
.subcats .swiper-slide{ width:auto !important; scroll-snap-align:start; }

/* 3) SPLIDE → natural scroll */
.fl-subcats .splide__track,
.subcats .splide__track{ overflow-x:auto !important; overflow-y:hidden; padding-bottom:12px; scrollbar-gutter: stable both-edges; }
.fl-subcats .splide__list,
.subcats .splide__list{ display:flex !important; gap:12px; transform:none !important; will-change:auto !important; }
.fl-subcats .splide__slide,
.subcats .splide__slide{ width:auto !important; flex:0 0 auto; scroll-snap-align:start; }

/* 4) FLICKITY → natural scroll */
.fl-subcats .flickity-viewport,
.subcats .flickity-viewport{ overflow-x:auto !important; overflow-y:hidden; padding-bottom:12px; scrollbar-gutter: stable both-edges; }
.fl-subcats .flickity-slider,
.subcats .flickity-slider{ position:static !important; transform:none !important; display:flex !important; gap:12px; }
.fl-subcats .carousel-cell,
.subcats .carousel-cell{ width:auto !important; flex:0 0 auto; scroll-snap-align:start; }

/* 5) Scrollbar styling (cross‑browser) */
.fl-subcats .swiper,
.subcats .swiper,
.fl-subcats .splide__track,
.subcats .splide__track,
.fl-subcats .flickity-viewport,
.subcats .flickity-viewport{
  scrollbar-width: thin;          /* Firefox */
  scrollbar-color: rgba(0,0,0,.35) rgba(0,0,0,.08);
}
.fl-subcats .swiper::-webkit-scrollbar,
.subcats .swiper::-webkit-scrollbar,
.fl-subcats .splide__track::-webkit-scrollbar,
.subcats .splide__track::-webkit-scrollbar,
.fl-subcats .flickity-viewport::-webkit-scrollbar,
.subcats .flickity-viewport::-webkit-scrollbar{ height:10px; }
.fl-subcats .swiper::-webkit-scrollbar-track,
.subcats .swiper::-webkit-scrollbar-track,
.fl-subcats .splide__track::-webkit-scrollbar-track,
.subcats .splide__track::-webkit-scrollbar-track,
.fl-subcats .flickity-viewport::-webkit-scrollbar-track,
.subcats .flickity-viewport::-webkit-scrollbar-track{ background: rgba(0,0,0,.08); border-radius:6px; }
.fl-subcats .swiper::-webkit-scrollbar-thumb,
.subcats .swiper::-webkit-scrollbar-thumb,
.fl-subcats .splide__track::-webkit-scrollbar-thumb,
.subcats .splide__track::-webkit-scrollbar-thumb,
.fl-subcats .flickity-viewport::-webkit-scrollbar-thumb,
.subcats .flickity-viewport::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.35); border-radius:6px; }

/* === v1.4.3 Subcategory scrollbar for all product category pages (scope: body.tax-product_cat) === */
.tax-product_cat .swiper-button-prev,
.tax-product_cat .swiper-button-next,
.tax-product_cat .splide__arrow,
.tax-product_cat .flickity-prev-next-button{ display:none !important; }

.tax-product_cat .swiper,
.tax-product_cat .splide__track,
.tax-product_cat .flickity-viewport{ overflow-x:auto !important; overflow-y:hidden; padding-bottom:12px; scrollbar-gutter:stable both-edges; }

.tax-product_cat .swiper-wrapper,
.tax-product_cat .splide__list,
.tax-product_cat .flickity-slider{ display:flex !important; gap:12px; transform:none !important; will-change:auto !important; }

.tax-product_cat .swiper-slide,
.tax-product_cat .splide__slide,
.tax-product_cat .carousel-cell{ width:auto !important; flex:0 0 auto; scroll-snap-align:start; }

.tax-product_cat .swiper,
.tax-product_cat .splide__track,
.tax-product_cat .flickity-viewport{
  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,.35) rgba(0,0,0,.08);
}
.tax-product_cat .swiper::-webkit-scrollbar,
.tax-product_cat .splide__track::-webkit-scrollbar,
.tax-product_cat .flickity-viewport::-webkit-scrollbar{ height:10px; }
.tax-product_cat .swiper::-webkit-scrollbar-track,
.tax-product_cat .splide__track::-webkit-scrollbar-track,
.tax-product_cat .flickity-viewport::-webkit-scrollbar-track{ background: rgba(0,0,0,.08); border-radius:6px; }
.tax-product_cat .swiper::-webkit-scrollbar-thumb,
.tax-product_cat .splide__track::-webkit-scrollbar-thumb,
.tax-product_cat .flickity-viewport::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.35); border-radius:6px; }