/*
 * Wicked Evolutions — Blog Styles
 * Category-accent system + blog-specific component effects.
 * Source: we-blog-proto.html prototype
 */

/* ══════════════════════════════════════════════
   CATEGORY ACCENT SYSTEM
   Assigns --cat-accent per category for border-bottom,
   eyebrow color, and card tinting.
   ══════════════════════════════════════════════ */

/* Single posts: body.category-{slug} via body_class() */
body.category-the-experiment { --cat-accent: #FFEE58; }
body.category-the-mirror     { --cat-accent: #a78bfa; }
body.category-the-build      { --cat-accent: #22c55e; }
body.category-the-field      { --cat-accent: #5aaedc; }
body.category-the-record     { --cat-accent: #d4924c; }
body.category-the-method     { --cat-accent: #d47898; }

/* ── Blog post header border uses category accent ── */
.blog-post-header {
  border-bottom-color: var(--cat-accent, var(--wp--custom--border--subtle)) !important;
}

/* ── Category label with line prefix ── */
.blog-cat-label {
  display: flex;
  align-items: center;
  gap: 10px;
}

.blog-cat-label::before {
  content: '';
  width: 20px;
  height: 1px;
  background: var(--cat-accent, var(--wp--preset--color--yellow));
  opacity: 0.5;
}

.blog-cat-label a {
  color: var(--cat-accent, var(--wp--preset--color--yellow)) !important;
}

/* ── Archive eyebrow ── */
.blog-archive-eyebrow a {
  color: var(--cat-accent, var(--wp--preset--color--yellow)) !important;
}

/* ── Blog card category label ── */
.blog-card-cat a {
  color: var(--cat-accent, var(--wp--preset--color--yellow)) !important;
}

/* ══════════════════════════════════════════════
   BLOG POST NAVIGATION
   ══════════════════════════════════════════════ */

.wp-block-post-navigation-link a {
  color: var(--wp--preset--color--secondary);
  transition: color 0.15s;
}

.wp-block-post-navigation-link a:hover {
  color: var(--wp--preset--color--contrast);
}