/* WK Pool Pro v1.4.1 - Gradient headers: altijd witte effen tekst */

/*
  Probleem:
  Oude regels maakten h1/h2/h3 oranje of lieten tekst meedoen met gradient/clip.
  Regel vanaf nu:
  - elk visual/gradient/headerblok: witte tekst
  - geen background-clip/text-fill op letters
  - geen oranje grote kop op oranje gradient
*/

/* Brede selectie van visual/gradient headers */
.wkp [style*="gradient"],
.wkp [class*="gradient"],
.wkp .wkp-gradient,
.wkp .wkp-hero,
.wkp .wkp-pub-hero,
.wkp .wkp-component-hero,
.wkp .wkp-front-section-head,
.wkp .wkp-dark-section,
.wkp .wkp-dark,
.wkp .wkp-next {
    color: #ffffff !important;
}

/* Alle tekst in die blokken wit en effen */
.wkp [style*="gradient"] *,
.wkp [class*="gradient"] *,
.wkp .wkp-gradient *,
.wkp .wkp-hero *,
.wkp .wkp-pub-hero *,
.wkp .wkp-component-hero *,
.wkp .wkp-front-section-head *,
.wkp .wkp-dark-section *,
.wkp .wkp-dark *,
.wkp .wkp-next * {
    color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-text-fill-color: #ffffff !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    mix-blend-mode: normal !important;
    filter: none !important;
}

/* Grote titels in gradientblokken extra hard wit */
.wkp [style*="gradient"] h1,
.wkp [style*="gradient"] h2,
.wkp [style*="gradient"] h3,
.wkp [class*="gradient"] h1,
.wkp [class*="gradient"] h2,
.wkp [class*="gradient"] h3,
.wkp .wkp-gradient h1,
.wkp .wkp-gradient h2,
.wkp .wkp-gradient h3,
.wkp .wkp-hero h1,
.wkp .wkp-hero h2,
.wkp .wkp-hero h3,
.wkp .wkp-pub-hero h1,
.wkp .wkp-pub-hero h2,
.wkp .wkp-pub-hero h3,
.wkp .wkp-component-hero h1,
.wkp .wkp-component-hero h2,
.wkp .wkp-component-hero h3,
.wkp .wkp-front-section-head h1,
.wkp .wkp-front-section-head h2,
.wkp .wkp-front-section-head h3,
.wkp .wkp-dark-section h1,
.wkp .wkp-dark-section h2,
.wkp .wkp-dark-section h3,
.wkp .wkp-dark h1,
.wkp .wkp-dark h2,
.wkp .wkp-dark h3,
.wkp .wkp-next h1,
.wkp .wkp-next h2,
.wkp .wkp-next h3 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: transparent !important;
    background-image: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.24) !important;
    mix-blend-mode: normal !important;
}

/* Kicker-pill in gradient mag witte tekst houden op subtiele transparante achtergrond */
.wkp [style*="gradient"] .wkp-kicker,
.wkp [class*="gradient"] .wkp-kicker,
.wkp .wkp-gradient .wkp-kicker,
.wkp .wkp-hero .wkp-kicker,
.wkp .wkp-component-hero .wkp-kicker,
.wkp .wkp-front-section-head .wkp-kicker,
.wkp .wkp-dark-section .wkp-kicker {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: rgba(255,255,255,.16) !important;
    border-radius: 999px !important;
    padding: 7px 12px !important;
}

/* Maar gewone contentkaarten onder analyse blijven gewoon donkerblauw */
.wkp .wkp-analysis-card > table *,
.wkp .wkp-analysis-card tbody *,
.wkp .wkp-analysis-card tr *,
.wkp .wkp-analysis-card td *,
.wkp .wkp-analysis-card .wkp-table *,
.wkp .wkp-front-card > table *,
.wkp .wkp-front-card tbody *,
.wkp .wkp-front-card tr *,
.wkp .wkp-front-card td * {
    color: #071422 !important;
    -webkit-text-fill-color: #071422 !important;
}

/* Scores/punten in die tabellen blijven oranje */
.wkp .wkp-analysis-card td strong,
.wkp .wkp-analysis-card .wkp-score,
.wkp .wkp-analysis-card .wkp-points,
.wkp .wkp-front-card td strong,
.wkp .wkp-front-card .wkp-score,
.wkp .wkp-front-card .wkp-points {
    color: #ff7a00 !important;
    -webkit-text-fill-color: #ff7a00 !important;
}

/* Specifiek voor nested visual header bovenaan analyse/front cards */
.wkp .wkp-analysis-card > div:first-child,
.wkp .wkp-front-card > div:first-child,
.wkp .wkp-card > div:first-child.wkp-component-hero,
.wkp .wkp-card > div:first-child[class*="gradient"] {
    color: #ffffff !important;
}

.wkp .wkp-analysis-card > div:first-child h1,
.wkp .wkp-analysis-card > div:first-child h2,
.wkp .wkp-analysis-card > div:first-child h3,
.wkp .wkp-front-card > div:first-child h1,
.wkp .wkp-front-card > div:first-child h2,
.wkp .wkp-front-card > div:first-child h3 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: transparent !important;
    background-image: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
}