/* =========================================================
   SMB CRACKERS — WooCommerce style overrides
   Reuses the same CSS variables defined in style.css so shop
   pages look identical to the rest of the site.
   ========================================================= */

/* ---------- Shop / category archive ---------- */
.woocommerce ul.products{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
  margin:0 0 40px 0;
  padding:0;
  list-style:none;
}
@media (max-width:960px){ .woocommerce ul.products{ grid-template-columns:1fr 1fr; } }
@media (max-width:620px){ .woocommerce ul.products{ grid-template-columns:1fr; } }

.woocommerce ul.products li.product{
  background:#fff;
  border-radius:var(--radius-md);
  overflow:hidden;
  box-shadow:var(--shadow);
  border:1px solid rgba(212,160,23,.16);
  transition:transform .25s ease, box-shadow .25s ease;
  padding:0 0 18px 0;
  text-align:left;
  position:relative;
}
.woocommerce ul.products li.product:hover{ transform:translateY(-5px); box-shadow:0 18px 34px rgba(42,11,29,.22); }

.woocommerce ul.products li.product a img{
  height:150px;
  width:100%;
  object-fit:cover;
  background:linear-gradient(135deg,var(--cream-2),#fff);
  margin-bottom:14px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:'Baloo 2',sans-serif;
  font-size:1.02rem;
  color:var(--maroon-night);
  padding:0 18px;
  margin-bottom:4px;
}
.woocommerce ul.products li.product .price{
  padding:0 18px;
  font-family:'Baloo 2',sans-serif;
  font-weight:700;
  color:var(--maroon-night);
  font-size:1.05rem;
  display:block;
  margin-bottom:10px;
}
.woocommerce ul.products li.product .price del{
  color:#a98a97;
  font-weight:500;
  font-size:.86rem;
  margin-right:6px;
  opacity:.8;
}
.woocommerce ul.products li.product .price ins{
  text-decoration:none;
  color:var(--magenta);
}
.woocommerce ul.products li.product .button{
  margin:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--maroon-night);
  color:#fff !important;
  padding:8px 18px;
  border-radius:999px;
  font-size:.82rem;
  font-weight:600;
  border:none;
  transition:background .2s ease;
}
.woocommerce ul.products li.product .button:hover{ background:var(--magenta); }
.woocommerce ul.products li.product .product-badge{
  position:absolute; top:10px; left:10px; z-index:2;
  background:var(--magenta); color:#fff;
  font-size:.68rem; font-weight:700; letter-spacing:.04em;
  padding:4px 10px; border-radius:999px;
  text-transform:uppercase;
}
.woocommerce ul.products li.product .star-rating{ display:none; }

/* ---------- Category / shop page banner ---------- */
.woocommerce-products-header,
.page-title{
  font-family:'Baloo 2',sans-serif;
  color:#fff;
  margin:0 0 30px 0;
}
.shop-section .woocommerce-products-header__title.page-title{
  background:linear-gradient(120deg,var(--maroon-night), var(--maroon-night-2));
  color:#fff;
  padding:34px 30px;
  border-radius:var(--radius-lg);
  font-size:clamp(1.5rem,3vw,2.1rem);
}
.woocommerce-breadcrumb{
  font-size:.85rem;
  color:var(--magenta);
  font-weight:600;
  margin-bottom:20px;
  display:inline-block;
}
.woocommerce-breadcrumb a{ color:var(--maroon-night); }

/* ---------- Sorting / result count bar ---------- */
.woocommerce-notices-wrapper{ margin-bottom:16px; }
.woocommerce-result-count,
.woocommerce-ordering{
  font-size:.88rem;
  color:#5b4450;
}
.woocommerce-ordering select{
  border-radius:999px;
  border:2px solid var(--marigold);
  padding:8px 16px;
  font-family:'Poppins',sans-serif;
  font-weight:600;
  background:#fff;
  color:var(--maroon-night);
}

/* ---------- Pagination ---------- */
.woocommerce nav.woocommerce-pagination ul{
  display:flex; gap:8px; border:none;
}
.woocommerce nav.woocommerce-pagination ul li{ border:none; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  border-radius:999px !important;
  border:2px solid var(--marigold) !important;
  color:var(--maroon-night) !important;
  padding:8px 14px;
  font-weight:600;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover{
  background:var(--marigold) !important;
}

/* ---------- Single product page ---------- */
.woocommerce div.product{
  background:#fff;
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow);
  padding:34px;
  border:1px solid rgba(212,160,23,.18);
}
.woocommerce div.product .product_title{
  font-family:'Baloo 2',sans-serif;
  color:var(--maroon-night);
}
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  font-family:'Baloo 2',sans-serif;
  font-size:1.6rem;
  color:var(--magenta);
}
.woocommerce div.product p.price del{ color:#a98a97; font-size:1rem; margin-right:8px; }
.woocommerce div.product .woocommerce-product-gallery{
  border-radius:var(--radius-md);
  overflow:hidden;
  background:linear-gradient(135deg,var(--cream-2),#fff);
}
.woocommerce div.product form.cart .button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button{
  background:linear-gradient(135deg,var(--diya-orange),var(--magenta));
  color:#fff;
  border:none;
  border-radius:999px;
  padding:14px 28px;
  font-weight:600;
  box-shadow:0 10px 24px rgba(224,33,122,.35);
  transition:transform .25s ease, box-shadow .25s ease;
}
.woocommerce div.product form.cart .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 30px rgba(224,33,122,.45);
}
.woocommerce div.product .quantity input.qty{
  border:2px solid var(--marigold);
  border-radius:10px;
  padding:10px 12px;
  width:70px;
  font-family:'Poppins',sans-serif;
  font-weight:600;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  border-radius:999px 999px 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
  background:var(--cream-2);
}

/* ---------- Product categories on the Products page ---------- */
.product-cat-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin-bottom:50px;
}
@media (max-width:960px){ .product-cat-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:620px){ .product-cat-grid{ grid-template-columns:1fr; } }
.product-cat-card{
  background:#fff;
  border-radius:var(--radius-md);
  padding:22px 18px;
  text-align:center;
  box-shadow:var(--shadow);
  border:1px solid rgba(212,160,23,.16);
  transition:transform .2s ease;
}
.product-cat-card:hover{ transform:translateY(-4px); }
.product-cat-card .cat-icon{ font-size:2.2rem; margin-bottom:10px; }
.product-cat-card h4{ font-size:.98rem; margin-bottom:4px; }
.product-cat-card .count{ font-size:.78rem; color:#7a6270; }

/* ---------- Cart & checkout ---------- */
.woocommerce table.shop_table{
  border-radius:var(--radius-md);
  overflow:hidden;
  border:1px solid rgba(212,160,23,.2);
}
.woocommerce table.shop_table th{
  background:var(--cream-2);
  font-family:'Baloo 2',sans-serif;
  color:var(--maroon-night);
}
.woocommerce-checkout #payment,
.woocommerce-cart-form,
.cart-collaterals .cart_totals{
  background:#fff;
  border-radius:var(--radius-md);
  padding:20px;
  box-shadow:var(--shadow);
}
.woocommerce-checkout #payment ul.payment_methods,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select{
  border-radius:10px;
  border:2px solid rgba(212,160,23,.4);
}

/* ---------- Product page emoji fallback icon (used until real photos are added) ---------- */
.woocommerce ul.products li.product .icon-fallback{
  height:150px;
  display:flex; align-items:center; justify-content:center;
  font-size:3.2rem;
  background:linear-gradient(135deg,var(--cream-2),#fff);
  margin-bottom:14px;
}