/* alleen maar uitzonderingen en specials */

/* ============================================================
   HULPMIDDELEN SECTIE (Flexbox Cards)
   ============================================================ */

/* Titel en Lijn */
.tk-hulpmiddelen-titel {
    color: #1711D7 !important;
    font-family: 'RundText', sans-serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    margin-bottom: 10px !important;
    letter-spacing: 0.5px;
}

.tk-hulpmiddelen-lijn {
    border: none;
    border-top: 2px solid #1711D7;
    margin-bottom: 30px !important;
    width: 100%;
}

/* De Container voor de Kaarten */
.tk-hulpmiddelen-grid {
    display: flex;
    gap: 20px; /* Ruimte tussen de roze blokken */
    align-items: stretch; /* Zorgt dat alle kaarten even hoog worden */
}

/* De Roze Kaart Zelf */
.tk-hulpmiddel-card {
    flex: 1; /* Dwingt gelijke breedte af voor alle 3 de blokken */
    background-color: #FFD1D1; /* De zachtroze kleur */
    padding: 25px 25px 20px 25px; /* Binnenmarge (iets minder aan de onderkant voor de knop) */
    display: flex;
    flex-direction: column; /* Zet tekst en knop onder elkaar */
}

/* Tekst Container in de kaart */
.tk-card-tekst {
    flex-grow: 1; /* Dit is de magic trick: drukt de knop altijd naar de bodem! */
    margin-bottom: 25px;
}

.tk-card-tekst h4 {
    font-family: 'RundText', sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #000000 !important;
    margin-bottom: 5px !important;
    line-height: 1.3em;
}

.tk-card-tekst p {
    font-family: 'RundText', sans-serif !important;
    font-size: 14px !important;
    color: #000000 !important;
    margin-bottom: 0 !important;
    line-height: 1.4em;
}

/* De Download Knop */
.tk-btn-download {
    display: block;
    width: 100%;
    background-color: #1711D7 !important;
    color: #ffffff !important;
    text-align: center;
    padding: 12px 10px;
    font-family: 'RundText', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: background-color 0.3s ease;
    box-sizing: border-box;
}

.tk-btn-download:hover {
    background-color: #0F0A9E !important;
}

/* Mobiele Weergave (Onder elkaar op telefoons) */
@media (max-width: 768px) {
    .tk-hulpmiddelen-grid {
        flex-direction: column;
        gap: 15px;
    }
}