/*
Theme Name: Barangari Lab
Theme URI: https://shawnlab.org
Author: Barangari
Description: Custom storefront matching previous static design, with WooCommerce.
Version: 1.0.0
Text Domain: barangari-lab
*/

@import url("assets/css/style.css");

/* WooCommerce integration into static design */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: 12px;
  border: 1px solid var(--line);
  background: var(--cream);
  padding: 1rem 1.25rem;
}
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.woocommerce ul.products li.product {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
  background: var(--cream);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  padding: 0 0 1rem;
  transition: box-shadow .2s, transform .2s;
}
.woocommerce ul.products li.product:hover {
  box-shadow: var(--shadow);
  transform: translateY(-2px);
}
.woocommerce ul.products li.product a img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  margin: 0;
  border-radius: 0;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 1rem !important;
  font-weight: 650;
  padding: 0.75rem 1rem 0.25rem;
  margin: 0;
  color: var(--ink);
}
.woocommerce ul.products li.product .price {
  display: block;
  padding: 0 1rem;
  color: var(--ink) !important;
  font-weight: 700;
  font-size: 1.05rem;
}
.woocommerce ul.products li.product .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  margin: 0.75rem 1rem 0 !important;
  border-radius: 999px !important;
  background: var(--ink) !important;
  color: #fff !important;
  border: 2px solid var(--ink) !important;
  font-weight: 600 !important;
  padding: 0.65rem 1.1rem !important;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
}
.woocommerce div.product div.images img {
  border-radius: 12px;
  border: 1px solid var(--line);
}
.woocommerce div.product .product_title {
  font-family: var(--font-display);
  font-weight: 800;
}
.woocommerce-cart table.cart,
.woocommerce-checkout #order_review,
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
  background: var(--cream);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 1rem;
}
.woocommerce-cart .cart-collaterals .cart_totals {
  background: var(--cream);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 1.25rem;
}
.site-content, #content, .content-area, .site-main {
  background: transparent !important;
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}
#secondary, .widget-area { display: none !important; }
.storefront-breadcrumb { display: none; }
.site-header.static-header { margin-bottom: 0; }
.page-hero-woo {
  background: linear-gradient(135deg, #1c1917, #44403c);
  color: #fff;
  padding: 2.5rem 0;
  margin-bottom: 2rem;
}
.page-hero-woo h1 { color: #fff; margin: 0; }
.woocommerce-products-header { display: none; }
.entry-header { display: none; }
body.home .entry-header { display: none; }