/**
 * Solve the catalog page problems here, since sass is not available
 * and style.min.css is already minified and no changes can be made
 *
 * \wp-content\themes\asic\assets\css\catalog_hacks.css
 */

 @media (max-width: 1300px) {
  .catalog__items ul.products,
  .searchsec-items.grid-col-4 {
      grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1040px) {
  .catalog__items ul.products,
  .searchsec-items.grid-col-4 {
      grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 919px) {
  .catalog__items ul.products,
  .searchsec-items.grid-col-4 {
      grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 720px) {
  .catalog__items ul.products,
  .searchsec-items.grid-col-4 {
      grid-template-columns: repeat(2, 1fr);
  }
}

.catalog__active-filters .widget_wpc_chips_widget {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: baseline;
}

.catalog__active-filters .widgettitle {
  white-space: nowrap;
}

.catalog__active-filters .wpc-custom-selected-terms {
  width: auto;
}

.catalog__active-filters .wpc-filter-chips-list {
  display: flex;
  flex-wrap: wrap;
}

.site-main > .wpc-filters-open-button-container {
  display: none !important;
}

.wpc_show_bottom_widget .wpc-filters-open-button-container {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.asic-mobile-tools-wrapper {
  display: none;
  margin-bottom: 20px;
}

.asic-mobile-tools-wrapper .wpc-filters-open-button-container {
  display: none;
}

@media (max-width: 920px) {
  .asic-mobile-tools-wrapper {
    display: block;
  }

  .asic-mobile-tools-wrapper .wpc-filters-open-button-container {
    display: block;
  }
}

.asic-mobile-tools-wrapper .wpc-filters-open-button-container .asic-filter-button {
  border: 2px #F8F8FA solid;
  display: flex;
  height: 50px;
  width: 100%;
  max-width: 170px;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  transition: all 250ms ease-in-out;
}

.asic-mobile-tools-wrapper .wpc-filters-open-button-container .asic-filter-button:hover {
  border-color: #FF6A16;
  color: #FF6A16;
}

.asic-mobile-tools-wrapper .wpc-filters-open-button-container .asic-filter-button svg path {
  transition: all 250ms ease-in-out;
}

.asic-mobile-tools-wrapper .wpc-filters-open-button-container .asic-filter-button:hover svg path {
  fill: #FF6A16;
}

.asic-mobile-tools-wrapper .wpc-filters-open-button-container .asic-filter-button .wpc-button-inner {
  display: flex;
  gap: 11px;
  font-size: 14px;
  line-height: 20px;
  color: #7D8389;
  transition: all 250ms ease-in-out;
}

.asic-mobile-tools-wrapper .wpc-filters-open-button-container .asic-filter-button:hover .wpc-button-inner {
  color: #FF6A16;
}

.filters.wpc-force-visibility {
  position: absolute !important;
}
@media (max-width: 919px) {
  .catalog__wrap .filters {
    transition: none !important;
  }
}

.wpc-wrap-icons .wpc-filter-selected-values {
  display: none !important;
}