/* ========================================
   ACADEMYFLOW TEXT READABILITY FIX
   High-specificity CSS to override theme styles
   ======================================== */

/* Force WHITE text on ALL colored backgrounds */

/* Homepage Hero Section */
body .wp-block-cover h1,
body .wp-block-cover h2,
body .wp-block-cover h3,
body .wp-block-cover h4,
body .wp-block-cover h5,
body .wp-block-cover h6,
body .wp-block-cover p,
body .wp-block-cover span,
body .wp-block-cover .wp-block-heading,
body .entry-content .wp-block-cover h1,
body .entry-content .wp-block-cover h2,
body .entry-content .wp-block-cover p {
    color: #ffffff !important;
}

/* Gradient backgrounds */
body [style*="linear-gradient"] h1,
body [style*="linear-gradient"] h2,
body [style*="linear-gradient"] h3,
body [style*="linear-gradient"] p,
body [style*="linear-gradient"] span,
body [style*="linear-gradient"] .wp-block-heading,
body .entry-content [style*="linear-gradient"] h1,
body .entry-content [style*="linear-gradient"] h2,
body .entry-content [style*="linear-gradient"] p {
    color: #ffffff !important;
}

/* Blue gradient sections (#2563eb, #1e40af) */
body [style*="#2563eb"] h1,
body [style*="#2563eb"] h2,
body [style*="#2563eb"] p,
body [style*="#2563eb"] span,
body [style*="#1e40af"] h1,
body [style*="#1e40af"] h2,
body [style*="#1e40af"] p,
body .entry-content [style*="#2563eb"] h1,
body .entry-content [style*="#2563eb"] h2,
body .entry-content [style*="#2563eb"] p {
    color: #ffffff !important;
}

/* Green gradient sections (#047857, #065f46) */
body [style*="#047857"] h1,
body [style*="#047857"] h2,
body [style*="#047857"] p,
body [style*="#047857"] span,
body [style*="#065f46"] h1,
body [style*="#065f46"] h2,
body [style*="#065f46"] p,
body .entry-content [style*="#047857"] h1,
body .entry-content [style*="#047857"] h2,
body .entry-content [style*="#047857"] p {
    color: #ffffff !important;
}

/* Fix specific issue with theme's --ast-global-color-3 */
body .wp-block-cover__inner-container h1,
body .wp-block-cover__inner-container h2,
body .wp-block-cover__inner-container p,
body .entry-content .wp-block-cover__inner-container h1,
body .entry-content .wp-block-cover__inner-container h2,
body .entry-content .wp-block-cover__inner-container p {
    color: #ffffff !important;
}

/* Fix buttons with white background and white text */
body .wp-block-button__link[style*="background: white"],
body .wp-block-button__link[style*="background-color: white"],
body .wp-block-button__link[style*="background:#fff"],
body .wp-block-button__link[style*="background-color:#fff"],
body .wp-block-button__link[style*="background: #fff"],
body .wp-block-button__link[style*="background-color: #fff"] {
    background: transparent !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
}

/* Outline buttons on colored backgrounds */
body .wp-block-button.is-style-outline .wp-block-button__link,
body .wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link {
    border-color: #ffffff !important;
    color: #ffffff !important;
}

/* Primary buttons on colored backgrounds */
body .wp-block-cover .wp-block-button__link,
body [style*="linear-gradient"] .wp-block-button__link {
    color: #ffffff !important;
}

/* Fix any text with has-primary or has-secondary class */
body .has-background.has-primary-background-color,
body .has-background.has-secondary-background-color {
    color: #ffffff !important;
}

body .has-background.has-primary-background-color h1,
body .has-background.has-primary-background-color h2,
body .has-background.has-primary-background-color p,
body .has-background.has-secondary-background-color h1,
body .has-background.has-secondary-background-color h2,
body .has-background.has-secondary-background-color p {
    color: #ffffff !important;
}

/* Override Astra theme's h1 color for hero sections */
body.ast-single-post .entry-content .wp-block-cover h1,
body.page .entry-content .wp-block-cover h1,
body.ast-single-post .entry-content [style*="linear-gradient"] h1,
body.page .entry-content [style*="linear-gradient"] h1 {
    color: #ffffff !important;
}
