/* Common fix for white text readability issues across all articles */

/* Add text shadow to white text in all gradient backgrounds */
[style*="gradient"] h2,
[style*="gradient"] h3,
[style*="gradient"] p,
[style*="gradient"] li,
[style*="gradient"] a,
[style*="gradient"] [style*="color: white"] {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7) !important;
}

/* Ensure readability in article tags at the bottom */
.article-tags span {
  background: #3A82C3 !important; /* Solid color instead of gradient */
  color: white !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
}

/* Improve CTA buttons contrast */
[style*="gradient"] a {
  background-color: rgba(0, 0, 0, 0.25) !important;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
}

/* Footer text readability */
footer {
  color: #333 !important;
}

/* General selector for any white text that might be hard to read */
.article-content [style*="color: white"] {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* Fix white numbers in sidebar post-number elements */
.post-number {
  color: #222 !important;
  font-weight: 800 !important;
  text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.7) !important;
  background: #fac85b !important; /* Using a solid color instead of gradient for better contrast */
}
