/**
 * Pricing Page Text Visibility Fixes
 * Ensures all text is visible on the pricing page, especially the "Ready to get started?" section
 */

/* Fix for the Call to Action section text visibility */
.py-16.bg-gradient-to-r.from-primary.to-purple-600.text-white {
    background: linear-gradient(90deg, #4F46E5 0%, #7C3AED 100%) !important;
    color: white !important;
}

.py-16.bg-gradient-to-r.from-primary.to-purple-600.text-white h2 {
    color: white !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    font-weight: 700 !important;
}

.py-16.bg-gradient-to-r.from-primary.to-purple-600.text-white p {
    color: white !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    font-weight: 500 !important;
}

/* Ensure all text in gradient sections is visible */
section[class*="bg-gradient"] {
    background: linear-gradient(90deg, #4F46E5 0%, #7C3AED 100%) !important;
}

section[class*="bg-gradient"] h1,
section[class*="bg-gradient"] h2,
section[class*="bg-gradient"] h3,
section[class*="bg-gradient"] h4,
section[class*="bg-gradient"] h5,
section[class*="bg-gradient"] h6 {
    color: white !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

section[class*="bg-gradient"] p,
section[class*="bg-gradient"] div {
    color: white !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Mobile specific fixes */
@media (max-width: 768px) {
    .py-16.bg-gradient-to-r.from-primary.to-purple-600.text-white h2 {
        color: white !important;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
        font-weight: 700 !important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    .py-16.bg-gradient-to-r.from-primary.to-purple-600.text-white p {
        color: white !important;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        font-weight: 500 !important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

/* Chrome mobile specific fixes */
@media screen and (-webkit-min-device-pixel-ratio: 1) {
    section[class*="bg-gradient"] h1,
    section[class*="bg-gradient"] h2,
    section[class*="bg-gradient"] h3,
    section[class*="bg-gradient"] h4,
    section[class*="bg-gradient"] h5,
    section[class*="bg-gradient"] h6,
    section[class*="bg-gradient"] p {
        -webkit-text-stroke: 0.01em rgba(255, 255, 255, 0.1);
        text-rendering: optimizeLegibility;
    }
}

/* WebKit specific improvements */
@supports (-webkit-appearance: none) {
    section[class*="bg-gradient"] h1,
    section[class*="bg-gradient"] h2,
    section[class*="bg-gradient"] h3,
    section[class*="bg-gradient"] h4,
    section[class*="bg-gradient"] h5,
    section[class*="bg-gradient"] h6,
    section[class*="bg-gradient"] p {
        -webkit-font-smoothing: subpixel-antialiased;
    }
}