/*
 * Akokowaa WooCommerce styling for the Nature21 Akokowaa derivative.
 *
 * Enqueued only on shop/product/cart/checkout/account views -- see
 * nature21_akokowaa_woocommerce_styles() in includes/woocommerce.php.
 *
 * Two selector families are styled deliberately:
 *
 *  1. Classic ".woocommerce" selectors -- templates/archive-product.html and
 *     templates/single-product.html render through the woocommerce/legacy-
 *     template block, which outputs the same classic markup SKT Luxury's
 *     woocommerce.php produced. This section is the direct port of that
 *     theme's WooCommerce CSS, re-themed from its amber palette to
 *     Akokowaa's ink/brown.
 *
 *  2. WooCommerce Blocks selectors (".wc-block-...", ".wp-block-woocommerce-
 *     ...") -- the Mini-Cart in the header, and the Cart/Checkout pages
 *     (which hold the Cart block / Checkout block WooCommerce places on
 *     activation) are genuine blocks, not legacy-template output, so they
 *     need their own selectors. SKT Luxury has no equivalent for this half
 *     -- it predates WooCommerce Blocks -- so there was nothing to port here.
 *
 * Palette source: BRAND GUIDE - AKOKOWAA.pdf p9. Contrast-checked the same
 * way as astra-additional.css in the Astra child theme build.
 */

:root {
  --akw-ink:       #1A1A1A;
  --akw-brown:     #863C1E;
  --akw-brown-600: #76371D;
  --akw-brown-300: #BC9483;
  --akw-ink-700:   #3F3F3F;
  --akw-ink-600:   #686868;
  --akw-ink-300:   #D6D6D6;
  --akw-ink-200:   #E8E8E8;
  --akw-ink-050:   #F9F9F9;
  --akw-white:     #FFFFFF;
  --akw-success:   #2E6B4F;
  --akw-error:     #A3271B;
  --akw-info:      #2A4E63;
}

/* ============================================================
   1. CLASSIC TEMPLATES (archive-product, single-product)
   ============================================================ */

.woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 760px) {
  .woocommerce ul.products { grid-template-columns: 1fr; }
}
.woocommerce ul.products li.product {
  margin: 0;
  background: var(--akw-white);
  border: 1px solid var(--akw-ink-200);
  border-radius: 6px;
  overflow: hidden;
  transition: box-shadow .25s ease, transform .25s ease;
}
.woocommerce ul.products li.product:hover {
  box-shadow: 0 20px 40px -20px rgba(26,26,26,.25);
  transform: translateY(-3px);
}
.woocommerce ul.products li.product img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  padding: 1.1rem 1.1rem 0;
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--akw-ink);
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
  display: block;
  padding: .4rem 1.1rem 1.1rem;
  color: var(--akw-ink-700) !important;
  font-weight: 500;
  font-size: 1.0625rem;
}
.woocommerce ul.products li.product .price del { color: var(--akw-ink-600); opacity: .7; }
.woocommerce ul.products li.product .price ins { color: var(--akw-brown); text-decoration: none; }

/* Single product */
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
  margin-top: .75rem;
}
.woocommerce div.product .product_title {
  font-weight: 500;
  color: var(--akw-ink);
  letter-spacing: -.01em;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--akw-brown);
  font-size: 1.5rem;
  font-weight: 500;
}
.woocommerce div.product .woocommerce-product-details__short-description {
  color: var(--akw-ink-700);
  line-height: 1.7;
}

/* Add to cart + quantity */
.woocommerce .quantity .qty {
  height: 48px;
  border: 1px solid var(--akw-ink-300);
  border-radius: 4px;
  text-align: center;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce button.single_add_to_cart_button {
  background: var(--akw-brown);
  color: var(--akw-white);
  border: 0;
  border-radius: 999px;
  padding: .9rem 2rem;
  font-weight: 500;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .8125rem;
  transition: background-color .2s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce button.single_add_to_cart_button:hover {
  background: var(--akw-brown-600);
  color: var(--akw-white);
}
.woocommerce button.button.alt {
  background: var(--akw-brown);
  color: var(--akw-white);
}

/* Tabs (description / specs / reviews) */
.woocommerce-tabs ul.tabs li {
  font-weight: 500;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .8125rem;
}
.woocommerce-tabs ul.tabs li.active { color: var(--akw-brown); }
.woocommerce-Tabs-panel table.shop_attributes th {
  width: 32%;
  color: var(--akw-ink-600);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .75rem;
}
.woocommerce-Tabs-panel table.shop_attributes td { color: var(--akw-ink); }

/* Forms (review form, my-account) */
.woocommerce input[type=text],
.woocommerce input[type=email],
.woocommerce input[type=tel],
.woocommerce input[type=password],
.woocommerce textarea,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  border: 1px solid var(--akw-ink-300);
  border-radius: 4px;
  padding: .75rem 1rem;
  background: var(--akw-ink-050);
}
.woocommerce input[type=text]:focus,
.woocommerce input[type=email]:focus,
.woocommerce textarea:focus {
  border-color: var(--akw-brown);
  outline: 2px solid var(--akw-brown-300);
  outline-offset: 1px;
}

/* Notices */
.woocommerce-message { border-top-color: var(--akw-success); }
.woocommerce-error   { border-top-color: var(--akw-error); }
.woocommerce-info    { border-top-color: var(--akw-info); }

/* Order tables (my-account, classic cart fallback) */
.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th {
  background: var(--akw-ink-050);
  color: var(--akw-ink-600);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .75rem;
  font-weight: 500;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td { border-color: var(--akw-ink-200); }

.wc-forward {
  color: var(--akw-brown);
  font-weight: 500;
}
.wc-forward:hover { color: var(--akw-brown-600); }

/* ============================================================
   2. WOOCOMMERCE BLOCKS (Mini-Cart, Cart page, Checkout page)
   ============================================================ */

/* Mini-Cart trigger in the header */
.wc-block-mini-cart {
  --wc-mini-cart-icon-color: var(--akw-ink);
}
.wc-block-mini-cart__button {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.wc-block-mini-cart__badge {
  background: var(--akw-brown) !important;
  color: var(--akw-white) !important;
  font-weight: 600;
}
.wc-block-mini-cart__drawer .wc-block-mini-cart__title {
  font-weight: 500;
  letter-spacing: -.01em;
}
.wc-block-mini-cart-item__product-name { color: var(--akw-ink); }
.wc-block-components-product-price { color: var(--akw-ink-700); }
.wc-block-mini-cart__footer-cart .wp-element-button,
.wc-block-mini-cart__footer-checkout .wp-element-button {
  background: var(--akw-brown);
  border-radius: 999px;
}
.wc-block-mini-cart__footer-cart .wp-element-button:hover,
.wc-block-mini-cart__footer-checkout .wp-element-button:hover {
  background: var(--akw-brown-600);
}

/* Cart and Checkout blocks */
.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout {
  --wc-blocks-cart-checkout-color: var(--akw-ink);
}
.wc-block-components-product-name { color: var(--akw-ink); font-weight: 500; }
.wc-block-components-totals-item__value { color: var(--akw-ink); }
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-container .wp-element-button {
  background: var(--akw-brown) !important;
  border-radius: 999px !important;
  font-weight: 500;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .8125rem;
}
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover {
  background: var(--akw-brown-600) !important;
}
.wc-block-components-radio-control__input:checked {
  border-color: var(--akw-brown);
  background: var(--akw-brown);
}
.wc-block-components-totals-wrapper { border-color: var(--akw-ink-200); }

/* Header icon links -- search / account, added in
   includes/patterns/nature21-header.php */
.akw-icon-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  color: var(--akw-ink);
  text-decoration: none;
  transition: color .2s ease;
}
.akw-icon-link:hover { color: var(--akw-brown); }
.akw-icon-link .dashicons { font-size: 20px; width: 20px; height: 20px; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .woocommerce ul.products li.product,
  .akw-icon-link,
  .woocommerce a.button {
    transition-duration: .01ms !important;
  }
}