/* Algemene styling voor de pagina */
body {
    background-color: black !important; /* Zwarte achtergrond voor de pagina */
    color: darkgrey !important; /* Donkergrijze tekstkleur voor de meeste tekst */
    font-family: 'Arial', sans-serif;
}

/* Verberg alle afbeeldingen */
img {
    display: none !important; /* Alle afbeeldingen worden verborgen */
}

/* Zwart maken van alle achtergronden, inclusief div's, secties, header, footer, etc. */
body, 
div, 
section, 
header, 
footer, 
article, 
aside {
    background-color: #000 !important; /* Zwarte achtergrond */
    color: #000 !important; /* Zwarte tekstkleur, zodat tekst niet zichtbaar is */
}

/* Kleur van de meeste tekst aanpassen naar zwart op zwart (onzichtbaar) */
h1, h2, h3, h4, h5, h6, p, span, a {
    color: white !important; /* Zwarte kleur voor tekst */
}

/* Alle borders zwart maken */
* {
    border: 1px solid black !important; /* Zwarte rand van 1px dik */
}

/* Zet de zoekbalk wit, zodat deze zichtbaar is */
input[type="text"], .search-bar {
    background-color: white !important; /* Witte achtergrond voor de zoekbalk */
    color: white !important; /* Zwarte tekst in de zoekbalk */
    border: 1px solid white !important; /* Zwarte rand voor de zoekbalk */
}

/* Verander de kleur van titels (h1, h2, h3, h4, h5, h6) naar wit */
h1, h2, h3, h4, h5, h6 {
    color: white !important; /* Witte kleur voor titels */
}

/* Verander de kleur van subtitels naar wit */
h2, h3, h4, h5, h6 {
    color: white !important; /* Witte kleur voor subtitels */
}

/* Verander de kleur van iconen naar wit */
i, svg, .icon, .fa, .icon-fontawesome {
    color: white !important; /* Alle iconen wit maken */
}

/* Als de iconen SVGs zijn, dwing dan de vulkleur in wit */
svg path {
    fill: white !important;
}

/* Zorg ervoor dat de achtergrond van iconen ook wit is, indien van toepassing */
.icon, .icon-fontawesome, .fa {
    background-color: white !important;
}

/* Als er afbeeldingen in de iconen worden gebruikt, zet deze om naar zwarte afbeeldingen (of verborgen) */
img.icon {
    display: none !important; /* Verberg iconen die als afbeeldingen worden gebruikt */
}

/* Maak alle afbeeldingen op de pagina zwart (door hun achtergrond in zwart te veranderen) */
.swiper-slide__img, .swiper-slide__img img {
    background-color: black !important; /* Zet afbeeldingen om naar zwart */
    color: black !important; /* Zorg ervoor dat tekst op afbeeldingen zwart is */
}

/* Voeg hier extra regels toe voor specifieke pop-ups of andere elementen */
.popup {
    display: none !important; /* Verberg alle pop-ups */
}

/* Als je knoppen of andere belangrijke interactieve elementen wilt aanpassen */
button, .button, .cta-button {
    background-color: white !important; /* Zwarte knoppen */
    color: white !important; /* Witte tekst op knoppen */
    border: 1px solid white !important; /* Witte rand om de knoppen */
}

/* Specifieke regels voor andere elementen, indien nodig */
.product-item__camecase-wrap span::before {
    content: "1,571,999" !important; /* Eventueel aangepast productaantal */
}

.sui-input__inner, .sui-input__inner-suffix, .sui-input__inner-prefix {
    background-color: black !important; /* Zwarte invoervelden */
    color: white !important; /* Witte tekst in invoervelden */
}