/*
 * WorkflowCSS.css
 *
 * @author    Thaler Software GmbH
 * @copyright Thaler Software GmbH
 * @link      https://www.thaler-software.eu
 */

/*
 * Rotates the arrow icon when the collapse section is open.
 * The rotation is based on the aria-expanded attribute of the button,
 * which Bootstrap automatically updates on toggle.
 * This provides visual feedback without requiring any JavaScript.
 *
 * Used in the PaymentCheckWorkflow
 */
.rotate-icon {
    transition: transform 0.2s ease;
}
[aria-expanded="true"] .rotate-icon {
    transform: rotate(180deg);
}

.payment-check-details-list {
    list-style: none;
    padding-left: 2.2rem;
    margin: 0;
}

.payment-check-details-list li {
    padding: 0.35rem 0;
    font-size: 0.85rem;
    border: none;
}

.payment-check-details-list li strong {
    display: inline-block;
    min-width: 145px;
}