/**
 * Donation Summary Text Styles
 * =============================
 * Simple, subtle text summary for Step 2
 */

/* Summary Text Container - Simple and subtle like the screenshot */
.donation-summary-text {
    margin: 0 0 30px 0;
    padding: 0;
}

.donation-summary-text p {
    margin: 0;
    color: #999; /* Light gray like the screenshot */
    font-size: 18px;
    line-height: 1.6;
    font-weight: 300;
}

/* Highlighted parts of the text */
.donation-summary-text .donation-type-text {
    color: #999; /* Keep consistent gray */
    font-weight: 400;
}

.donation-summary-text .donation-amount-display {
    color: #999; /* Keep consistent gray */
    font-weight: 500; /* Slightly bolder for the amount */
}

/* Mobile Responsive */
@media (max-width: 480px) {
    .donation-summary-text {
        margin-bottom: 20px;
    }

    .donation-summary-text p {
        font-size: 16px;
    }
}