/* Order form, last step: what the order costs, then Pay now or Pay later (templates/index.html). */

.order-review {
    margin-top: var(--space-md);
    padding: var(--space-md);
    border: 1px solid var(--color-border, rgba(165, 180, 252, 0.14));
    border-radius: 0;
    background: var(--color-glass, rgba(255, 255, 255, 0.04));
}
.order-review__lines {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
.order-review__lines .quote-card__row span:first-child {
    min-width: 0;
    overflow-wrap: anywhere;
}
.order-review__total {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--space-md, 16px);
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--color-text, #f3f4fb);
}
.order-review__total strong {
    font-size: 1.5rem;
    font-variant-numeric: tabular-nums;
}
.order-review__note {
    margin: var(--space-sm, 8px) 0 0;
    font-size: 0.85rem;
    line-height: 1.45;
    color: var(--color-warning-text, #fbbf24);
}

.order-pay {
    display: grid;
    gap: var(--space-md, 16px);
    margin-top: var(--space-lg);
}
.order-pay__choice[hidden] {
    display: none;
}
.order-pay__hint {
    margin: var(--space-xs, 4px) 0 0;
    font-size: 0.82rem;
    line-height: 1.45;
    color: var(--text-muted);
}

.wizard__actions--start {
    justify-content: flex-start;
}

/* Contact step: what still stops "Review order". The button stays tappable and a tap marks the fields. */
.step-missing {
    margin: var(--space-md, 16px) 0 0;
    padding: 12px 14px;
    border: 1px solid var(--color-danger-text, #fca5a5);
    border-left-width: 3px;
    border-radius: 0;
    background: rgba(252, 165, 165, 0.06);
    text-align: left;
}
.step-missing[hidden] { display: none; }
.step-missing__title {
    margin: 0 0 4px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--color-danger-text, #fca5a5);
}
.step-missing__list {
    margin: 0;
    padding-left: 1.2em;
    font-size: 0.85rem;
    line-height: 1.5;
    color: var(--color-text, #f3f4fb);
    overflow-wrap: anywhere;
}
.btn.step-blocked { opacity: 0.55; }
.step-missing-field {
    outline: 2px solid var(--color-danger-text, #fca5a5);
    outline-offset: 2px;
}