.kamers_overzicht .kamers_overzicht_lijst {
    /* Shared control for column and row spacing; independent of card internals. */
    --kamers_tussenruimte: var(--spacing_3);
    --bs-gutter-x: var(--kamers_tussenruimte);
    row-gap: var(--kamers_tussenruimte);
}

.kamers_overzicht .tussenruimte_6 {
    --kamers_tussenruimte: var(--spacing_6);
}

.kamers_overzicht .tussenruimte_8 {
    --kamers_tussenruimte: var(--spacing_8);
}

.kamers_overzicht .tussenruimte_10 {
    --kamers_tussenruimte: var(--spacing_10);
}

.kamers_overzicht .kamers_overzicht_item {
    gap: var(--spacing_3);
    hyphens: auto;
}

.kamers_overzicht .kamers_overzicht_afbeelding {
    /* Figma room card crop; scales with the column width. */
    aspect-ratio: 615 / 316;
}

.kamers_overzicht .kamers_overzicht_afbeelding :is(picture, img) {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kamers_overzicht .kamers_overzicht_inhoud {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing_3) / 3);
}

.kamers_overzicht .kamers_overzicht_voorzieningen,
.kamers_overzicht .kamers_overzicht_voet {
    gap: calc(var(--spacing_3) / 2);
}

.kamers_overzicht .kamers_overzicht_voorzieningen {
    color: color-mix(in srgb, var(--zwart) 75%, var(--wit));
}

.kamers_overzicht .kamers_overzicht_voorzieningen i {
    color: var(--zwart);
}