/*
 * HHC Astra Configurator — WooCommerce Stylesheet
 * Scoped to .hhc-configured body class
 * ============================================================
 */

/* ── Shop layout ────────────────────────────────────────────────────────────── */
.hhc-configured.hhc-woo-shop .site-main,
.hhc-configured.hhc-woo-cat .site-main {
  background: var(--hhc-bg);
  color: var(--hhc-text);
}

/* Inner wrapper */
.hhc-configured .woocommerce,
.hhc-configured .woocommerce-page {
  max-width: 900px;
  margin: 0 auto;
  padding: 18px 20px;
}

/* ── Shop top bar ───────────────────────────────────────────────────────────── */
.hhc-configured .woocommerce-products-header__title,
.hhc-configured h1.woocommerce-products-header__title {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
.hhc-configured .woocommerce-result-count {
  font-size: 8px;
  color: var(--hhc-muted);
}
.hhc-configured .woocommerce-ordering select {
  background: var(--hhc-surface);
  border: 1px solid var(--hhc-border-cyan);
  color: var(--hhc-subtle);
  border-radius: 5px;
  padding: 5px 8px;
  font-size: 9px;
}

/* ── Product grid ───────────────────────────────────────────────────────────── */
.hhc-configured ul.products {
  display: grid;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 9px !important;
  list-style: none;
  padding: 0;
  margin: 0;
}
.hhc-configured ul.products li.product {
  background: var(--hhc-surface);
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--hhc-border-cyan);
  transition: transform 0.2s, border-color 0.2s;
  margin: 0;
  padding: 0;
}
.hhc-configured ul.products li.product:hover {
  transform: translateY(-4px);
  border-color: var(--hhc-cyan);
}

/* Product image */
.hhc-configured ul.products li.product .woocommerce-loop-product__link img,
.hhc-configured ul.products li.product img {
  width: 100%;
  height: 110px;
  object-fit: cover;
  display: block;
}

/* Product category label */
.hhc-configured ul.products li.product .ast-woo-product-category {
  font-size: 7px;
  color: var(--hhc-cyan);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 6px 9px 0;
  display: block;
}

/* Product title */
.hhc-configured ul.products li.product .woocommerce-loop-product__title {
  font-size: 10px;
  font-weight: 600;
  color: #fff;
  padding: 4px 9px;
  line-height: 1.3;
}

/* Price */
.hhc-configured ul.products li.product .price {
  font-size: 11px;
  font-weight: 700;
  color: var(--hhc-gold);
  padding: 0 9px 4px;
  display: block;
}
.hhc-configured ul.products li.product .price ins {
  text-decoration: none;
}
.hhc-configured ul.products li.product .price del {
  color: rgba(255,255,255,0.3);
  font-size: 9px;
}
.hhc-configured .woocommerce-Price-amount,
.hhc-configured .woocommerce-Price-amount bdi {
  color: var(--hhc-gold) !important;
}

/* Sale badge */
.hhc-configured ul.products li.product .onsale {
  background: var(--hhc-purple) !important;
  color: #fff !important;
  font-size: 6px !important;
  font-weight: 700 !important;
  border-radius: 3px !important;
  padding: 2px 5px !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  top: 6px !important;
  left: 6px !important;
  min-height: unset !important;
  min-width: unset !important;
  line-height: 1.4 !important;
}

/* Add to cart button */
.hhc-configured ul.products li.product .button,
.hhc-configured ul.products li.product a.button {
  display: block !important;
  width: 100% !important;
  padding: 8px !important;
  background: var(--hhc-cyan) !important;
  color: var(--hhc-bg) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  text-align: center !important;
  transition: background 0.2s !important;
  text-decoration: none !important;
  margin-top: 4px !important;
  box-shadow: none !important;
}
.hhc-configured ul.products li.product .button:hover,
.hhc-configured ul.products li.product a.button:hover {
  background: var(--hhc-gold) !important;
  color: var(--hhc-bg) !important;
}

/* ── Pagination ─────────────────────────────────────────────────────────────── */
.hhc-configured .woocommerce-pagination ul {
  display: flex;
  gap: 4px;
  justify-content: center;
  margin-top: 14px;
  list-style: none;
  padding: 0;
}
.hhc-configured .woocommerce-pagination ul li a,
.hhc-configured .woocommerce-pagination ul li span {
  padding: 4px 9px;
  border-radius: 4px;
  background: var(--hhc-surface);
  border: 1px solid var(--hhc-border-cyan);
  color: var(--hhc-muted);
  font-size: 9px;
  text-decoration: none;
  display: block;
}
.hhc-configured .woocommerce-pagination ul li span.current,
.hhc-configured .woocommerce-pagination ul li a:hover {
  background: var(--hhc-cyan);
  border-color: var(--hhc-cyan);
  color: var(--hhc-bg);
}

/* ── Single product ─────────────────────────────────────────────────────────── */
.hhc-configured .single-product div.product {
  background: var(--hhc-bg);
  color: #fff;
}
.hhc-configured .single-product .product_title {
  font-size: 22px;
  color: #fff;
}
.hhc-configured .single-product .price {
  color: var(--hhc-gold) !important;
  font-size: 22px !important;
}
.hhc-configured .single-product .woocommerce-product-rating .star-rating span::before {
  color: var(--hhc-gold);
}
.hhc-configured .single-product .woocommerce-product-details__short-description {
  color: var(--hhc-muted);
  font-size: 13px;
  line-height: 1.7;
}

/* Product tabs */
.hhc-configured .woocommerce-tabs ul.tabs {
  border-bottom: 1px solid var(--hhc-border-cyan);
  padding: 0;
  margin: 0;
  background: transparent;
}
.hhc-configured .woocommerce-tabs ul.tabs li {
  background: transparent;
  border: none;
  border-radius: 0;
  margin: 0;
}
.hhc-configured .woocommerce-tabs ul.tabs li a {
  color: var(--hhc-muted);
  font-size: 9px;
  padding: 8px 13px;
  border-bottom: 2px solid transparent;
}
.hhc-configured .woocommerce-tabs ul.tabs li.active a,
.hhc-configured .woocommerce-tabs ul.tabs li a:hover {
  color: var(--hhc-cyan);
  border-bottom-color: var(--hhc-cyan);
  background: transparent;
}
.hhc-configured .woocommerce-tabs .panel {
  background: transparent;
  color: rgba(255,255,255,0.65);
  font-size: 13px;
  line-height: 1.75;
  padding: 14px 0;
}

/* Single product ATC button */
.hhc-configured .single_add_to_cart_button.button {
  background: var(--hhc-cyan) !important;
  color: var(--hhc-bg) !important;
  border: none !important;
  border-radius: 6px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 12px 24px !important;
}
.hhc-configured .single_add_to_cart_button.button:hover {
  background: var(--hhc-gold) !important;
}

/* ── Cart & Checkout ────────────────────────────────────────────────────────── */
.hhc-configured.hhc-woo-cart .site-main,
.hhc-configured.hhc-woo-checkout .site-main {
  background: var(--hhc-bg);
}
.hhc-configured .woocommerce-cart-form table,
.hhc-configured .shop_table {
  background: var(--hhc-surface);
  border: 1px solid var(--hhc-border-cyan);
  border-radius: 10px;
  overflow: hidden;
}
.hhc-configured .shop_table th {
  background: var(--hhc-soft);
  color: var(--hhc-cyan);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 10px 12px;
  border: none;
}
.hhc-configured .shop_table td {
  color: #fff;
  border-color: var(--hhc-border-cyan);
  padding: 10px 12px;
}
.hhc-configured .cart-collaterals,
.hhc-configured .cart_totals {
  background: var(--hhc-surface);
  border: 1px solid var(--hhc-border-cyan);
  border-radius: 10px;
  padding: 14px;
}
.hhc-configured .cart_totals h2,
.hhc-configured .cart-collaterals h2 {
  font-size: 14px;
  color: #fff;
}
.hhc-configured .checkout-button,
.hhc-configured a.checkout-button {
  background: var(--hhc-cyan) !important;
  color: var(--hhc-bg) !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* ── My Account ─────────────────────────────────────────────────────────────── */
.hhc-configured.hhc-woo-account .site-main {
  background: var(--hhc-bg);
}
.hhc-configured .woocommerce-account .woocommerce-MyAccount-navigation {
  background: var(--hhc-surface);
  border-radius: 10px;
  padding: 14px;
  border: 1px solid var(--hhc-border-cyan);
}
.hhc-configured .woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.hhc-configured .woocommerce-account .woocommerce-MyAccount-navigation a {
  color: rgba(255,255,255,0.5);
  font-size: 10px;
  padding: 7px 9px;
  border-radius: 6px;
  display: block;
  text-decoration: none;
}
.hhc-configured .woocommerce-account .woocommerce-MyAccount-navigation a:hover,
.hhc-configured .woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
  color: #fff;
  background: rgba(5,242,242,0.07);
}

/* ── Responsive: 2-col on mobile ──────────────────────────────────────────── */
@media (max-width: 680px) {
  .hhc-configured ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 380px) {
  .hhc-configured ul.products {
    grid-template-columns: 1fr !important;
  }
}