/*
 * Каталог WooCommerce. Свои цвета у WooCommerce фиолетовые — здесь
 * перекрашиваем кнопки, цены и плашки в токены сайта.
 */

.shop { padding: var(--space-4) 0 var(--space-7); }

.woocommerce-products-header__title { margin-top: var(--space-3); }
.term-description { max-width: 820px; color: var(--color-text-soft); font-size: var(--fs-lg); }

.woocommerce-result-count,
.woocommerce-ordering { font-size: var(--fs-sm); color: var(--color-text-muted); }
.woocommerce-ordering select { min-height: 44px; font: inherit; font-size: var(--fs-sm); }

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  display: flex;
  flex-direction: column;
  padding: var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-surface);
}

.woocommerce ul.products li.product a img { border-radius: var(--radius-sm); background: var(--color-bg); aspect-ratio: 1; object-fit: contain; }

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: var(--fs-base);
  font-weight: var(--fw-semibold);
  color: var(--color-text);
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--color-text);
  font-weight: var(--fw-bold);
  font-size: var(--fs-lg);
}

.woocommerce ul.products li.product .button { margin-top: auto; }

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
  min-height: var(--tap);
  padding: var(--space-3) var(--space-5);
  border-radius: var(--radius-sm);
  background: var(--color-primary);
  color: var(--color-text-invert);
  font-size: var(--fs-base);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-snug);
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover { background: var(--color-primary-dark); color: var(--color-text-invert); }

.woocommerce button.button.alt.single_add_to_cart_button { background: var(--color-accent); color: var(--color-on-accent); }
.woocommerce button.button.alt.single_add_to_cart_button:hover { background: var(--color-accent-dark); color: var(--color-on-accent); }

.woocommerce span.onsale { background: var(--color-accent); color: var(--color-on-accent); }

.woocommerce-message,
.woocommerce-info { border-top-color: var(--color-primary); }
.woocommerce-message::before,
.woocommerce-info::before { color: var(--color-primary); }

.woocommerce .quantity .qty { min-height: var(--tap); width: 4em; font: inherit; }

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span { min-width: 44px; padding: var(--space-3); }

/* Подкатегории в разделе «Электроды и аксессуары» */
.woocommerce ul.products li.product-category h2 { font-size: var(--fs-base); }
.woocommerce ul.products li.product-category mark { background: none; color: var(--color-text-muted); }