/**
 * WK 2026 – Knopcontrast (laatste laag)
 * Regel: lichte/witte knopachtergrond → donkere tekst; donkere/groene achtergrond → lichte tekst.
 */

/* ── Poule: lichte knoppen ── */
body.wk-has-football-nav.wk-poule-page .wk-btn-secondary,
body.wk-has-football-nav.wk-poule-page a.wk-btn-secondary,
body.wk-has-football-nav.wk-poule-page button.wk-btn-secondary,
body.wk-has-football-nav.wk-poule-page .wk-btn-ghost,
body.wk-has-football-nav.wk-poule-page a.wk-btn-ghost,
body.wk-has-football-nav.wk-poule-page .wk-btn-share-hero,
body.wk-has-football-nav.wk-poule-page .wk-btn-save,
body.wk-has-football-nav.wk-poule-page .wk-btn-beheer,
body.wk-has-football-nav.wk-poule-page .wk-share-action,
body.wk-has-football-nav.wk-poule-page .wk-schema-filter:not(.active),
body.wk-has-football-nav.wk-poule-page .wk-schema-tab:not(.active),
body.wk-has-football-nav.wk-poule-page .wk-match-chip:not(.active),
body.wk-has-football-nav.wk-poule-page .wk-gezin-tab:not(.active),
body.wk-has-football-nav.wk-poule-page .wk-page-nav-inner a:not(.wk-nav-cta) {
    color: #14532d !important;
    -webkit-text-fill-color: #14532d !important;
}

body.wk-has-football-nav.wk-poule-page.wk-land-national.wk-land-be .wk-btn-secondary,
body.wk-has-football-nav.wk-poule-page.wk-land-national.wk-land-be .wk-btn-ghost,
body.wk-has-football-nav.wk-poule-page.wk-land-national.wk-land-be .wk-btn-share-hero,
body.wk-has-football-nav.wk-poule-page.wk-land-national.wk-land-be .wk-btn-save,
body.wk-has-football-nav.wk-poule-page.wk-land-national.wk-land-be .wk-btn-beheer,
body.wk-has-football-nav.wk-poule-page.wk-land-national.wk-land-be .wk-share-action,
body.wk-has-football-nav.wk-poule-page.wk-land-national.wk-land-be .wk-gezin-tab:not(.active),
body.wk-has-football-nav.wk-poule-page.wk-land-national.wk-land-be .wk-page-nav-inner a:not(.wk-nav-cta),
body.wk-has-football-nav.wk-poule-page.wk-land-national.wk-land-be .wk-schema-filter:not(.active),
body.wk-has-football-nav.wk-poule-page.wk-land-national.wk-land-be .wk-schema-tab:not(.active) {
    color: #1a1a1a !important;
    -webkit-text-fill-color: #1a1a1a !important;
}

/* ── Snel naar: Gratis meedoen (context per breakpoint) ── */
@media (max-width: 768px) {
    body.wk-has-football-nav.wk-poule-page .wk-page-nav-inner a.wk-nav-cta {
        background: linear-gradient(135deg, #22c55e 0%, #15803d 100%) !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        border: 2px solid rgba(255, 255, 255, 0.35) !important;
    }

    body.wk-has-football-nav.wk-poule-page.wk-land-national.wk-land-be .wk-page-nav-inner a.wk-nav-cta {
        background: linear-gradient(135deg, #1a1a1a 0%, #404040 100%) !important;
        color: #fbbf24 !important;
        -webkit-text-fill-color: #fbbf24 !important;
        border: 2px solid #fbbf24 !important;
    }
}

@media (min-width: 769px) {
    body.wk-has-football-nav.wk-poule-page .wk-page-nav-inner a.wk-nav-cta {
        background: #ffffff !important;
        color: #14532d !important;
        -webkit-text-fill-color: #14532d !important;
        border: 2px solid #ffffff !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
    }

    body.wk-has-football-nav.wk-poule-page .wk-page-nav-inner a.wk-nav-cta:hover {
        color: #15803d !important;
        -webkit-text-fill-color: #15803d !important;
    }

    body.wk-has-football-nav.wk-poule-page.wk-land-national.wk-land-be .wk-page-nav-inner a.wk-nav-cta {
        background: #1a1a1a !important;
        color: #fbbf24 !important;
        -webkit-text-fill-color: #fbbf24 !important;
        border: 2px solid #fbbf24 !important;
    }

    body.wk-has-football-nav.wk-poule-page.wk-land-national.wk-land-be .wk-page-nav-inner a.wk-nav-cta:hover {
        color: #fde047 !important;
        -webkit-text-fill-color: #fde047 !important;
    }
}

/* ── Scholen/werk: outline & witte knoppen ── */
body.wk-scholen-page .wk-scholen-btn-outline,
body.wk-scholen-page a.wk-scholen-btn-outline,
body.wk-scholen-page button.wk-scholen-btn-outline,
body.wk-scholen-page .wk-beheer-preset,
body.wk-scholen-page button.wk-beheer-preset {
    background: #ffffff !important;
    color: #c2410c !important;
    -webkit-text-fill-color: #c2410c !important;
    border: 2px solid #ea580c !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important;
}

body.wk-scholen-page.wk-scholen-be .wk-scholen-btn-outline,
body.wk-scholen-page.wk-scholen-be a.wk-scholen-btn-outline,
body.wk-scholen-page.wk-scholen-be .wk-beheer-preset {
    color: #1a1a1a !important;
    -webkit-text-fill-color: #1a1a1a !important;
    border-color: #1a1a1a !important;
}

body.wk-beheer-page .wk-scholen-btn-primary,
body.wk-beheer-page a.wk-scholen-btn-primary {
    background: #ffffff !important;
    color: var(--wk-pool-primary, #c2410c) !important;
    -webkit-text-fill-color: var(--wk-pool-primary, #c2410c) !important;
    border: 2px solid var(--wk-pool-primary, #ea580c) !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
}

body.wk-beheer-page.wk-scholen-be .wk-scholen-btn-primary,
body.wk-beheer-page.wk-scholen-be a.wk-scholen-btn-primary {
    color: #1a1a1a !important;
    -webkit-text-fill-color: #1a1a1a !important;
    border-color: #1a1a1a !important;
}

body.wk-scholen-page .wk-beheer-btn-danger {
    background: #ffffff !important;
    color: #b91c1c !important;
    -webkit-text-fill-color: #b91c1c !important;
}

/* ── Scholen: primaire knoppen (donker/groen → lichte tekst) ── */
body.wk-scholen-page.wk-scholen-nl .wk-scholen-btn-primary,
body.wk-scholen-page.wk-scholen-nl a.wk-scholen-btn-primary,
body.wk-scholen-page.wk-scholen-nl .wk-beheer-btn-copy,
body.wk-scholen-page.wk-scholen-nl .wk-beheer-submit,
body.wk-scholen-page.wk-scholen-nl .wk-beheer-btn-wa {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.wk-scholen-page.wk-scholen-be .wk-scholen-btn-primary,
body.wk-scholen-page.wk-scholen-be a.wk-scholen-btn-primary,
body.wk-scholen-page.wk-scholen-be .wk-beheer-btn-copy {
    color: #fbbf24 !important;
    -webkit-text-fill-color: #fbbf24 !important;
}

body.wk-scholen-page.wk-scholen-be .wk-beheer-submit {
    color: #1a1a1a !important;
    -webkit-text-fill-color: #1a1a1a !important;
}

/* Legal / artikel CTA op witte kaart */
body.wk-scholen-page.wk-wk-legal-page a.wk-scholen-btn-primary,
body.wk-scholen-page .wk-wk-legal-doc a.wk-scholen-btn-primary {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* School- + werktussenstand: Gem.-score (wint van groene linkkleur in .wk-wrap) */
body.wk-has-football-nav.wk-poule-page.wk-land-national.wk-land-nl .wk-school-rank-row .wk-school-rank-score-pill,
body.wk-has-football-nav.wk-poule-page.wk-land-national.wk-land-nl .wk-school-rank-score-pill {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: linear-gradient(135deg, #fb923c 0%, #ea580c 52%, #c2410c 100%) !important;
    border: none !important;
    box-shadow: 0 4px 16px rgba(234, 88, 12, 0.38) !important;
}

body.wk-has-football-nav.wk-poule-page.wk-land-national.wk-land-nl .wk-school-rank-row .wk-school-rank-score-label,
body.wk-has-football-nav.wk-poule-page.wk-land-national.wk-land-nl .wk-school-rank-score-label {
    color: #b45309 !important;
    -webkit-text-fill-color: #b45309 !important;
}

body.wk-has-football-nav.wk-poule-page.wk-land-national.wk-land-be .wk-school-rank-row .wk-school-rank-score-pill,
body.wk-has-football-nav.wk-poule-page.wk-land-national.wk-land-be .wk-school-rank-score-pill {
    color: #fbbf24 !important;
    -webkit-text-fill-color: #fbbf24 !important;
    background: linear-gradient(135deg, #1a1a1a 0%, #404040 100%) !important;
    border: 2px solid #fbbf24 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
}

body.wk-has-football-nav.wk-poule-page.wk-land-national.wk-land-be .wk-school-rank-row .wk-school-rank-score-label,
body.wk-has-football-nav.wk-poule-page.wk-land-national.wk-land-be .wk-school-rank-score-label {
    color: #78716c !important;
    -webkit-text-fill-color: #78716c !important;
}

body.wk-has-football-nav.wk-poule-page.wk-land-national.wk-land-be #wkWerkRankSection .wk-school-rank-row .wk-school-rank-score-label,
body.wk-has-football-nav.wk-poule-page.wk-land-national.wk-land-be #wkWerkRankSection .wk-school-rank-score-label {
    color: #fde68a !important;
    -webkit-text-fill-color: #fde68a !important;
}
