.behandelingen_lijst .behandelingen_lijst_items{
    display: grid;
    gap: calc(var(--spacing_3) / 2);
}

.behandelingen_lijst .behandelingen_lijst_item{
    /* Figma's light divider is shared by the card and its price labels. */
    --behandeling_rand: #ededed;
    padding: var(--spacing_3);
    border: 0.1rem solid var(--behandeling_rand);
    background: var(--wit);
    color: var(--zwart);
}

.behandelingen_lijst .behandelingen_lijst_kop{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing_3);
}

.behandelingen_lijst button.behandelingen_lijst_kop{
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    text-align: left;
}

.behandelingen_lijst .behandelingen_lijst_labels{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing_3) / 3) var(--spacing_3);
}

.behandelingen_lijst .behandelingen_lijst_prijzen{
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing_3) / 3);
}

.behandelingen_lijst .behandelingen_lijst_prijs{
    /* Figma chip: 4px vertical / 12px horizontal at 30px card padding. */
    padding: calc(var(--spacing_3) * 2 / 15) calc(var(--spacing_3) * 2 / 5);
    border: 0.1rem solid var(--behandeling_rand);
}

.behandelingen_lijst .behandelingen_lijst_icoon{
    /* Preserve the Figma SVG's intrinsic 20 x 20px slot. */
    flex: 0 0 2rem;
    height: 2rem;
    background: url('../../../images/behandelingen_lijst_open.svg') center no-repeat;
}

.behandelingen_lijst .collapsed .behandelingen_lijst_icoon{
    background-image: url('../../../images/behandelingen_lijst_dicht.svg');
}

.behandelingen_lijst .behandelingen_lijst_content{
    --default-margin-bottom: calc(var(--spacing_3) * 2 / 3);
    padding-top: calc(var(--spacing_3) / 2);
}

.behandelingen_lijst .behandelingen_lijst_content > :last-child{
    margin-bottom: 0;
}

.behandelingen_lijst button.behandelingen_lijst_kop:focus-visible{
    outline: 0.2rem solid var(--groen);
    outline-offset: calc(var(--spacing_3) / 6);
}
