/* v4.0.3 — mobile filter reliability + final card alignment cleanup */

.edd-filter-toggle,
button.edd-filter-toggle {
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(225, 6, 0, .18);
  position: relative;
  z-index: 30;
}

.edd-filter-backdrop.is-open {
  display: block;
  pointer-events: auto;
}

@media (max-width: 900px) {
  /* v4.2.23: woocommerce.css anchors this panel left:0 !important while the closed
     transform here pushes it +104%, which parked the drawer in the middle of the
     viewport on load. Anchor and closed transform are now both owned here. */
  .edd-shop-filters[data-filter-panel],
  .edd-shop-filters {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    border-radius: 22px 0 0 22px;
    display: block;
    visibility: visible;
    pointer-events: auto;
    will-change: transform;
    -webkit-transform: translate3d(104%, 0, 0);
    transform: translate3d(104%, 0, 0);
  }

  .edd-shop-filters[data-filter-panel]:not(.is-open),
  .edd-shop-filters:not(.is-open) {
    -webkit-transform: translate3d(104%, 0, 0);
    transform: translate3d(104%, 0, 0);
    box-shadow: none;
  }

  .edd-shop-filters[data-filter-panel].is-open,
  .edd-shop-filters.is-open {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  body.edd-filters-open {
    overflow: hidden;
    touch-action: none;
  }

  body.edd-filters-open .edd-shop-filters {
    touch-action: pan-y;
  }
}

/* Product cards: keep Add to Cart aligned even when a product has no visible price. */
.woocommerce ul.products li.product,
.edd-product-carousel ul.products li.product {
  display: flex !important;
  flex-direction: column !important;
}

.woocommerce ul.products li.product .price,
.edd-product-carousel ul.products li.product .price {
  min-height: 32px !important;
  display: flex !important;
  align-items: center !important;
}

.woocommerce ul.products li.product .edd-empty-price,
.edd-product-carousel ul.products li.product .edd-empty-price {
  visibility: hidden !important;
}

.woocommerce ul.products li.product .button,
.edd-product-carousel ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.edd-product-carousel ul.products li.product .add_to_cart_button {
  margin-top: auto !important;
}

/* Keep carousel cards consistent across desktop/tablet/mobile. */
.edd-product-carousel ul.products li.product .woocommerce-loop-product__title {
  min-height: 2.8em !important;
}

@media (max-width: 640px) {
  .edd-product-carousel ul.products li.product .woocommerce-loop-product__title {
    min-height: auto !important;
  }
}
