/* The Pink Store — WooCommerce restyle.
   Retunes Woo's default markup (shop / product / cart / checkout) to the pink
   design system. The product cards use our .card markup (content-product.php);
   the rest is styled here onto Woo's native structure. */

/* ── Product grids (shop, home shortcode, related) ───────────────────────── */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.2rem 2rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  width: auto !important;
  margin: 0 !important;
  float: none !important;
  clear: none !important;
}
.woocommerce ul.products li.product::before { display: none; }
.woocommerce ul.products li.product .card-link { display: block; }

@media (max-width: 900px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem 1.2rem;
  }
}

/* ── Toolbar: result count + ordering ────────────────────────────────────── */
.woocommerce .woocommerce-result-count {
  font-size: 0.8rem;
  color: var(--soft);
  margin: 0 0 1.5rem;
}
.woocommerce .woocommerce-ordering select {
  appearance: none;
  font-family: var(--body);
  font-size: 0.74rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ink);
  background: var(--paper-2);
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 0.55rem 1.1rem;
  cursor: pointer;
}

/* ── Buttons → ink pills (matches .btn-primary / .add-to-bag) ─────────────── */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce .single_add_to_cart_button,
.woocommerce #place_order,
.wc-block-components-button {
  background: var(--ink) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 0.95rem 2rem !important;
  font-family: var(--body) !important;
  font-size: 0.74rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  cursor: pointer;
  transition: opacity var(--dur-fast, 0.3s) ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce #place_order:hover,
.wc-block-components-button:hover {
  opacity: 0.85;
  background: var(--ink) !important;
  color: #fff !important;
}

/* Prices */
.woocommerce .price,
.woocommerce span.woocommerce-Price-amount {
  color: var(--ink);
}
.woocommerce ul.products li.product .price {
  font-size: 0.85rem;
  color: var(--soft);
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-family: var(--display);
  font-size: 1.6rem;
  color: var(--ink);
}
.woocommerce del { color: var(--soft); opacity: 0.7; }
.woocommerce ins { text-decoration: none; }

/* ── Single product ──────────────────────────────────────────────────────── */
.woocommerce div.product {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4.5rem;
  align-items: start;
  max-width: var(--shell, 1320px);
  margin: 0 auto;
  padding: 2.5rem 0 4rem;
}
.woocommerce div.product .woocommerce-product-gallery {
  width: 100% !important;
  margin: 0 !important;
}
.woocommerce div.product .woocommerce-product-gallery__image img {
  border-radius: 6px;
}
.woocommerce div.product .summary {
  margin: 0 !important;
  width: auto !important;
  float: none !important;
}
.woocommerce div.product .product_title {
  font-family: var(--display);
  font-weight: 300;
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1.08;
  margin-bottom: 1rem;
}
.woocommerce div.product .woocommerce-product-rating { margin-bottom: 1.4rem; }
.woocommerce .star-rating span::before,
.woocommerce p.stars a::before { color: var(--pink); }
.woocommerce div.product .woocommerce-product-details__short-description {
  color: var(--soft);
  line-height: 1.75;
  margin-bottom: 1.6rem;
}
.woocommerce div.product form.cart { margin-bottom: 1.6rem; }
.woocommerce .quantity .qty {
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--paper);
  color: var(--ink);
  padding: 0.7rem 0.5rem;
  width: 4.5rem;
  text-align: center;
}
.woocommerce div.product form.cart .button { width: auto; }
.woocommerce div.product .product_meta { font-size: 0.8rem; color: var(--soft); margin-top: 1.4rem; }

/* Variation selects */
.woocommerce div.product form.cart .variations select {
  font-family: var(--body);
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--paper);
  padding: 0.6rem 1rem;
  color: var(--ink);
}

/* Tabs → soft accordion-ish */
.woocommerce-tabs ul.tabs {
  border: none !important;
  padding: 0 !important;
  margin: 2.5rem 0 0 !important;
}
.woocommerce-tabs ul.tabs::before { border-color: var(--line) !important; }
.woocommerce-tabs ul.tabs li {
  background: none !important;
  border: none !important;
  border-radius: 999px !important;
  margin-right: 0.6rem !important;
}
.woocommerce-tabs ul.tabs li.active {
  background: var(--blush-tint) !important;
}
.woocommerce-tabs ul.tabs li a {
  font-family: var(--display) !important;
  font-size: 1rem !important;
  color: var(--ink) !important;
}
.woocommerce-tabs ul.tabs li::before,
.woocommerce-tabs ul.tabs li::after { display: none !important; }
.woocommerce-Tabs-panel h2 { font-family: var(--display); font-weight: 400; }
.woocommerce-Tabs-panel { color: var(--soft); line-height: 1.8; }

@media (max-width: 900px) {
  .woocommerce div.product {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}

/* ── Forms (cart, checkout) ──────────────────────────────────────────────── */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-cart-form input,
.select2-container .select2-selection {
  font-family: var(--body) !important;
  font-size: 0.95rem !important;
  color: var(--ink) !important;
  background: var(--paper) !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  padding: 0.7rem 1rem !important;
}
.woocommerce form .form-row label { color: var(--soft); font-size: 0.8rem; }

/* ── Cart ────────────────────────────────────────────────────────────────── */
.woocommerce table.shop_table {
  border: 1px solid var(--line);
  border-radius: 16px;
  border-collapse: separate;
  overflow: hidden;
}
.woocommerce table.shop_table th { font-family: var(--display); font-weight: 400; color: var(--ink); }
.woocommerce table.shop_table td { border-top: 1px solid var(--line); color: var(--ink); }
.woocommerce a.remove { color: var(--pink) !important; border-color: var(--line); }
.woocommerce .cart_totals h2 { font-family: var(--display); font-weight: 400; }
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce .wc-proceed-to-checkout {
  background: var(--blush-tint);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 1.6rem;
}

/* ── Checkout ────────────────────────────────────────────────────────────── */
.woocommerce-checkout h3 { font-family: var(--display); font-weight: 400; }
.woocommerce-checkout #order_review,
.woocommerce-checkout-review-order {
  background: var(--blush-tint);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 1.6rem;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
  background: transparent;
}

/* ── Notices / breadcrumb / pagination ───────────────────────────────────── */
.woocommerce-message,
.woocommerce-info {
  border-top-color: var(--pink) !important;
  background: var(--blush-tint) !important;
  color: var(--ink) !important;
}
.woocommerce-message::before,
.woocommerce-info::before { color: var(--pink) !important; }
.woocommerce-error {
  border-top-color: var(--pink) !important;
  background: var(--blush) !important;
  color: var(--ink) !important;
}
.woocommerce .woocommerce-breadcrumb { color: var(--soft); font-size: 0.78rem; letter-spacing: 0.06em; }
.woocommerce nav.woocommerce-pagination ul { border: none; }
.woocommerce nav.woocommerce-pagination ul li {
  border: none;
  margin: 0 0.2rem;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  border-radius: 999px;
  color: var(--ink);
  background: none;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--pink);
  color: #fff;
}