/* TodoListMore Chrome text visibility fix - Direct approach */

/* Target Chrome and Chrome-based browsers with a universal selector approach */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* Apply to all text elements directly */
  p, li, blockquote, .post-intro, .post-section p, 
  .feature-card p, .cta-text, .faq-answer, .review-text, 
  .content-list li, .reviewer-name, .faq-question, 
  .rating-count, article p, main p, .container p,
  article li, section p, section li {
    color: #ffffff !important;
  }
  
  strong, b, p strong, li strong, .content-list li strong {
    color: #4CAF50 !important;
  }
  
  /* Header elements */
  h2, h3, .section-title, h2.section-title, h3.section-title,
  .feature-title, .feature-card h3, .cta-title {
    color: #4CAF50 !important;
  }
  
  /* Star ratings */
  .rating-stars {
    color: #FFD700 !important;
  }
  
  /* For the flashing visibility issue */
  html, body {
    visibility: visible !important;
    opacity: 1 !important;
    color: #ffffff !important;
  }
  
  /* Make sure all text elements maintain visibility */
  * {
    transition: none !important;
  }
}

/* Ensure text isn't becoming invisible after initial load */
body, article, section, main, div, p, li {
  animation: none !important;
  transition: none !important;
  -webkit-animation: none !important;
  -webkit-transition: none !important;
}