/**
 * WK 2026 – Scholen / werk / aanmelden / beheer: volle breedte op GSM, groen-wit (NL) / BE-vlag.
 * Laadt als laatste stylesheet (na buttons-unified).
 * Pagina’s: wk-2026-scholen.php, wk-2026-bedrijven.php, wk-2026-school-aanmelden.php, wk-2026-school-beheer.php
 */

@media (max-width: 768px) {
    body.wk-scholen-page {
        overflow-x: hidden;
    }

    body.wk-scholen-page .main-content {
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: max(0.5rem, env(safe-area-inset-left, 0px)) !important;
        padding-right: max(0.5rem, env(safe-area-inset-right, 0px)) !important;
        padding-top: 0.65rem !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    body.wk-scholen-page .wk-wrap,
    body.wk-scholen-page .wk-scholen-wrap,
    body.wk-scholen-page .wk-beheer-wrap,
    body.wk-scholen-page .wk-aanmelden-layout {
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: max(0.5rem, env(safe-area-inset-left, 0px)) !important;
        padding-right: max(0.5rem, env(safe-area-inset-right, 0px)) !important;
        box-sizing: border-box !important;
        min-width: 0 !important;
    }

    body.wk-scholen-page .wk-landing-hero,
    body.wk-scholen-page .wk-landing-hero.wk-hero--land-banner,
    body.wk-scholen-page .wk-landing-hero .wk-hero-inner,
    body.wk-scholen-page .wk-scholen-section,
    body.wk-scholen-page .wk-scholen-grid,
    body.wk-scholen-page .wk-werk-proposition,
    body.wk-scholen-page .wk-scholen-hero--photo,
    body.wk-scholen-page .wk-scholen-card,
    body.wk-scholen-page .wk-scholen-form,
    body.wk-scholen-page .wk-scholen-edu-strip,
    body.wk-scholen-page .wk-werk-proposition-card,
    body.wk-scholen-page .wk-aanmelden-intro,
    body.wk-scholen-page .wk-land-picker,
    body.wk-scholen-page .wk-land-picker-form,
    body.wk-scholen-page .wk-land-cards,
    body.wk-scholen-page .wk-form-preview,
    body.wk-scholen-page .wk-steps-visual,
    body.wk-scholen-page .wk-beheer-share,
    body.wk-scholen-page .wk-beheer-moderatie,
    body.wk-scholen-page .wk-beheer-panel,
    body.wk-scholen-page .wk-beheer-form,
    body.wk-scholen-page .wk-scholen-deadline-banner,
    body.wk-scholen-page .wk-scholen-bottom-cta {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.wk-scholen-page .wk-land-cards {
        max-width: 100% !important;
    }

    body.wk-scholen-page .wk-scholen-hero-body {
        padding-left: max(0.75rem, env(safe-area-inset-left, 0px)) !important;
        padding-right: max(0.75rem, env(safe-area-inset-right, 0px)) !important;
    }

    body.wk-scholen-page .wk-scholen-cta,
    body.wk-scholen-page .wk-beheer-hero-actions,
    body.wk-scholen-page .wk-beheer-share-btns {
        width: 100% !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    body.wk-scholen-page .wk-scholen-cta .wk-scholen-btn,
    body.wk-scholen-page .wk-beheer-hero-actions .wk-scholen-btn,
    body.wk-scholen-page .wk-beheer-share-btns .wk-scholen-btn,
    body.wk-scholen-page .wk-beheer-share-btns .wk-beheer-btn-copy,
    body.wk-scholen-page .wk-beheer-share-btns .wk-beheer-btn-wa,
    body.wk-scholen-page .wk-aanmelden-actions .wk-scholen-btn,
    body.wk-scholen-page .wk-land-picker-actions .wk-scholen-btn {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.wk-scholen-page .wk-quick-nav.wk-scholen-page-nav {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-radius: 12px !important;
    }

    body.wk-scholen-page .wk-quick-nav .wk-select-field__native {
        min-height: 46px !important;
        border-radius: 12px !important;
        font-size: 0.9rem !important;
    }

    body.wk-scholen-page .wk-beheer-table-wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.wk-scholen-page .wk-aanmelden-layout input[type="text"],
    body.wk-scholen-page .wk-aanmelden-layout input[type="email"],
    body.wk-scholen-page .wk-aanmelden-layout input[type="url"],
    body.wk-scholen-page .wk-aanmelden-layout input[type="password"],
    body.wk-scholen-page .wk-aanmelden-layout textarea,
    body.wk-scholen-page .wk-aanmelden-layout select,
    body.wk-scholen-page .wk-beheer-settings input[type="text"],
    body.wk-scholen-page .wk-beheer-settings input[type="email"],
    body.wk-scholen-page .wk-beheer-settings textarea,
    body.wk-scholen-page .wk-beheer-settings select {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.wk-scholen-page .wk-scholen-url-box {
        word-break: break-all;
        font-size: 0.78rem !important;
    }

    body.wk-scholen-page .wk-land-cards {
        grid-template-columns: 1fr !important;
        gap: 0.65rem !important;
    }

    body.wk-scholen-page .wk-land-card {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Nederland: groen-wit (witte kaarten, groene primaire knoppen via buttons-unified) */
body.wk-scholen-page.wk-scholen-nl .wk-scholen-card,
body.wk-scholen-page.wk-scholen-be .wk-scholen-card,
body.wk-scholen-page.wk-scholen-nl .wk-aanmelden-intro,
body.wk-scholen-page.wk-scholen-be .wk-aanmelden-intro,
body.wk-scholen-page.wk-scholen-nl .wk-aanmelden-intro__item,
body.wk-scholen-page.wk-scholen-be .wk-aanmelden-intro__item,
body.wk-scholen-page.wk-scholen-nl .wk-beheer-panel,
body.wk-scholen-page.wk-scholen-be .wk-beheer-panel {
    background: #ffffff !important;
    border-color: #bbf7d0 !important;
}

body.wk-scholen-page.wk-scholen-nl .wk-aanmelden-intro__item,
body.wk-scholen-page.wk-scholen-be .wk-aanmelden-intro__item {
    border-color: #e2e8f0 !important;
}

body.wk-scholen-page.wk-scholen-nl:not(.wk-landing-unified) .wk-scholen-btn-outline,
body.wk-scholen-page.wk-scholen-nl:not(.wk-landing-unified) a.wk-scholen-btn-outline {
    background: #ffffff !important;
    color: #c2410c !important;
    -webkit-text-fill-color: #c2410c !important;
    border: 2px solid #ea580c !important;
}

body.wk-scholen-page.wk-scholen-nl:not(.wk-landing-unified) .wk-scholen-btn-primary,
body.wk-scholen-page.wk-scholen-nl:not(.wk-landing-unified) a.wk-scholen-btn-primary,
body.wk-scholen-page.wk-scholen-nl .wk-beheer-btn-copy {
    background: linear-gradient(180deg, #22c55e 0%, #16a34a 52%, #15803d 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.38) !important;
}

body.wk-scholen-page.wk-scholen-nl .wk-scholen-page-nav a.wk-scholen-nav-cta {
    background: linear-gradient(135deg, #22c55e 0%, #15803d 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: none !important;
}

/* België: landings-knoppen (wint van buttons-unified groen) */
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-scholen-btn.wk-scholen-btn-primary {
    background: linear-gradient(135deg, #1a1a1a 0%, #404040 100%) !important;
    color: #fbbf24 !important;
    -webkit-text-fill-color: #fbbf24 !important;
    border: 2px solid #fbbf24 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
}

body.wk-scholen-page.wk-scholen-be .wk-scholen-btn-primary:hover,
body.wk-scholen-page.wk-scholen-be a.wk-scholen-btn-primary:hover {
    color: #fde047 !important;
    -webkit-text-fill-color: #fde047 !important;
    filter: brightness(1.05) !important;
}

body.wk-scholen-page.wk-scholen-be .wk-scholen-btn-outline {
    background: #fff !important;
    color: #1a1a1a !important;
    border: 2px solid #1a1a1a !important;
}

body.wk-scholen-page.wk-scholen-be .wk-scholen-page-nav a.wk-scholen-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;
}

body.wk-scholen-page.wk-scholen-be .wk-aanmelden-intro__badge {
    color: #78350f !important;
    background: #fffbeb !important;
    border-color: #fde68a !important;
}

body.wk-scholen-page.wk-scholen-be .wk-beheer-btn-copy {
    background: linear-gradient(135deg, #1a1a1a 0%, #c8102e 100%) !important;
    color: #fbbf24 !important;
    border: 2px solid #fbbf24 !important;
}