/* Filter & Sort Button */

 @media (max-width: 781px) and (min-width: 601px) {
  .wc-block-product-filters .wc-block-product-filters__open-overlay {
    display: block !important;
  }
  .wc-block-product-filters .wc-block-product-filters__overlay {
    display: none !important;
  }
  .wc-block-product-filters {
    display: block !important;
  }
}

@media (min-width: 782px) {
  .sticky-filter-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 190px;
    z-index: 9;
    height: fit-content;
    align-self: start;
  }

  .sticky-filter-sidebar-header-minimal{
    position: -webkit-sticky;
    position: sticky;
    top: 174px;
    z-index: 9;
    height: fit-content;
    align-self: start;
  }
  
  .sticky-header{
    position: -webkit-sticky;
    position: sticky;
    top: 136px;
    z-index: 9;
  }
}


.wc-block-product-filters__overlay-dialog {
  padding: var(--wp--preset--spacing--sm) 0;;
  gap: var(--wp--preset--spacing--lg) !important;
}

.wp-block-woocommerce-product-filters {
  padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--lg);
  color: var(--wp--preset--color--primary);
  border: 1px solid var(--wp--preset--color--neutral-300); /* #d4d4d3 ≈ Figma gray-400 */
  border-radius: var(--km-radius-xs);
  & button {
    font-family: var(--km-font-base);
    font-size: var(--km-fs-lg);
    font-weight: var(--km-fw-medium);
  }
}

.wp-block-woocommerce-catalog-sorting select.orderby {
  padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--lg);
  color: var(--wp--preset--color--primary);
  border: 1px solid var(--wp--preset--color--neutral-300); /* #d4d4d3 ≈ Figma gray-400 */
  border-radius: var(--km-radius-xs);
  font-family: var(--km-font-base);
  font-size: var(--km-fs-lg) !important;
  font-weight: var(--km-fw-medium);
  margin-bottom: var(--wp--preset--spacing--md);
  width: 100%;
}

.wp-block-woocommerce-product-filters:hover, .wc-block-catalog-sorting select.orderby:hover {
  background-color: var(--wp--preset--color--neutral-100);
  color: var(--wp--preset--color--primary);
  border-color: var(--wp--preset--color--neutral-300);
}

.wp-block-woocommerce-product-filters:active {
  background-color: var(--wp--preset--color--neutral-200);
  color: var(--wp--preset--color--primary);
  border-color: var(--wp--preset--color--neutral-300);
}

/* Filter Overlay Texts */
.wp-block-woocommerce-product-filters {
  & h3.wp-block-heading {
    font-size: var(--wp--preset--font-size--lg) !important;
    color: var(--wp--preset--color--black);
    font-weight: var(--km-fw-medium) !important;
    margin-bottom: var(--wp--preset--spacing--xs) !important;
  }

  & h2.wp-block-heading {
    font-size: var(--wp--preset--font-size--lg) !important;
    font-weight: var(--km-fw-medium) !important;
  }
}

.wc-block-product-filter-checkbox-list__items,
.wc-block-product-filter-checkbox-list__text {
  color: var(--wp--preset--color--black);
}

.wc-block-product-filter-checkbox-list__text-wrapper {
    font-size: var(--wp--preset--font-size--lg);
}

.wc-block-product-filters__overlay-footer .wp-element-button {
    background-color: var(--wp--preset--color--primary);
    border-radius: var(--km-radius-sm);
    transition: background-color 0.15s ease;
}

.wc-block-product-filters__overlay-footer .wp-element-button:hover{
    background-color: var(--wp--preset--color--primary-600); /* #a42f26 — darker-10 */
}

.wc-block-product-filters__overlay-footer .wp-element-button:active{
    background-color: var(--wp--preset--color--primary-700); /* #87261f — darker-20 */
}

/* Sort Dropdown Texts */
select.orderby option{
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  border: 2px solid #dddddd;
  background: #eeeeee;
  padding: 4px;
  font-size: 12px;
}

select.orderby::picker-icon {
  transition: 0.4s rotate;
  margin-right: 4px;
}

select:open::picker-icon {
  rotate: 180deg;
}