/* Styling voor kaarttekens */
.card {
    font-weight: bold;
    font-family: sans-serif;
    display: inline-block;
    margin: 0 2px;
}

.spade, .club, .schoppen, .klaver, .spades, .clubs, .black {
    color: black;
}

.heart, .diamond, .hearts, .diamonds, .harten, .ruiten, .red {
    color: red !important; /* bootstrap rood */
}

/* Maak het krachtiger */
.card.heart, .card.diamond, .card.hearts, .card.diamonds, 
.card.harten, .card.ruiten, .card.red {
    color: #dc3545 !important; /* Bootstrap rood */
}

/* EMERGENCY FIX - super krachtig */
span.card.heart, span.card.diamond {
    color: red !important;
}
/* Of specifieker als het in tekst staat */
span:contains("♥"), span:contains("♦") {
    color: red !important;
}

/* Extra krachtige regel voor zekerheid */
.suit.suit-hearts, .suit.suit-diamonds {
    color: #dc3545 !important;
}

/* EMERGENCY FIX - overschrijft alles */
[class*="suit-hearts"], [class*="suit-diamonds"] {
    color: red !important;
}
.red-suit {
    color: #dc3545;  /* iets feller, vriendelijker */
    font-size: 1.2em;
}