/* =========================================================================
   Watchdog Tactical — WooCommerce restyle (black + gold)
   Restyles WooCommerce's default markup to match the theme. Loaded only on
   store pages. Uses the locked brand tokens.
   ink #0B0B0B · elevated #161616 · floating #1F1F1F · gold #F2C014 ·
   gold-hover #FFD449 · muted #B8B5CC · text #fff
   ========================================================================= */

:root {
  --wdt-ink: #0B0B0B;
  --wdt-elevated: #161616;
  --wdt-floating: #1F1F1F;
  --wdt-gold: #F2C014;
  --wdt-gold-hover: #FFD449;
  --wdt-muted: #B8B5CC;
}

.woocommerce, .woocommerce-page { color: #fff; }
.woocommerce a:not(.button):not(.wp-block-button__link) { color: #fff; }
.woocommerce a:not(.button):hover { color: var(--wdt-gold); }

/* ---- Page title / headings ---- */
.woocommerce .page-title,
.woocommerce-products-header__title,
.woocommerce h1, .woocommerce h2, .woocommerce h3 {
  font-weight: 700;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #fff;
}

/* ---- Breadcrumb ---- */
.woocommerce .woocommerce-breadcrumb {
  font-family: 'Roboto Mono', ui-monospace, monospace;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--wdt-muted);
  margin-bottom: 2rem;
}
.woocommerce .woocommerce-breadcrumb a { color: var(--wdt-muted); }
.woocommerce .woocommerce-breadcrumb a:hover { color: var(--wdt-gold); }

/* ---- Result count + ordering ---- */
.woocommerce .woocommerce-result-count { color: var(--wdt-muted); font-size: 0.85rem; }
.woocommerce .woocommerce-ordering select,
.woocommerce select,
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="password"],
.woocommerce input[type="number"],
.woocommerce input[type="search"],
.woocommerce textarea,
.select2-container .select2-selection {
  background: var(--wdt-elevated);
  border: 1px solid rgba(255,255,255,0.12);
  color: #fff;
  border-radius: 0;
  padding: 0.7rem 0.9rem;
}
.woocommerce input:focus, .woocommerce textarea:focus, .woocommerce select:focus {
  outline: none;
  border-color: var(--wdt-gold);
  box-shadow: 0 0 0 1px rgba(242,192,20,0.4);
}
.woocommerce label { color: rgba(255,255,255,0.75); }

/* ---- Product grid (shop / category) ---- */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 1024px) {
  .woocommerce ul.products, .woocommerce-page ul.products {
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 1rem;
  }
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  clear: none !important;
  list-style: none;
}
.woocommerce ul.products li.product::before { display: none; }

/* ---- Buttons ---- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce #respond input#submit,
.woocommerce .widget_price_filter .price_slider_amount .button {
  background: var(--wdt-gold);
  color: var(--wdt-ink);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border-radius: 0;
  border: none;
  padding: 0.85rem 1.4rem;
  transition: background-color 0.2s ease, transform 0.2s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce #respond input#submit:hover {
  background: var(--wdt-gold-hover);
  color: var(--wdt-ink);
}
.woocommerce a.button.disabled,
.woocommerce button.button:disabled { opacity: 0.5; }
/* Secondary / outline buttons */
.woocommerce a.button.wc-backward,
.woocommerce .cart .button[name="update_cart"] {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.25);
}
.woocommerce a.button.wc-backward:hover { border-color: var(--wdt-gold); color: var(--wdt-gold); }

/* ---- Prices ---- */
.woocommerce .price, .woocommerce span.amount { color: #fff; font-weight: 700; }
.woocommerce .price del { color: rgba(255,255,255,0.4); font-weight: 400; }
.woocommerce .price ins { color: var(--wdt-gold); text-decoration: none; }

/* ---- Star ratings ---- */
.woocommerce .star-rating span::before,
.woocommerce p.stars a::before { color: var(--wdt-gold); }
.woocommerce .star-rating::before { color: rgba(255,255,255,0.25); }

/* ---- Sale flash ---- */
.woocommerce span.onsale {
  background: var(--wdt-gold);
  color: var(--wdt-ink);
  font-family: 'Roboto Mono', monospace;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  border-radius: 0;
  min-height: auto;
  min-width: auto;
  padding: 0.3rem 0.6rem;
  line-height: 1;
}

/* ---- Single product ---- */
.woocommerce div.product .product_title { font-size: clamp(1.6rem,3.5vw,2.6rem); }
.woocommerce div.product p.price,
.woocommerce div.product span.price { font-size: 1.6rem; color: #fff; }
.woocommerce div.product .woocommerce-tabs ul.tabs {
  border: none;
  padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before { border-color: rgba(255,255,255,0.12); }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: var(--wdt-elevated);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: var(--wdt-floating);
  border-bottom-color: var(--wdt-gold);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; }
.woocommerce #reviews #comments ol.commentlist li .comment-text {
  background: var(--wdt-elevated);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 0;
}
.woocommerce .quantity .qty {
  background: var(--wdt-elevated);
  border: 1px solid rgba(255,255,255,0.15);
  color: #fff;
}

/* ---- Tables: cart, order review, account ---- */
.woocommerce table.shop_table {
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 0;
  background: rgba(22,22,22,0.6);
}
.woocommerce table.shop_table th { color: #fff; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.8rem; }
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
  border-top: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.85);
}
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td { color: #fff; }
.woocommerce .cart-collaterals .cart_totals h2,
.woocommerce-checkout #order_review_heading { color: #fff; }

/* ---- Cart / checkout totals box ---- */
.woocommerce-checkout #payment,
.woocommerce .cart_totals,
.woocommerce-checkout-review-order {
  background: var(--wdt-elevated);
  border: 1px solid rgba(255,255,255,0.12);
}
.woocommerce-checkout #payment { border-radius: 0; }
.woocommerce-checkout #payment ul.payment_methods { border-bottom-color: rgba(255,255,255,0.12); }
.woocommerce-checkout #payment div.payment_box {
  background: var(--wdt-floating);
  color: rgba(255,255,255,0.8);
}
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--wdt-floating); }

/* ---- Notices ---- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
.woocommerce p.no-comments {
  background: var(--wdt-elevated);
  color: #fff;
  border-top: 3px solid var(--wdt-gold);
  border-radius: 0;
}
.woocommerce-message::before,
.woocommerce-info::before { color: var(--wdt-gold); }
.woocommerce-error { border-top-color: #e25555; }
.woocommerce-error::before { color: #e25555; }

/* ---- Pagination ---- */
.woocommerce nav.woocommerce-pagination ul { border: none; }
.woocommerce nav.woocommerce-pagination ul li {
  border: none;
  margin: 0 0.15rem;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background: var(--wdt-elevated);
  color: #fff;
  border: 1px solid rgba(255,255,255,0.12);
  padding: 0.5rem 0.9rem;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--wdt-gold);
  color: var(--wdt-ink);
  border-color: var(--wdt-gold);
}

/* ---- Account ---- */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(255,255,255,0.12);
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 0.85rem 1rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.85rem;
  font-weight: 700;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { color: var(--wdt-gold); }

/* ---- Form login/register boxes ---- */
.woocommerce form.login,
.woocommerce form.register,
.woocommerce form.checkout_coupon {
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 0;
  background: var(--wdt-elevated);
}

/* ---- Widgets (filters, categories) ---- */
.woocommerce .widget_price_filter .ui-slider .ui-slider-range { background: var(--wdt-gold); }
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background: var(--wdt-gold); border-radius: 0; }