/* ============================================================
   WooCommerce Shop & Product Pages — Triggered Apparel v2
   ============================================================ */

/* --- Layout wrapper --- */
.ta-woo-main {
  background: var(--ta-black);
  color: var(--ta-white);
  min-height: 60vh;
}

.ta-woo-content {
  padding: clamp(48px, 6vw, 80px) clamp(24px, 6vw, 80px);
  max-width: 1400px;
  margin: 0 auto;
}

/* --- Archive title --- */
.woocommerce-products-header__title,
.woocommerce-page h1.page-title {
  font-family: var(--ta-font-head) !important;
  font-size: clamp(36px, 5vw, 64px) !important;
  text-transform: uppercase !important;
  color: var(--ta-white) !important;
  letter-spacing: 0.02em !important;
  margin-bottom: 32px !important;
}

/* --- Product grid --- */
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce ul.products li.product {
  background: var(--ta-darkgray) !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  overflow: hidden !important;
  transition: transform 0.4s var(--ease-out) !important;
}

.woocommerce ul.products li.product:hover {
  transform: translateY(-6px) !important;
  z-index: 2 !important;
}

.woocommerce ul.products li.product a img {
  width: 100% !important;
  height: 320px !important;
  object-fit: cover !important;
  transition: transform 0.6s var(--ease-out) !important;
  margin: 0 !important;
}

.woocommerce ul.products li.product:hover a img {
  transform: scale(1.05) !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--ta-font-head) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  color: var(--ta-white) !important;
  letter-spacing: 0.04em !important;
  padding: 14px 16px 4px !important;
  background: var(--ta-darkgray) !important;
}

.woocommerce ul.products li.product .price {
  color: var(--ta-white) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 0 16px 10px !important;
  background: var(--ta-darkgray) !important;
  display: block !important;
}

.woocommerce ul.products li.product .price del {
  color: var(--ta-gray) !important;
}

/* --- Single product --- */
.woocommerce div.product {
  color: var(--ta-white) !important;
}

.woocommerce div.product .product_title {
  font-family: var(--ta-font-head) !important;
  font-size: clamp(32px, 4vw, 52px) !important;
  text-transform: uppercase !important;
  color: var(--ta-white) !important;
  letter-spacing: 0.02em !important;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--ta-white) !important;
  font-size: 22px !important;
  font-weight: 500 !important;
}

.woocommerce div.product .woocommerce-product-details__short-description {
  color: var(--ta-gray) !important;
  line-height: 1.75 !important;
}

/* --- All buttons --- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt,
.woocommerce .button.single_add_to_cart_button {
  background: var(--ta-red) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: var(--ta-font-body) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  padding: 14px 28px !important;
  cursor: none !important;
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  background: #9a1436 !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(179,25,66,0.3) !important;
}

/* --- Forms (cart, checkout) --- */
.woocommerce-cart,
.woocommerce-checkout {
  color: var(--ta-white) !important;
}

.woocommerce form .form-row label {
  color: var(--ta-gray) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  background: var(--ta-darkgray) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: var(--ta-white) !important;
  border-radius: 0 !important;
  padding: 12px 14px !important;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
  border-color: var(--ta-red) !important;
  outline: none !important;
  box-shadow: 0 0 0 1px var(--ta-red) !important;
}

/* --- Cart table --- */
.woocommerce table.cart {
  background: var(--ta-darkgray) !important;
  border: none !important;
}

.woocommerce table.cart td,
.woocommerce table.cart th {
  color: var(--ta-white) !important;
  border-color: rgba(255,255,255,0.06) !important;
}

/* --- Notices --- */
.woocommerce-message,
.woocommerce-info {
  background: var(--ta-darkgray) !important;
  color: var(--ta-white) !important;
  border-top-color: var(--ta-red) !important;
}

/* --- Order review totals --- */
.woocommerce-checkout-review-order-table {
  background: var(--ta-darkgray) !important;
}

.woocommerce .order-total .amount {
  color: var(--ta-red) !important;
}

/* --- Star ratings --- */
.woocommerce .star-rating span::before { color: var(--ta-red) !important; }
.woocommerce .star-rating::before { color: rgba(255,255,255,0.15) !important; }

/* --- Tabs on single product --- */
.woocommerce div.product .woocommerce-tabs .tabs li a {
  color: var(--ta-gray) !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}

.woocommerce div.product .woocommerce-tabs .tabs li.active a {
  color: var(--ta-white) !important;
  background: var(--ta-darkgray) !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
  background: var(--ta-darkgray) !important;
  color: var(--ta-gray) !important;
  padding: 24px !important;
}