/*
Theme Name: Powertalk Force
Theme URI: https://powertalkgear.com
Description: PowerTalk Gear — official merch storefront. Blackout red, unapologetic, in-your-face. Pain into Power.
Author: Powertalk Gear
Template: twentytwentyfive
Version: 1.0.0
Text Domain: powertalk-force
*/

/* ---- Brand tokens (mirrors theme.json for non-block surfaces incl. WooCommerce) ---- */
:root {
  --pt-black:   #0a0a0a;
  --pt-black2:  #151515;
  --pt-panel:   #1c1c1c;
  --pt-red:     #e00e1f;
  --pt-red-dk:  #8f0000;
  --pt-white:   #f7f7f5;
  --pt-steel:   #8a8a8a;
}

body {
  background: var(--pt-black);
  color: var(--pt-white);
}

/* ---- Headings: heavy, condensed, unapologetic ---- */
h1, h2, h3, .wp-block-post-title, .woocommerce-loop-product__title {
  font-family: 'Anton', 'Arial Narrow', sans-serif;
  letter-spacing: 0.01em;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.02;
}

a { color: var(--pt-red); }
a:hover { color: var(--pt-white); }

/* ---- Buttons ---- */
.wp-block-button__link,
.wc-block-components-button,
.button, button.button, input.button, a.button,
.single_add_to_cart_button {
  background: var(--pt-red) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 3px !important;
  font-family: 'Anton','Arial Narrow',sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  padding: 0.9em 1.8em !important;
  transition: transform .12s ease, background .12s ease;
}
.wp-block-button__link:hover,
.button:hover, a.button:hover, .single_add_to_cart_button:hover {
  background: #fff !important;
  color: var(--pt-black) !important;
  transform: translateY(-1px);
}

/* ---- Shop grid ---- */
ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media (max-width: 900px) { ul.products { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { ul.products { grid-template-columns: 1fr; } }

ul.products li.product,
.wc-block-grid__product {
  background: var(--pt-panel);
  border: 1px solid #2a2a2a;
  border-radius: 10px;
  padding: 14px !important;
  list-style: none !important;
  text-align: center;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}
ul.products li.product a {
  text-decoration: none;
  display: block;
}
ul.products li.product .price {
  color: var(--pt-red) !important;
  font-weight: 800;
  display: block;
  margin-top: 6px;
}
ul.products li.product .woocommerce-loop-product__title {
  color: var(--pt-white);
  font-size: 1.05rem;
  margin: 12px 0 4px;
}
ul.products li.product .button {
  margin-top: 10px;
  display: inline-block;
}

.woocommerce ul.products li.product a img,
.wc-block-grid__product-image img {
  border-radius: 6px;
  width: 100%;
  height: auto;
}

/* onsale badge */
.onsale {
  background: var(--pt-red) !important;
  font-family: 'Anton',sans-serif !important;
  text-transform: uppercase;
}

/* ---- Site header ---- */
.wp-block-site-title a {
  font-family: 'Anton','Arial Narrow',sans-serif;
  letter-spacing: 0.02em;
}

/* ---- Eyebrow / tag utility (used via wp:html in patterns) ---- */
.pt-eyebrow {
  display:inline-block;
  color: var(--pt-red);
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.pt-strike { color: var(--pt-white); }
.pt-strike .accent { color: var(--pt-red); }