/* ============================================================
   Hoivio Theme — WooCommerce Stylesheet
   Version: 1.0.0
   ============================================================ */

/* ── Notices ───────────────────────────────────────────── */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-top: 4px solid var(--hoivio-blue);
  background: var(--hoivio-blue-light);
  padding: 1rem 1.5rem;
  border-radius: var(--radius-sm);
  font-size: 1rem;
  margin-bottom: 1.5rem;
}
.woocommerce-error { border-top-color: #dc2626; background: #fef2f2; }

/* ── Breadcrumb ────────────────────────────────────────── */
.woocommerce-breadcrumb {
  font-size: 0.9rem;
  color: var(--hoivio-mid-gray);
  margin-bottom: 1.5rem;
}
.woocommerce-breadcrumb a { color: var(--hoivio-blue); }

/* ── Shop page header ──────────────────────────────────── */
.woocommerce-products-header { margin-bottom: 2rem; }
.woocommerce-result-count { font-size: 0.95rem; color: var(--hoivio-mid-gray); }

/* ── Product category badges ───────────────────────────── */
.woocommerce ul.products li.product .woocommerce-loop-category__title {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--hoivio-blue);
}

/* ── Product image placeholder ─────────────────────────── */
.woocommerce ul.products li.product a img,
.woocommerce div.product div.images img {
  border-radius: var(--radius-sm);
  object-fit: contain;
  background: var(--hoivio-off-white);
}

/* ── Product tabs ──────────────────────────────────────── */
.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0;
  border-bottom: 2px solid var(--hoivio-light-gray);
  margin-bottom: 1.5rem;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: none;
  background: none;
  margin-right: 0.25rem;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-size: 1rem;
  font-weight: 600;
  color: var(--hoivio-dark-gray);
  padding: 0.6rem 1.25rem;
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
  background: var(--hoivio-light-gray);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  background: var(--hoivio-blue);
  color: var(--hoivio-white);
}

/* ── Cart table ────────────────────────────────────────── */
.woocommerce-cart table.cart {
  border-collapse: collapse;
  width: 100%;
}
.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th {
  border-bottom: 1px solid var(--hoivio-light-gray);
}
.woocommerce-cart table.cart .product-name a {
  font-weight: 600;
  color: var(--hoivio-blue);
}
.woocommerce-cart table.cart .product-price,
.woocommerce-cart table.cart .product-subtotal {
  font-weight: 700;
  color: var(--hoivio-orange);
}

/* ── Cart totals ───────────────────────────────────────── */
.cart_totals {
  background: var(--hoivio-off-white);
  border-radius: var(--radius-md);
  padding: 1.5rem;
}
.cart_totals h2 {
  font-size: 1.3rem;
  margin-bottom: 1rem;
}
.cart_totals table { width: 100%; }
.cart_totals table th,
.cart_totals table td {
  padding: 0.6rem 0;
  border-bottom: 1px solid var(--hoivio-light-gray);
}
.cart_totals .order-total th,
.cart_totals .order-total td {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--hoivio-blue);
  border-bottom: none;
}

/* ── Checkout ──────────────────────────────────────────── */
.woocommerce-checkout #customer_details h3,
.woocommerce-checkout #order_review_heading {
  font-size: 1.3rem;
  color: var(--hoivio-blue);
  border-bottom: 2px solid var(--hoivio-light-gray);
  padding-bottom: 0.5rem;
  margin-bottom: 1.25rem;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table {
  background: var(--hoivio-off-white);
  border-radius: var(--radius-md);
  padding: 1.25rem;
}

/* ── My Account ────────────────────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: var(--hoivio-blue-light);
  border-radius: var(--radius-md);
  padding: 1rem;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 0.6rem 1rem;
  font-weight: 600;
  color: var(--hoivio-dark-gray);
  border-radius: var(--radius-sm);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  background: var(--hoivio-blue);
  color: var(--hoivio-white);
}

/* ── Responsive WC ─────────────────────────────────────── */
@media (max-width: 768px) {
  .woocommerce div.product div.images { margin-bottom: 1.5rem; }
  .woocommerce-cart table.cart .product-thumbnail { display: none; }
  .woocommerce-account .woocommerce-MyAccount-navigation { margin-bottom: 1.5rem; }
}