/*
 * Miix Donate — theme override sample
 *
 * Copy this file to:
 *   wp-content/themes/<your-theme>/miix-donate/miix-donate.css
 *
 * The plugin loads it automatically after its own stylesheet, so your rules
 * cascade on top. You only need to include what you want to change.
 *
 * The form's entire color scheme is driven by the CSS custom properties on
 * .miix-donate-wrap below. Override those first — most sites won't need
 * anything else.
 *
 * Use `body .miix-donate-wrap` (not just `.miix-donate-wrap`) to ensure your
 * overrides win regardless of stylesheet load order.
 */

/* -------------------------------------------------------------------------
 * Brand palette — replace the values with your own colors
 * --miix-primary-rgb must be the comma-separated RGB triple of --miix-primary
 * (used to build the focus glow via rgba()).
 * --------------------------------------------------------------------- */

body .miix-donate-wrap {
    --miix-primary:        #2a4879;
    --miix-primary-dark:   #1e3560;
    --miix-primary-bg:     #edf1f8;
    --miix-primary-border: #b3c2da;
    --miix-primary-rgb:    42, 72, 121;
    --miix-cta:            #2a4879;
    --miix-cta-hover:      #1e3560;
	background: #ededed;
	border-radius: 8px;
	padding: 2rem;
}

body .miix-donate-modal-outer {
    --miix-primary:        #2a4879;
    --miix-primary-dark:   #1e3560;
    --miix-primary-bg:     #edf1f8;
    --miix-primary-border: #b3c2da;
    --miix-primary-rgb:    42, 72, 121;
    --miix-cta:            #2a4879;
    --miix-cta-hover:      #1e3560;
}

.miix-donate-wrap h3 {
	margin-top:0;
}

.miix-donate-modal-content {
    padding: 0;
}