/* WooCommerce polish to match Quicka dark theme */

.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
  color: var(--eve-muted);
}

.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.woocommerce ul.products li.product {
  width: auto !important;
  margin: 0 !important;
  float: none !important;
  background: var(--eve-panel);
  border: 1px solid var(--eve-line);
  border-radius: 16px;
  overflow: hidden;
  padding: 0 0 1rem;
}

.woocommerce ul.products li.product a img {
  margin: 0;
  border-radius: 0;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--font-display);
  font-size: 1.05rem;
  color: #fff !important;
  padding: 0.85rem 1rem 0.25rem;
}

.woocommerce ul.products li.product .price {
  color: var(--eve-teal) !important;
  padding: 0 1rem;
  font-weight: 700;
}

.woocommerce ul.products li.product .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background: var(--eve-brand) !important;
  color: #fff !important;
  border-radius: 999px !important;
  border: 0 !important;
  font-weight: 700;
  margin: 0.75rem 1rem 0;
}

.woocommerce div.product {
  color: var(--eve-text);
}

.woocommerce div.product .product_title {
  font-family: var(--font-display);
  text-transform: uppercase;
  color: #fff;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--eve-teal) !important;
}

.woocommerce-page .eve-page__content,
.eve-page__content {
  color: #d7e0dc;
  line-height: 1.6;
  max-width: 48rem;
}

.eve-page__content a {
  color: var(--eve-teal);
}

.eve-cat-card__label {
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 0.92rem;
}

@media (max-width: 900px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .eve-cat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .woocommerce ul.products {
    grid-template-columns: 1fr;
  }
}