/**
 * Kadence palette + typography overrides for concept v2 (dark theme).
 * Loaded last; wp_head inline in functions.php wins over Kadence dynamic CSS.
 */

body.sto-blog-v2 {
  --global-palette1: var(--brand);
  --global-palette2: var(--brand-dark);
  --global-palette3: var(--text);
  --global-palette4: var(--text);
  --global-palette5: var(--text-muted);
  --global-palette6: var(--text-dim);
  --global-palette7: var(--bg-raised);
  --global-palette8: var(--bg-base);
  --global-palette9: var(--bg-deep);
  --global-palette-highlight: var(--brand);
  --global-palette-highlight-alt: #ff6b6b;
  --global-palette-btn: #fff;
  --global-palette-btn-hover: #fff;
  --global-palette-btn-bg: var(--brand);
  --global-palette-btn-bg-hover: var(--brand-dark);
}

body.sto-blog-v2,
body.sto-blog-v2 #wrapper,
body.sto-blog-v2 #inner-wrap,
body.sto-blog-v2 .content-wrap,
body.sto-blog-v2 main {
  background-color: var(--bg-base) !important;
  color: var(--text) !important;
}

body.sto-blog-v2 h1,
body.sto-blog-v2 h2,
body.sto-blog-v2 h3,
body.sto-blog-v2 h4,
body.sto-blog-v2 h5,
body.sto-blog-v2 h6,
body.sto-blog-v2 .entry-title,
body.sto-blog-v2 .wp-block-post-title {
  color: var(--text) !important;
}

body.sto-blog-v2 .hero__title,
body.sto-blog-v2 .section__title,
body.sto-blog-v2 .category-hero__title,
body.sto-blog-v2 .sto-related__title {
  color: var(--text) !important;
}

body.sto-blog-v2 .hero__title span,
body.sto-blog-v2 .category-hero__title span {
  color: var(--brand) !important;
}

body.sto-blog-v2 .hero__label {
  color: var(--brand) !important;
}

body.sto-blog-v2 .hero__lead,
body.sto-blog-v2 .shop-strip__text {
  color: var(--text-muted) !important;
}

body.sto-blog-v2 .shop-strip__text strong {
  color: var(--text) !important;
}

/* v2 chrome: no Kadence blue links */
body.sto-blog-v2 .site-header a,
body.sto-blog-v2 .site-footer a,
body.sto-blog-v2 .hero a,
body.sto-blog-v2 .shop-strip a,
body.sto-blog-v2 .chips a,
body.sto-blog-v2 .card,
body.sto-blog-v2 .bento a,
body.sto-blog-v2 .posts-grid a {
  text-decoration: none;
}

body.sto-blog-v2 .logo,
body.sto-blog-v2 .logo:hover {
  color: var(--text) !important;
}

body.sto-blog-v2 .logo__sub {
  color: var(--text-muted) !important;
}

body.sto-blog-v2 .nav a {
  color: var(--text-muted) !important;
}

body.sto-blog-v2 .nav a:hover,
body.sto-blog-v2 .nav a.is-active {
  color: var(--text) !important;
}

body.sto-blog-v2 .btn--primary,
body.sto-blog-v2 a.btn--primary {
  color: #fff !important;
  background: var(--brand) !important;
  border-color: transparent !important;
}

body.sto-blog-v2 .btn--primary:hover,
body.sto-blog-v2 a.btn--primary:hover {
  color: #fff !important;
  background: var(--brand-dark) !important;
}

body.sto-blog-v2 .btn--ghost,
body.sto-blog-v2 a.btn--ghost {
  color: var(--text) !important;
  background: transparent !important;
}

body.sto-blog-v2 .btn--ghost:hover,
body.sto-blog-v2 a.btn--ghost:hover {
  color: var(--brand) !important;
  border-color: var(--brand) !important;
}

body.sto-blog-v2 .chip {
  color: var(--text-muted) !important;
  background: var(--bg-raised) !important;
}

body.sto-blog-v2 .chip:hover,
body.sto-blog-v2 .chip.is-active {
  color: #fff !important;
  background: var(--brand) !important;
  border-color: var(--brand) !important;
}

body.sto-blog-v2 .card {
  color: inherit !important;
}

body.sto-blog-v2 .card__title {
  color: var(--text) !important;
}

body.sto-blog-v2 .card:hover .card__title {
  color: #fff !important;
}

body.sto-blog-v2 .card__excerpt {
  color: var(--text-muted) !important;
}

body.sto-blog-v2 .card__meta {
  color: var(--text-dim) !important;
}

body.sto-blog-v2 .badge {
  color: #ff6b6b !important;
}

body.sto-blog-v2 #masthead.site-header {
  background: rgba(12, 12, 12, 0.85) !important;
}

body.sto-blog-v2 #masthead.site-header.is-scrolled {
  background: rgba(12, 12, 12, 0.95) !important;
}

/* Kadence transparent-header / mobile-transparent-header → white/invisible chrome */
body.sto-blog-v2 #masthead.site-header,
body.sto-blog-v2.mobile-transparent-header #masthead.site-header,
body.sto-blog-v2.transparent-header #masthead.site-header {
  background-color: rgba(12, 12, 12, 0.92) !important;
}

/* Footer: Kadence uses #colophon + palette9 (#fff) */
body.sto-blog-v2 #colophon.site-footer,
body.sto-blog-v2 footer.site-footer#colophon {
  background-color: var(--bg-deep, #0a0a0a) !important;
  background: var(--bg-deep, #0a0a0a) !important;
  color: var(--text-muted, #a3a3a3) !important;
  border-top: 3px solid var(--brand, #de002b) !important;
}

body.sto-blog-v2 #colophon.site-footer p,
body.sto-blog-v2 #colophon.site-footer .footer-social__label {
  color: var(--text-muted, #a3a3a3) !important;
}

body.sto-blog-v2 #colophon.site-footer strong {
  color: var(--text, #f4f4f4) !important;
}

/* Legacy Kadence footer rows (if hook still outputs markup) */
body.sto-blog-v2 .site-footer-wrap,
body.sto-blog-v2 .site-bottom-footer-wrap,
body.sto-blog-v2 .site-footer-row-container {
  display: none !important;
}

/* Article body links keep concept accent */
body.sto-blog-v2 .article-content a,
body.sto-blog-v2 .entry-content.sto-article-body a {
  color: var(--link);
}

body.sto-blog-v2 .article-content a:hover,
body.sto-blog-v2 .entry-content.sto-article-body a:hover {
  color: var(--brand);
}