/* Shop filter system - rebuilt clean stylesheet */

.archive.woocommerce .shop-sidebar,
.archive.woocommerce .widget_product_categories,
.archive.woocommerce .widget_layered_nav,
.archive.woocommerce .widget_price_filter,
.archive.woocommerce .widget_products,
.archive.woocommerce .woocommerce-result-count,
.archive.woocommerce .woocommerce-ordering,
.archive.woocommerce .shop-page-title .is-medium,
.archive.woocommerce .shop-page-title .is-large {
  display: none !important;
}

.archive.woocommerce .shop-page-right,
.archive.woocommerce .large-9.col,
.archive.woocommerce .large-9 {
  flex-basis: 100% !important;
  max-width: 100% !important;
}

.tggd-shop-filters-form {
  margin: 0 0 16px;
}

.tggd-shop-filterbar {
  width: 100%;
}

.tggd-filter-control:focus {
  outline: none;
  border-color: #0d2848;
  box-shadow: 0 0 0 3px rgba(13, 40, 72, 0.12);
}

.tggd-filter-loading {
  opacity: 0.5;
  pointer-events: none;
  filter: saturate(0.85);
  transition: opacity 180ms ease-in-out;
}

.tggd-filter-loading::after {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  border: 3px solid #d4e2f1;
  border-top-color: #0d2848;
  border-radius: 50%;
  margin: 18px auto;
  animation: tggd-filter-spin 0.8s linear infinite;
}

@keyframes tggd-filter-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 768px) {
  .tggd-shop-filters-form {
    margin-bottom: 12px;
  }
}

/* Force price color on shop/category loops where core Woo styles are stronger. */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .amount,
.woocommerce ul.products li.product .price .woocommerce-Price-amount,
.woocommerce ul.products li.product .price .woocommerce-Price-amount.amount,
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins .woocommerce-Price-amount,
.woocommerce ul.products li.product .price ins .woocommerce-Price-amount.amount,
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price del .woocommerce-Price-amount,
.woocommerce ul.products li.product .price del .woocommerce-Price-amount.amount,
.woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol {
  color: #eb0707 !important;
}

.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price del .amount,
.woocommerce ul.products li.product .price del .woocommerce-Price-amount,
.woocommerce ul.products li.product .price del .woocommerce-Price-amount.amount {
  opacity: 0.65;
}