/*
 * ════════════════════════════════════════════════════════════════
 *  DESIGN BUILD SERVICE — BLOG PERSONALITY OVERRIDES
 *  v1.0 · Venture-specific styling only
 *
 *  Loads AFTER tokens.css and system.css.
 *  Only contains Design Build Service blog-specific personality.
 *  All nav, footer, body, *, buttons handled by system.css.
 * ════════════════════════════════════════════════════════════════
 */

/* ─── Blog Hero Gradient Override ─────────────────────────────── */
.blog-hero {
  background: linear-gradient(135deg, #2a4a2a 0%, #1a2a1a 40%, #0a1208 100%) !important;
}

/* ─── Featured Post Image Gradient ──────────────────────────────── */
.blog-featured-visual {
  background: linear-gradient(135deg, #8a6a3a 0%, #5a7a9a 100%) !important;
}

/* ─── Featured Post Image area color override ────────────────────── */
.blog-featured-visual::before {
  background: linear-gradient(135deg, #8a6a3a 0%, #5a7a9a 100%) !important;
}

/* ─── Blog Card Image Gradient ──────────────────────────────────── */
.blog-card:nth-child(1) .blog-card-body::before,
.blog-card:nth-child(2) .blog-card-body::before,
.blog-card:nth-child(3) .blog-card-body::before,
.blog-card:nth-child(4) .blog-card-body::before,
.blog-card:nth-child(5) .blog-card-body::before {
  background: linear-gradient(135deg, #8a6a3a 0%, #5a7a9a 100%) !important;
}

/* ─── Photo Strip (Design Build specific if needed) ──────────────── */
.photo-strip {
  padding: var(--sp-6);
}

.photo-strip-item {
  background: linear-gradient(135deg, #8a6a3a 0%, #5a7a9a 100%);
}

/* ─── Category Tag Styling ────────────────────────────────────────── */
.filter-bar-inner {
  gap: var(--sp-3);
}

.filter-btn {
  color: var(--mid);
  font-weight: 500;
}

.filter-btn.active {
  color: var(--primary);
  font-weight: 600;
}

.filter-btn.active::after {
  background-color: var(--primary);
}

/* ─── Featured Post Card ────────────────────────────────────────────── */
.blog-featured-card {
  background: var(--bg-surface);
}

/* ─── Read Link Styling ────────────────────────────────────────────── */
.read-link {
  color: var(--primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--t-std);
}

.read-link:hover {
  color: #2a4a2a;
  text-decoration: underline;
}

/* ─── Contact CTA Section Personality ──────────────────────────────── */
.blog-cta {
  background: var(--dark);
}

.blog-cta-headline {
  color: var(--light);
}

.blog-cta-copy {
  color: var(--light);
}