/* Layout for archive-product.html: filter sidebar left on desktop/tablet, WC's built-in overlay modal on mobile.
   768px matches the filter overlay/inline breakpoint below (max-width: 767.98px) and the reskin override in
   archive-product-reskin.css — keep all three in sync. */
@media (min-width: 768px) {
  .archive-product-layout {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
  }

  .archive-product-layout .wc-block-product-filters {
    flex: 0 0 260px;
    display: block;
  }

  .archive-product-content {
    flex: 1;
    min-width: 0;
  }
}

/* WC core sets overlay-dialog to position:absolute; inset:0 — that takes it
   out of flow, so the reskin's `align-items:flex-end` bottom-sheet layout
   on the overlay wrapper never applies. Pin the dialog to the bottom edge
   directly instead of relying on flex alignment. */
@media (max-width: 767.98px) {
  #wp--skip-link--target .wc-block-product-filters__overlay-dialog {
    inset: auto 0 0 0;
  }
}