/**
 * info-sectie Block Styles
 */



/* icoon = zelfde cirkel als icon-card */
.info-sections .info-block__icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--accent);
    display: flex;
    align-items: center;
    justify-content: center;
}

.info-sections .info-block__icon img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}



.info-sections .info-block__card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transition: transform .2s ease, box-shadow .2s ease;
    border: none;
}

.info-sections .info-block__card.card{
    border: none;
}

.info-sections .info-block__card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 35px rgba(0,0,0,0.12);
}

.info-sections .info-block__card .card-body {
    padding: 1.5rem;
}

.info-sections .info-kv__label {
    font-size: 0.85rem;
}
.info-sections .info-kv__value {
    color: var(--primary);
}
/* algemene content */
.info-sections .info-text__content,
.info-sections .info-text__extra,
.info-sections .info-list__intro,
.info-sections .info-list__important {
    color: var(--primary);
}

/* opsomming */
.info-sections .info-list__item strong {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--primary);
}


.info-sections .info-block:not(:last-child) {
    margin-bottom: 3rem;
}


.info-sections .info-block__card a{
    color: var(--secondary);
}

/* list items met geel accent */
.info-sections .info-block--list .info-list__item {
    position: relative;
    padding-left: 1.25rem; /* ruimte voor streep */
}

/* gele streep */
.info-sections .info-block--list .info-list__item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.25rem;
    width: 4px;
    height: calc(100% - 0.5rem);
    background-color: var(--secondary);
    border-radius: 2px;
}

/* IMPORTANT BLOCK */
.info-sections .info-list__important {
    background: var(--accent);
    border-radius: 8px;
    padding: 1rem 1rem;
    margin-top: 1rem;
    color: var(--primary);
}

.info-sections .info-block__icon {
    flex-shrink: 0;
}