.quiqqer-accordion-list--softCard {
    --accordion-columns-gap: 1rem;
    --accordion-items-gap: 1rem;
}

.quiqqer-accordion-item--softCard {
    background: var(--accordion-softCard-item-bg, var(--theme--qui-colors-surface-soft, var(--qui-colors-surface-subtle)));
    border-radius: var(--accordion-softCard-radius, var(--qui-radius-card));
    color: var(--accordion-softCard-item-color, inherit);
}

.quiqqer-accordion-item--softCard[data-open="1"] {
    background: var(--accordion-softCard-item-open-bg, var(--accordion-softCard-item-bg, var(--theme--qui-colors-surface-soft, var(--qui-colors-surface-subtle))));
    color: var(--accordion-softCard-item-open-color, var(--accordion-softCard-item-color, inherit));
}

.quiqqer-accordion-item--softCard .quiqqer-accordion-item-header--softCard {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: var(--accordion-header-font-size, 1rem);
    font-weight: var(--accordion-header-font-weight, 500);
    gap: 1rem;
    margin: 0;
    padding: var(--accordion-softCard-header-padding, 1.125rem 1.25rem);
}

.quiqqer-accordion-item--softCard .quiqqer-accordion-item-header-text {
    flex-grow: 1;
}

.quiqqer-accordion-item--softCard .quiqqer-accordion-item-header-icon {
    align-items: center;
    background: var(--accordion-softCard-icon-bg, var(--qui-colors-surface));
    border-radius: 50%;
    color: var(--accordion-softCard-icon-color, inherit);
    display: inline-flex;
    height: var(--accordion-softCard-icon-size, 2rem);
    justify-content: center;
    line-height: 1;
    min-width: var(--accordion-softCard-icon-size, 2rem);
}

.quiqqer-accordion-list--icon-left .quiqqer-accordion-item--softCard .quiqqer-accordion-item-header-icon {
    margin-left: 0;
    order: -1;
}

.quiqqer-accordion-item--softCard .quiqqer-accordion-item-content--softCard {
    padding: 0 1.25rem 1.25rem;
}
