/* ============================================================
   WEEDN V2 — TECHNICAL APOTHECARY
   Integration du design Claude Design (2026-04-21)
   Noir forest-tinted, neon vert + violet equilibres, data-heavy lab aesthetic
   Override des tokens de weedn-design-system.css
   ============================================================ */

:root {
  /* ── V2 Token shifts ────────────────────────────────────── */
  --weedn-bg: #070a08;               /* forest-tinted black */
  --weedn-bg-card: #0d1210;
  --weedn-bg-hover: #121814;
  --weedn-bg-input: #14221a;         /* moss tint */

  --weedn-panel: #121814;
  --weedn-moss: #14221a;

  /* Text - subtle green tint */
  --weedn-text: #eef4ef;
  --weedn-text-muted: #8e978f;
  --weedn-text-dim: #5f6864;

  /* Neon accents (brighter + more saturated) */
  --weedn-green-neon: #39ff7a;
  --weedn-green-dim: #1f8a44;
  --weedn-green-soft: rgba(57,255,122,0.08);
  --weedn-green: #2F7759;

  --weedn-purple: #b14bff;
  --weedn-purple-dim: #6a2aa3;

  /* Borders - moss-tinted */
  --weedn-border: #1e2622;
  --weedn-border-hover: #2c3832;

  /* Glows V2 */
  --v2-glow-lime-soft: 0 0 10px rgba(57,255,122,0.4);
  --v2-glow-lime: 0 0 24px rgba(57,255,122,0.33);
  --v2-glow-lime-strong: 0 0 28px rgba(57,255,122,0.55);
  --v2-glow-violet-soft: 0 0 10px rgba(177,75,255,0.5);
  --v2-glow-violet: 0 0 24px rgba(177,75,255,0.4);
  --v2-glow-violet-strong: 0 0 28px rgba(177,75,255,0.55);

  --shadow-glow: 0 0 28px rgba(57,255,122,0.25);
}

/* ── Body forest-tint ─────────────────────────────────────── */
body {
  background: var(--weedn-bg) !important;
  color: var(--weedn-text) !important;
}

/* ── TICKER BAR (top gradient lime→violet) ─────────────────── */
.v2-ticker {
  background: linear-gradient(90deg, #39ff7a 0%, #39ff7a 55%, #b14bff 100%);
  color: #070a08;
  padding: 8px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  font-family: 'JetBrains Mono', 'Fira Code', monospace;
  font-size: 11px;
  letter-spacing: 0.4px;
  font-weight: 700;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
}
.v2-ticker span {
  flex: 1;
  text-align: center;
}
.v2-ticker span:first-child { text-align: left; }
.v2-ticker span:last-child { text-align: right; }
@media (max-width: 768px) {
  .v2-ticker { font-size: 9px; padding: 6px 12px; gap: 8px; }
  .v2-ticker span:nth-child(2),
  .v2-ticker span:nth-child(3) { display: none; }
}

/* ── NAV LOGO / WEEDN/LAB slash ───────────────────────────── */
.v2-brand-slash {
  color: var(--weedn-purple);
  text-shadow: 0 0 10px rgba(177,75,255,0.6);
  font-weight: 400;
}
.v2-brand-lab {
  color: var(--weedn-green-neon);
  text-shadow: 0 0 10px rgba(57,255,122,0.4);
  font-weight: 400;
  font-family: 'Bebas Neue', Impact, sans-serif;
  letter-spacing: 2px;
}

/* ── V2 CHIPS (mono, uppercase, bordered) ─────────────────── */
.v2-chip {
  display: inline-block;
  font-family: 'JetBrains Mono', 'Fira Code', monospace;
  font-size: 10px;
  letter-spacing: 0.6px;
  padding: 4px 8px;
  border: 1px solid var(--weedn-border);
  color: var(--weedn-text-muted);
  text-transform: uppercase;
  border-radius: 2px;
  line-height: 1;
}
.v2-chip--lime {
  border-color: var(--weedn-green-neon);
  color: var(--weedn-green-neon);
}
.v2-chip--violet {
  border-color: var(--weedn-purple);
  color: var(--weedn-purple);
}

/* ── V2 NEON GLOW UTILITIES ───────────────────────────────── */
.v2-glow-lime { text-shadow: var(--v2-glow-lime); color: var(--weedn-green-neon); }
.v2-glow-violet { text-shadow: var(--v2-glow-violet); color: var(--weedn-purple); }

/* ── V2 HERO (accent title split) ─────────────────────────── */
.v2-hero-title {
  font-family: 'Bebas Neue', Impact, sans-serif;
  font-weight: 400;
  line-height: 0.85;
  letter-spacing: -2px;
  text-transform: uppercase;
  font-size: clamp(72px, 14vw, 180px);
  margin: 0;
  color: var(--weedn-text);
}
.v2-hero-title .v2-lime { color: var(--weedn-green-neon); text-shadow: 0 0 24px rgba(57,255,122,0.33); }
.v2-hero-title .v2-violet { color: var(--weedn-purple); text-shadow: 0 0 24px rgba(177,75,255,0.4); }

/* ── BUTTONS V2 (neon glow primary) ───────────────────────── */
.button.alt,
.wp-block-button__link,
.single_add_to_cart_button,
.btn-primary,
.weedn-btn-primary,
button[type="submit"].weedn-primary {
  background: var(--weedn-green-neon) !important;
  color: var(--weedn-bg) !important;
  border: none !important;
  font-family: 'JetBrains Mono', 'Fira Code', monospace !important;
  font-size: 12px !important;
  letter-spacing: 1.2px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: 16px 28px !important;
  box-shadow: var(--v2-glow-lime-strong) !important;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.button.alt:hover,
.wp-block-button__link:hover,
.single_add_to_cart_button:hover,
.weedn-btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 36px rgba(57,255,122,0.7) !important;
}

/* Secondary button violet outline */
.weedn-btn-secondary,
.button.wc-backward,
.woocommerce-button.button {
  background: transparent !important;
  color: var(--weedn-purple) !important;
  border: 1px solid var(--weedn-purple) !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 12px !important;
  letter-spacing: 1.2px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  padding: 16px 28px !important;
  text-shadow: 0 0 8px rgba(177,75,255,0.3);
}

/* ── Section heading marker "/// ..." ──────────────────────── */
.v2-section-label {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  letter-spacing: 1.6px;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.v2-section-label--lime { color: var(--weedn-green-neon); text-shadow: 0 0 8px rgba(57,255,122,0.4); }
.v2-section-label--violet { color: var(--weedn-purple); text-shadow: 0 0 8px rgba(177,75,255,0.4); }

/* ── V2 product card tweaks ───────────────────────────────── */
.woocommerce ul.products li.product,
.products .product-card,
.featured-product-card {
  background: var(--weedn-bg-card) !important;
  border: 1px solid var(--weedn-border) !important;
  border-radius: 2px !important;
  transition: all 200ms ease !important;
}
.woocommerce ul.products li.product:hover,
.products .product-card:hover {
  border-color: var(--weedn-green-neon) !important;
  box-shadow: 0 0 24px rgba(57,255,122,0.15) !important;
  transform: translateY(-2px);
}

/* Price accent LIME */
.woocommerce-Price-amount,
.product-price,
.price .amount,
.price ins .amount,
.price del .amount {
  color: var(--weedn-green-neon) !important;
  font-family: 'Bebas Neue', Impact, sans-serif !important;
  text-shadow: 0 0 12px rgba(57,255,122,0.33) !important;
}

/* ── Links ────────────────────────────────────────────────── */
a { color: var(--weedn-green-neon); transition: color 150ms ease; }
a:hover { color: var(--weedn-purple); }

/* ── Header border tweak ──────────────────────────────────── */
.site-header,
.header-main,
.weedn-header {
  border-bottom: 1px solid var(--weedn-border) !important;
  background: var(--weedn-bg) !important;
}

/* ── Cart drawer keep green rewards but brighten ──────────── */
.cart-drawer .reward-tier.active,
.cart-drawer .reward-tier.unlocked {
  color: var(--weedn-green-neon) !important;
  text-shadow: 0 0 8px rgba(57,255,122,0.4);
}
.cart-drawer-progress-fill {
  background: linear-gradient(90deg, #39ff7a 0%, #b14bff 100%) !important;
  box-shadow: 0 0 12px rgba(57,255,122,0.5);
}

/* ── Age gate logo color update ───────────────────────────── */
#weedn-age-gate [style*="#22c55e"] { color: var(--weedn-green-neon) !important; }