/* 1. Base Box Wrapper */
.donation_module {
    background-color: #f8faf6 !important;
    background: #f8faf6 !important;
    border-radius: 12px !important;
}

/* 2. THE PURPLE KILLER: Force ALL inner containers to be transparent 
   so the soft off-white background can finally show through */
.donation_module * {
    background-color: transparent !important;
    background: transparent !important;
}

/* 3. RESTORE INPUTS: Explicitly give form text fields their clean white background back */
.donation_module input[type="text"],
.donation_module input[type="number"],
.donation_module input[type="email"],
.donation_module select,
.donation_module textarea {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}

/* 4. RESTORE AMOUNT BUTTONS: Style the donation choices */
.donation_module .jd_amount_label,
.donation_module [class*="amount"],
.donation_module .btn-group .btn {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #334155 !important;
}

/* Active Selected Amount Highlight (Deep Garden Green) */
.donation_module input[type="radio"]:checked + label,
.donation_module .jd_amount_label_active,
.donation_module [class*="active"] {
    background-color: #2e6f40 !important;
    background: #2e6f40 !important;
    color: #ffffff !important;
}

/* 5. THE RED BUTTON KILLER: Target absolutely any tag acting as the submit action */
.donation_module button,
.donation_module input[type="submit"],
.donation_module input[type="button"],
.donation_module a[class*="btn"],
.donation_module a[class*="button"],
.donation_module [class*="submit"],
.donation_module [id*="submit"] {
    background-color: #d97706 !important; /* Terracotta CTA */
    background: #d97706 !important;
    color: #ffffff !important;
    border: none !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

/* Button Hover State */
.donation_module button:hover,
.donation_module input[type="submit"]:hover,
.donation_module a[class*="btn"]:hover,
.donation_module [class*="submit"]:hover {
    background-color: #b45309 !important; /* Deep Clay */
    background: #b45309 !important;
    color: #ffffff !important;
}