/*
Theme Name: PouchFreaks
Theme URI: https://pouchfreaks.com
Description: Custom child theme of Twenty Twenty-Five for the PouchFreaks WooCommerce store. Nicotine pouches by the roll & in bulk — 5-pack rolls only. Brand system lives in theme.json; this file skins WooCommerce and custom sections.
Author: PouchFreaks
Template: twentytwentyfive
Version: 0.1.0
Requires at least: 6.6
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: pouchfreaks
*/

/* ==========================================================================
   NOTE: Most of the brand design (colors, type, spacing, button styles) is in
   theme.json. This stylesheet handles WooCommerce skinning and the custom
   marketing sections (hero / trust bar / value props) that core blocks can't
   express on their own.
   ========================================================================== */

:root {
  --pf-brand: #0f7b4f;
  --pf-brand-dark: #0b5e3c;
  --pf-accent: #ff7a18;
  --pf-surface: #f6f7f9;
  --pf-muted: #5b6573;
  --pf-border: #e4e7ec;
  --pf-instock: #0f7b4f;
  --pf-oos: #c0392b;
  --pf-radius: 10px;
}

/* ---- Hero --------------------------------------------------------------- */
.pf-hero {
  background: linear-gradient(180deg, var(--pf-surface), #ffffff);
}
.pf-hero .pf-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--pf-accent);
}

/* ---- Eyebrow (reusable) ------------------------------------------------- */
.pf-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--pf-accent);
}

/* ---- Trust bar --------------------------------------------------------- */
.pf-trustbar {
  background: var(--pf-surface);
  border-block: 1px solid var(--pf-border);
}
.pf-trustbar .wp-block-column {
  text-align: center;
  font-weight: 600;
  font-size: 0.9rem;
}

/* ---- Value props ------------------------------------------------------- */
.pf-value-card {
  background: #fff;
  border: 1px solid var(--pf-border);
  border-radius: var(--pf-radius);
  padding: 1.5rem;
  height: 100%;
}
.pf-value-card h3 {
  margin-top: 0;
}

/* ---- SEO content block ------------------------------------------------- */
.pf-seo-block {
  color: var(--pf-muted);
}
.pf-seo-block h2,
.pf-seo-block h3 {
  color: #14181f;
}

/* ==========================================================================
   WooCommerce skinning — gives the default shop/product/cart pages the
   PouchFreaks look without overriding fragile block markup.
   ========================================================================== */

/* Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button,
.woocommerce #respond input#submit,
.wc-block-components-button {
  background-color: var(--pf-accent) !important;
  color: #fff !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  border: none !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.wc-block-components-button:hover {
  filter: brightness(0.95);
}

/* Product grid cards ([products] shortcode + archive) */
.woocommerce ul.products li.product,
.wc-block-grid__product {
  border: 1px solid var(--pf-border);
  border-radius: var(--pf-radius);
  padding: 0.85rem !important;
  background: #fff;
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.woocommerce ul.products li.product:hover,
.wc-block-grid__product:hover {
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12);
  transform: translateY(-2px);
}
.woocommerce ul.products li.product img {
  border-radius: 6px;
  margin-bottom: 0.75rem;
}
.woocommerce ul.products li.product .price {
  color: #14181f;
  font-weight: 700;
}
.woocommerce ul.products li.product .price del {
  color: var(--pf-muted);
  font-weight: 400;
}

/* Sale flash badge */
.woocommerce span.onsale {
  background: var(--pf-accent);
  border-radius: 999px;
}

/* Stock status */
.woocommerce .stock.in-stock {
  color: var(--pf-instock);
  font-weight: 600;
}
.woocommerce .stock.out-of-stock {
  color: var(--pf-oos);
  font-weight: 600;
}

/* Single product layout polish */
.woocommerce div.product .product_title {
  font-weight: 800;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--pf-brand-dark);
  font-weight: 700;
}

/* Breadcrumbs */
.woocommerce .woocommerce-breadcrumb {
  color: var(--pf-muted);
  font-size: 0.85rem;
}

/* Mini-cart in header */
.wc-block-mini-cart__button {
  color: inherit;
}