/*
 * MDJ Samenwerken Popup Tekst Zwart v1.0.0
 * Doel: tekst in de openbare ZZP/uitbesteder profiel-popup zwart en leesbaar maken.
 */

.mdj-zzp-popup-black-text,
.mdj-zzp-popup-black-text *:not(svg):not(path) {
    color: #000000 !important;
    text-shadow: none !important;
}

.mdj-zzp-popup-black-text h1,
.mdj-zzp-popup-black-text h2,
.mdj-zzp-popup-black-text h3,
.mdj-zzp-popup-black-text h4,
.mdj-zzp-popup-black-text h5,
.mdj-zzp-popup-black-text h6,
.mdj-zzp-popup-black-text p,
.mdj-zzp-popup-black-text li,
.mdj-zzp-popup-black-text span,
.mdj-zzp-popup-black-text strong,
.mdj-zzp-popup-black-text b,
.mdj-zzp-popup-black-text label,
.mdj-zzp-popup-black-text small,
.mdj-zzp-popup-black-text div {
    color: #000000 !important;
}

/* De donkere bovenbalk wordt licht gemaakt, zodat zwarte tekst goed leesbaar blijft. */
.mdj-zzp-popup-black-text .mdj-zzp-popup-detected-header,
.mdj-zzp-popup-black-text [class*="header"],
.mdj-zzp-popup-black-text [class*="Header"],
.mdj-zzp-popup-black-text [class*="top"],
.mdj-zzp-popup-black-text [class*="Top"] {
    color: #000000 !important;
}

.mdj-zzp-popup-black-text .mdj-zzp-popup-detected-header {
    background: #ffffff !important;
    border-bottom: 1px solid #d7e1ef !important;
}

/* Kaarten en informatievlakken behouden een lichte achtergrond en zwarte tekst. */
.mdj-zzp-popup-black-text .mdj-zzp-popup-detected-card,
.mdj-zzp-popup-black-text [class*="card"],
.mdj-zzp-popup-black-text [class*="Card"],
.mdj-zzp-popup-black-text [class*="box"],
.mdj-zzp-popup-black-text [class*="Box"] {
    color: #000000 !important;
}

/* Sluitknop zichtbaar houden. */
.mdj-zzp-popup-black-text button,
.mdj-zzp-popup-black-text [role="button"] {
    color: #000000 !important;
}

/* Specifieke veelvoorkomende modal/popup selectors als fallback. */
[class*="zzp"][class*="modal"],
[class*="zzp"][class*="popup"],
[class*="uitbesteder"][class*="modal"],
[class*="uitbesteder"][class*="popup"],
[class*="outsourcer"][class*="modal"],
[class*="outsourcer"][class*="popup"],
[class*="profile"][class*="modal"],
[class*="profile"][class*="popup"] {
    color: #000000 !important;
}

[class*="zzp"][class*="modal"] *:not(svg):not(path),
[class*="zzp"][class*="popup"] *:not(svg):not(path),
[class*="uitbesteder"][class*="modal"] *:not(svg):not(path),
[class*="uitbesteder"][class*="popup"] *:not(svg):not(path),
[class*="outsourcer"][class*="modal"] *:not(svg):not(path),
[class*="outsourcer"][class*="popup"] *:not(svg):not(path),
[class*="profile"][class*="modal"] *:not(svg):not(path),
[class*="profile"][class*="popup"] *:not(svg):not(path) {
    color: #000000 !important;
    text-shadow: none !important;
}