/* =============================================
   BLOG POST TEXT VISIBILITY FIX
   Fix white text on light backgrounds in blog posts
   ============================================= */

/* Force dark text color on all blog post body sections with light backgrounds */
.blogSectionPage .layoutC p,
.blogSectionPage .layoutC li,
.blogSectionPage .layoutC span,
.blogSectionPage .layoutD p,
.blogSectionPage .layoutD li,
.blogSectionPage .layoutD span,
.blogSectionPage .layoutA p,
.blogSectionPage .layoutA li, 
.blogSectionPage .layoutA span {
  color: #333333 !important;
}

/* Keep headings styled with the theme red color */
.blogSectionPage .contentTitle {
  color: #cc0000 !important;
}

/* Keep intro/hero section (layoutA-NoImg with dark background) text white */
.blogSectionPage .layoutA-NoImg p,
.blogSectionPage .layoutA-NoImg li,
.blogSectionPage .layoutA-NoImg span,
.blogSectionPage .layoutA-NoImg .contentTitle {
  color: #ffffff !important;
}

/* Fix button styling in blog sections */
.blogSectionPage .layoutC a.contentBtn,
.blogSectionPage .layoutD a.contentBtn,
.blogSectionPage .layoutA a.contentBtn {
  color: #ffffff !important;
}

/* Hide any remaining placeholder text */
.blogSectionPage p[style*="Replace this content"],
.blogSectionPage .maxWidth--content p:last-child {
  /* Cannot target by content with CSS alone - handled via JS */
}