/* Shared form-step-card + form-progress__title — DS-PROC-002 / FB-002.
 *
 * Previously copy-pasted, byte-identical, in shpro_donation/Resources/Public/
 * Css/donation-form.css and shpro_membership/Resources/Public/Css/
 * membership-form.css. Consolidated here so the two can't silently drift.
 *
 * form-step-card is the standard container for multi-step form wizards
 * (donation, membership); it is NOT a rename of cf-card, which is a
 * different, unrelated card pattern used elsewhere and stays as-is.
 *
 * shpro_consultant_finder's .form-step-card is a deliberately different,
 * scoped variant (separate __title/__body split instead of the negative-
 * margin header here) for its single-step inquiry form and is NOT part of
 * this shared file — see that extension's own inquiry-form.css.
 */

/* Shared form step card — mirrors shop .checkout-step pattern */
.form-step-card {
    background-color: rgba(var(--bs-emphasis-color-rgb), 0.04);
    border: 1px solid rgba(var(--bs-emphasis-color-rgb), 0.08);
    border-radius: var(--bs-border-radius);
    padding: 1.25rem;
    margin-bottom: 1rem;
    overflow: hidden;
    width: 100%;
}

/* Fieldset min-inline-size fix — prevents content from shrinking the card */
.form-step-card fieldset {
    min-inline-size: 0;
}

/* Card header — mirrors shop .checkout-step-title */
.form-step-card__header {
    background: rgba(var(--bs-emphasis-color-rgb), 0.03);
    border-bottom: 1px solid rgba(var(--bs-emphasis-color-rgb), 0.08);
    border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
    padding: 0.75em 1.25em;
    margin: -1.25rem -1.25rem 1.25rem -1.25rem;
}

.form-step-card__header h2 {
    font-size: 1.15rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.6;
}

@media (max-width: 575.98px) {
    .form-step-card__header {
        margin: -1rem -1rem 1rem -1rem;
    }
}

/* Elevated sub-section within a form-step-card (e.g. price summary) */
.form-step-card__highlight {
    background-color: rgba(var(--bs-emphasis-color-rgb), 0.04);
    border-radius: var(--bs-border-radius);
    padding: 1rem 1.25rem;
    margin-top: 1rem;
}

@media (max-width: 575.98px) {
    .form-step-card {
        padding: 1rem;
    }
}

/* ── Sidebar: Title ──────────────────────────────────────────── */
.form-progress__title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--bs-body-color);
    margin: 0 0 0.75rem 0;
}