/* ==========================================================================
   HADIOSH — Shop Archive / Product Grid
   ========================================================================== */

.woocommerce.archive,
.woocommerce-page.archive,
body.woocommerce-shop,
body.tax-product_cat {
  background: var(--hd-black);
  color: var(--hd-text-primary);
}

.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important;
  gap: var(--hd-space-3) !important;
  padding: var(--hd-space-4) var(--hd-space-3);
  max-width: 1400px;
  margin: 0 auto !important;
  list-style: none;
}

.woocommerce ul.products li.product {
  background: var(--hd-dark-gray);
  border: var(--hd-border-card);
  border-radius: var(--hd-radius-card);
  overflow: hidden;
  transition: border-color var(--hd-transition), transform var(--hd-transition);
  position: relative;
}
.woocommerce ul.products li.product:hover {
  border-color: var(--hd-gold);
  transform: translateY(-2px);
}

.woocommerce ul.products li.product a img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 0;
  margin: 0;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--hd-font-body);
  font-size: 14px;
  font-weight: 600;
  color: var(--hd-text-primary);
  padding: var(--hd-space-2) var(--hd-space-2) 0;
  margin: 0;
}

.woocommerce ul.products li.product .price {
  font-family: var(--hd-font-mono);
  color: var(--hd-gold);
  font-size: 14px;
  padding: 4px var(--hd-space-2) 0;
  display: block;
}
.woocommerce ul.products li.product .price del { color: var(--hd-text-muted); opacity: .7; }
.woocommerce ul.products li.product .price ins { text-decoration: none; }

.woocommerce ul.products li.product .star-rating {
  margin: 4px var(--hd-space-2) 0;
}

.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product a.add_to_cart_button {
  display: block;
  margin: var(--hd-space-2);
  width: calc(100% - 2 * var(--hd-space-2));
  background: var(--hd-graphite) !important;
  color: var(--hd-text-primary) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: var(--hd-radius-sm) !important;
  text-align: center;
  padding: 10px !important;
  font-size: 13px !important;
  font-weight: 600;
  transition: background var(--hd-transition), color var(--hd-transition) !important;
}
.woocommerce ul.products li.product a.button:hover {
  background: var(--hd-gold) !important;
  color: var(--hd-black) !important;
}

/* لینک «View Cart» که ووکامرس بعد از Add to Cart موفق تزریق می‌کنه — قبلاً
   هیچ display/width/margin نداشت، همینه که هرجا افتاده بود می‌موند (گوشه/زیر کارت) */
.woocommerce ul.products li.product a.added_to_cart.wc-forward {
  display: block !important;
  margin: 0 var(--hd-space-2) var(--hd-space-2) !important;
  width: calc(100% - 2 * var(--hd-space-2)) !important;
  background: transparent !important;
  color: var(--hd-gold) !important;
  border: 1px solid var(--hd-gold) !important;
  border-radius: var(--hd-radius-sm) !important;
  text-align: center;
  padding: 9px !important;
  font-size: 12.5px !important;
  font-weight: 600;
  box-sizing: border-box;
}
.woocommerce ul.products li.product a.added_to_cart.wc-forward:hover {
  background: var(--hd-gold) !important;
  color: var(--hd-black) !important;
}

.woocommerce ul.products li.product .onsale {
  position: absolute;
  top: 10px; left: 10px;
  background: var(--hd-gold);
  color: var(--hd-black);
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 999px;
  min-height: 0; min-width: 0; line-height: normal;
}

/* Sorting / result count bar */
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
  color: var(--hd-text-secondary) !important;
  font-size: 13px;
  max-width: 1400px;
  margin: 0 auto;
  padding: var(--hd-space-2) var(--hd-space-3) 0;
}
.woocommerce .woocommerce-ordering select {
  background: var(--hd-graphite);
  color: var(--hd-text-primary);
  border: var(--hd-border);
  border-radius: var(--hd-radius-sm);
  padding: 6px 10px;
}

/* Pagination */
.woocommerce nav.woocommerce-pagination { text-align: center; padding: var(--hd-space-3) 0 var(--hd-space-5); }
.woocommerce nav.woocommerce-pagination ul { border: none !important; display: inline-flex; gap: 6px; }
.woocommerce nav.woocommerce-pagination ul li { border: none !important; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background: var(--hd-graphite) !important;
  color: var(--hd-text-secondary) !important;
  border-radius: var(--hd-radius-sm) !important;
  min-width: 36px; height: 36px;
  display: flex; align-items: center; justify-content: center;
  border: none !important;
}
.woocommerce nav.woocommerce-pagination ul li .current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--hd-gold) !important;
  color: var(--hd-black) !important;
}

@media (max-width: 640px) {
  .woocommerce ul.products {
    grid-template-columns: 1fr !important;
    gap: var(--hd-space-3) !important;
  }
}