.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-19574 .elementor-element.elementor-element-3f2b9a1{--display:flex;}.elementor-widget-shortcode .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-shortcode .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}/* Start custom CSS for shortcode, class: .elementor-element-ee2cee7 *//* ================================
   Charitable Donor Dashboard: make it NOT washed out
   Paste into Appearance > Customize > Additional CSS
   ================================ */

/* Scope ONLY the donor dashboard (won't touch donation forms) */
body #charitable-donor-dashboard,
body .charitable-donor-dashboard,
body #charitable-user-dashboard,
body .charitable-user-dashboard,
body [id*="donor"][id*="dashboard"],
body [class*="donor"][class*="dashboard"],
body [id*="charitable"][id*="dashboard"],
body [class*="charitable"][class*="dashboard"]{
  --cdd-border: rgba(15, 23, 42, 0.28);
  --cdd-border-strong: rgba(15, 23, 42, 0.45);
  --cdd-bg: #ffffff;
  --cdd-text: #0f172a;
  --cdd-muted: rgba(15, 23, 42, 0.65);
  --cdd-focus: rgba(245, 158, 11, 0.35); /* warm focus ring */
}

/* Inputs / selects / textareas */
body #charitable-donor-dashboard input,
body #charitable-donor-dashboard select,
body #charitable-donor-dashboard textarea,
body .charitable-donor-dashboard input,
body .charitable-donor-dashboard select,
body .charitable-donor-dashboard textarea,
body [id*="donor"][id*="dashboard"] input,
body [id*="donor"][id*="dashboard"] select,
body [id*="donor"][id*="dashboard"] textarea,
body [class*="donor"][class*="dashboard"] input,
body [class*="donor"][class*="dashboard"] select,
body [class*="donor"][class*="dashboard"] textarea {
  background: var(--cdd-bg) !important;
  color: var(--cdd-text) !important;
  border: 1px solid var(--cdd-border-strong) !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.06) !important;
}

/* Better focus state */
body #charitable-donor-dashboard input:focus,
body #charitable-donor-dashboard select:focus,
body #charitable-donor-dashboard textarea:focus,
body .charitable-donor-dashboard input:focus,
body .charitable-donor-dashboard select:focus,
body .charitable-donor-dashboard textarea:focus,
body [id*="donor"][id*="dashboard"] input:focus,
body [id*="donor"][id*="dashboard"] select:focus,
body [id*="donor"][id*="dashboard"] textarea:focus,
body [class*="donor"][class*="dashboard"] input:focus,
body [class*="donor"][class*="dashboard"] select:focus,
body [class*="donor"][class*="dashboard"] textarea:focus {
  outline: none !important;
  border-color: rgba(245, 158, 11, 0.85) !important;
  box-shadow: 0 0 0 3px var(--cdd-focus), 0 1px 2px rgba(0,0,0,0.06) !important;
}

/* Labels a bit stronger */
body #charitable-donor-dashboard label,
body .charitable-donor-dashboard label,
body [id*="donor"][id*="dashboard"] label,
body [class*="donor"][class*="dashboard"] label {
  color: var(--cdd-text) !important;
  font-weight: 600 !important;
}

/* Overview “cards” — make them pop a little */
body #charitable-donor-dashboard [class*="card"],
body .charitable-donor-dashboard [class*="card"],
body [id*="donor"][id*="dashboard"] [class*="card"],
body [class*="donor"][class*="dashboard"] [class*="card"]{
  background: #fff !important;
  border: 1px solid var(--cdd-border) !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06) !important;
}

/* Tabs: clearer active state (works for most tab markups) */
body #charitable-donor-dashboard .nav a,
body .charitable-donor-dashboard .nav a,
body #charitable-donor-dashboard [role="tab"],
body .charitable-donor-dashboard [role="tab"]{
  color: var(--cdd-muted) !important;
  font-weight: 600 !important;
}

body #charitable-donor-dashboard .nav .active a,
body .charitable-donor-dashboard .nav .active a,
body #charitable-donor-dashboard [role="tab"][aria-selected="true"],
body .charitable-donor-dashboard [role="tab"][aria-selected="true"]{
  color: var(--cdd-text) !important;
  border-bottom: 3px solid rgba(245, 158, 11, 0.95) !important;
}

/* Buttons: match the “clean but visible” look */
body #charitable-donor-dashboard button,
body #charitable-donor-dashboard .button,
body .charitable-donor-dashboard button,
body .charitable-donor-dashboard .button,
body [id*="donor"][id*="dashboard"] button,
body [class*="donor"][class*="dashboard"] button {
  border-radius: 10px !important;
  font-weight: 700 !important;
}/* End custom CSS */