/* Public Pages Contrast Fix CSS */

/* Hero sections with dark gradients */
.hero-gradient,
.hero-dark,
.bg-gradient-dark {
    color: white !important;
}

.hero-gradient h1,
.hero-gradient h2,
.hero-gradient h3,
.hero-gradient h4,
.hero-gradient h5,
.hero-gradient h6,
.hero-gradient .display-1,
.hero-gradient .display-2,
.hero-gradient .display-3,
.hero-gradient .display-4,
.hero-gradient .display-5,
.hero-gradient .display-6,
.hero-dark h1,
.hero-dark h2,
.hero-dark h3,
.hero-dark h4,
.hero-dark h5,
.hero-dark h6,
.hero-dark .display-1,
.hero-dark .display-2,
.hero-dark .display-3,
.hero-dark .display-4,
.hero-dark .display-5,
.hero-dark .display-6,
.bg-gradient-dark h1,
.bg-gradient-dark h2,
.bg-gradient-dark h3,
.bg-gradient-dark h4,
.bg-gradient-dark h5,
.bg-gradient-dark h6,
.bg-gradient-dark .display-1,
.bg-gradient-dark .display-2,
.bg-gradient-dark .display-3,
.bg-gradient-dark .display-4,
.bg-gradient-dark .display-5,
.bg-gradient-dark .display-6 {
    color: white !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Light sections */
.bg-light,
.bg-white,
section.bg-light,
section.bg-white {
    color: #333 !important;
}

.bg-light h1,
.bg-light h2,
.bg-light h3,
.bg-light h4,
.bg-light h5,
.bg-light h6,
.bg-light .display-1,
.bg-light .display-2,
.bg-light .display-3,
.bg-light .display-4,
.bg-light .display-5,
.bg-light .display-6,
.bg-white h1,
.bg-white h2,
.bg-white h3,
.bg-white h4,
.bg-white h5,
.bg-white h6,
.bg-white .display-1,
.bg-white .display-2,
.bg-white .display-3,
.bg-white .display-4,
.bg-white .display-5,
.bg-white .display-6,
section.bg-light h1,
section.bg-light h2,
section.bg-light h3,
section.bg-light h4,
section.bg-light h5,
section.bg-light h6,
section.bg-light .display-1,
section.bg-light .display-2,
section.bg-light .display-3,
section.bg-light .display-4,
section.bg-light .display-5,
section.bg-light .display-6,
section.bg-white h1,
section.bg-white h2,
section.bg-white h3,
section.bg-white h4,
section.bg-white h5,
section.bg-white h6,
section.bg-white .display-1,
section.bg-white .display-2,
section.bg-white .display-3,
section.bg-white .display-4,
section.bg-white .display-5,
section.bg-white .display-6 {
    color: #333 !important;
}

/* Utility classes for manual contrast control */
.text-white-force {
    color: white !important;
}

.text-dark-force {
    color: #333 !important;
}

/* Industry/Use Case specific gradients - Dark */
.gradient-blue-purple,
.gradient-orange-red,
.gradient-green-cyan,
.gradient-pink-yellow,
.gradient-indigo-purple,
.gradient-navy-blue {
    color: white !important;
}

.gradient-blue-purple h1,
.gradient-blue-purple h2,
.gradient-blue-purple h3,
.gradient-blue-purple h4,
.gradient-blue-purple h5,
.gradient-blue-purple h6,
.gradient-blue-purple .display-1,
.gradient-blue-purple .display-2,
.gradient-blue-purple .display-3,
.gradient-blue-purple .display-4,
.gradient-blue-purple .display-5,
.gradient-blue-purple .display-6,
.gradient-orange-red h1,
.gradient-orange-red h2,
.gradient-orange-red h3,
.gradient-orange-red h4,
.gradient-orange-red h5,
.gradient-orange-red h6,
.gradient-orange-red .display-1,
.gradient-orange-red .display-2,
.gradient-orange-red .display-3,
.gradient-orange-red .display-4,
.gradient-orange-red .display-5,
.gradient-orange-red .display-6,
.gradient-green-cyan h1,
.gradient-green-cyan h2,
.gradient-green-cyan h3,
.gradient-green-cyan h4,
.gradient-green-cyan h5,
.gradient-green-cyan h6,
.gradient-green-cyan .display-1,
.gradient-green-cyan .display-2,
.gradient-green-cyan .display-3,
.gradient-green-cyan .display-4,
.gradient-green-cyan .display-5,
.gradient-green-cyan .display-6,
.gradient-pink-yellow h1,
.gradient-pink-yellow h2,
.gradient-pink-yellow h3,
.gradient-pink-yellow h4,
.gradient-pink-yellow h5,
.gradient-pink-yellow h6,
.gradient-pink-yellow .display-1,
.gradient-pink-yellow .display-2,
.gradient-pink-yellow .display-3,
.gradient-pink-yellow .display-4,
.gradient-pink-yellow .display-5,
.gradient-pink-yellow .display-6,
.gradient-indigo-purple h1,
.gradient-indigo-purple h2,
.gradient-indigo-purple h3,
.gradient-indigo-purple h4,
.gradient-indigo-purple h5,
.gradient-indigo-purple h6,
.gradient-indigo-purple .display-1,
.gradient-indigo-purple .display-2,
.gradient-indigo-purple .display-3,
.gradient-indigo-purple .display-4,
.gradient-indigo-purple .display-5,
.gradient-indigo-purple .display-6,
.gradient-navy-blue h1,
.gradient-navy-blue h2,
.gradient-navy-blue h3,
.gradient-navy-blue h4,
.gradient-navy-blue h5,
.gradient-navy-blue h6,
.gradient-navy-blue .display-1,
.gradient-navy-blue .display-2,
.gradient-navy-blue .display-3,
.gradient-navy-blue .display-4,
.gradient-navy-blue .display-5,
.gradient-navy-blue .display-6 {
    color: white !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

/* Auto-detect dark sections by common dark colors in style attributes */
div[style*="background: linear-gradient"][style*="#1e40af"],
div[style*="background: linear-gradient"][style*="#667eea"],
div[style*="background: linear-gradient"][style*="#0b5fff"],
div[style*="background: linear-gradient"][style*="#1e3c72"],
div[style*="background: linear-gradient"][style*="#2a5298"],
div[style*="background: linear-gradient"][style*="#764ba2"],
div[style*="background: linear-gradient"][style*="#f093fb"],
div[style*="background: linear-gradient"][style*="#f5576c"],
div[style*="background: linear-gradient"][style*="#6366f1"],
div[style*="background: linear-gradient"][style*="#ec4899"],
div[style*="background: linear-gradient"][style*="#f97316"],
div[style*="background: linear-gradient"][style*="#dc2626"],
div[style*="background: linear-gradient"][style*="#10b981"],
div[style*="background: linear-gradient"][style*="#06b6d4"],
div[style*="background: linear-gradient"][style*="#fa709a"],
div[style*="background: linear-gradient"][style*="#fee140"],
section[style*="background: linear-gradient"][style*="#1e40af"],
section[style*="background: linear-gradient"][style*="#667eea"],
section[style*="background: linear-gradient"][style*="#0b5fff"],
section[style*="background: linear-gradient"][style*="#1e3c72"],
section[style*="background: linear-gradient"][style*="#2a5298"],
section[style*="background: linear-gradient"][style*="#764ba2"],
section[style*="background: linear-gradient"][style*="#f093fb"],
section[style*="background: linear-gradient"][style*="#f5576c"],
section[style*="background: linear-gradient"][style*="#6366f1"],
section[style*="background: linear-gradient"][style*="#ec4899"],
section[style*="background: linear-gradient"][style*="#f97316"],
section[style*="background: linear-gradient"][style*="#dc2626"],
section[style*="background: linear-gradient"][style*="#10b981"],
section[style*="background: linear-gradient"][style*="#06b6d4"],
section[style*="background: linear-gradient"][style*="#fa709a"],
section[style*="background: linear-gradient"][style*="#fee140"] {
    color: white !important;
}

div[style*="background: linear-gradient"][style*="#1e40af"] h1,
div[style*="background: linear-gradient"][style*="#1e40af"] h2,
div[style*="background: linear-gradient"][style*="#1e40af"] h3,
div[style*="background: linear-gradient"][style*="#1e40af"] h4,
div[style*="background: linear-gradient"][style*="#1e40af"] h5,
div[style*="background: linear-gradient"][style*="#1e40af"] h6,
div[style*="background: linear-gradient"][style*="#1e40af"] .display-1,
div[style*="background: linear-gradient"][style*="#1e40af"] .display-2,
div[style*="background: linear-gradient"][style*="#1e40af"] .display-3,
div[style*="background: linear-gradient"][style*="#1e40af"] .display-4,
div[style*="background: linear-gradient"][style*="#1e40af"] .display-5,
div[style*="background: linear-gradient"][style*="#1e40af"] .display-6,
div[style*="background: linear-gradient"][style*="#667eea"] h1,
div[style*="background: linear-gradient"][style*="#667eea"] h2,
div[style*="background: linear-gradient"][style*="#667eea"] h3,
div[style*="background: linear-gradient"][style*="#667eea"] h4,
div[style*="background: linear-gradient"][style*="#667eea"] h5,
div[style*="background: linear-gradient"][style*="#667eea"] h6,
div[style*="background: linear-gradient"][style*="#667eea"] .display-1,
div[style*="background: linear-gradient"][style*="#667eea"] .display-2,
div[style*="background: linear-gradient"][style*="#667eea"] .display-3,
div[style*="background: linear-gradient"][style*="#667eea"] .display-4,
div[style*="background: linear-gradient"][style*="#667eea"] .display-5,
div[style*="background: linear-gradient"][style*="#667eea"] .display-6,
div[style*="background: linear-gradient"][style*="#0b5fff"] h1,
div[style*="background: linear-gradient"][style*="#0b5fff"] h2,
div[style*="background: linear-gradient"][style*="#0b5fff"] h3,
div[style*="background: linear-gradient"][style*="#0b5fff"] h4,
div[style*="background: linear-gradient"][style*="#0b5fff"] h5,
div[style*="background: linear-gradient"][style*="#0b5fff"] h6,
div[style*="background: linear-gradient"][style*="#0b5fff"] .display-1,
div[style*="background: linear-gradient"][style*="#0b5fff"] .display-2,
div[style*="background: linear-gradient"][style*="#0b5fff"] .display-3,
div[style*="background: linear-gradient"][style*="#0b5fff"] .display-4,
div[style*="background: linear-gradient"][style*="#0b5fff"] .display-5,
div[style*="background: linear-gradient"][style*="#0b5fff"] .display-6,
section[style*="background: linear-gradient"] h1,
section[style*="background: linear-gradient"] h2,
section[style*="background: linear-gradient"] h3,
section[style*="background: linear-gradient"] h4,
section[style*="background: linear-gradient"] h5,
section[style*="background: linear-gradient"] h6,
section[style*="background: linear-gradient"] .display-1,
section[style*="background: linear-gradient"] .display-2,
section[style*="background: linear-gradient"] .display-3,
section[style*="background: linear-gradient"] .display-4,
section[style*="background: linear-gradient"] .display-5,
section[style*="background: linear-gradient"] .display-6 {
    color: white !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

/* Auto-detect light sections */
div[style*="background: #fff"],
div[style*="background: #ffffff"],
div[style*="background: white"],
div[style*="background: #f8f9fa"],
div[style*="background: #f3f4f6"],
div[style*="background: #e9ecef"],
section[style*="background: #fff"],
section[style*="background: #ffffff"],
section[style*="background: white"],
section[style*="background: #f8f9fa"],
section[style*="background: #f3f4f6"],
section[style*="background: #e9ecef"] {
    color: #333 !important;
}

div[style*="background: #fff"] h1,
div[style*="background: #fff"] h2,
div[style*="background: #fff"] h3,
div[style*="background: #fff"] h4,
div[style*="background: #fff"] h5,
div[style*="background: #fff"] h6,
div[style*="background: #fff"] .display-1,
div[style*="background: #fff"] .display-2,
div[style*="background: #fff"] .display-3,
div[style*="background: #fff"] .display-4,
div[style*="background: #fff"] .display-5,
div[style*="background: #fff"] .display-6,
div[style*="background: #ffffff"] h1,
div[style*="background: #ffffff"] h2,
div[style*="background: #ffffff"] h3,
div[style*="background: #ffffff"] h4,
div[style*="background: #ffffff"] h5,
div[style*="background: #ffffff"] h6,
div[style*="background: #ffffff"] .display-1,
div[style*="background: #ffffff"] .display-2,
div[style*="background: #ffffff"] .display-3,
div[style*="background: #ffffff"] .display-4,
div[style*="background: #ffffff"] .display-5,
div[style*="background: #ffffff"] .display-6,
div[style*="background: white"] h1,
div[style*="background: white"] h2,
div[style*="background: white"] h3,
div[style*="background: white"] h4,
div[style*="background: white"] h5,
div[style*="background: white"] h6,
div[style*="background: white"] .display-1,
div[style*="background: white"] .display-2,
div[style*="background: white"] .display-3,
div[style*="background: white"] .display-4,
div[style*="background: white"] .display-5,
div[style*="background: white"] .display-6,
section[style*="background: #fff"] h1,
section[style*="background: #fff"] h2,
section[style*="background: #fff"] h3,
section[style*="background: #fff"] h4,
section[style*="background: #fff"] h5,
section[style*="background: #fff"] h6,
section[style*="background: #fff"] .display-1,
section[style*="background: #fff"] .display-2,
section[style*="background: #fff"] .display-3,
section[style*="background: #fff"] .display-4,
section[style*="background: #fff"] .display-5,
section[style*="background: #fff"] .display-6,
section[style*="background: #ffffff"] h1,
section[style*="background: #ffffff"] h2,
section[style*="background: #ffffff"] h3,
section[style*="background: #ffffff"] h4,
section[style*="background: #ffffff"] h5,
section[style*="background: #ffffff"] h6,
section[style*="background: #ffffff"] .display-1,
section[style*="background: #ffffff"] .display-2,
section[style*="background: #ffffff"] .display-3,
section[style*="background: #ffffff"] .display-4,
section[style*="background: #ffffff"] .display-5,
section[style*="background: #ffffff"] .display-6,
section[style*="background: white"] h1,
section[style*="background: white"] h2,
section[style*="background: white"] h3,
section[style*="background: white"] h4,
section[style*="background: white"] h5,
section[style*="background: white"] h6,
section[style*="background: white"] .display-1,
section[style*="background: white"] .display-2,
section[style*="background: white"] .display-3,
section[style*="background: white"] .display-4,
section[style*="background: white"] .display-5,
section[style*="background: white"] .display-6 {
    color: #333 !important;
}