/**
 * AIER body-background override
 * ------------------------------------------------------------
 * Your theme sets a background (color/image) on <body> that you don't
 * have direct control over. You don't need to edit the theme to change
 * it — WordPress already puts classes on <body> for you (via
 * body_class()), and this file loads AFTER the theme's own stylesheet
 * (because it's enqueued later in functions.php), so a plain CSS rule
 * here wins without needing !important in most cases.
 *
 * IMPORTANT: the class names below are GUESSES based on WordPress's
 * usual naming pattern. Confirm the real ones by right-clicking your
 * Join/Renew or Checkout page -> Inspect -> look at the opening
 * <body class="..."> tag, and adjust the selectors to match exactly
 * what you see there.
 */

/* Membership / Events pages (page templates) */
body.page-template-aier-membership-php,
body.page-template-aier-events-listing-php {
  background: #f7f9fb;
  background-image: none; /* clears any theme background IMAGE, not just color */
}

/* WooCommerce checkout page */
body.woocommerce-checkout {
  background: #f7f9fb;
  background-image: none;
}

/* If your theme's background image/color is set on a wrapper div
   instead of <body> itself (some themes do this), inspect that element
   instead and add its class here the same way, e.g.:
body.page-template-aier-membership-php #page,
body.page-template-aier-membership-php .site-content {
  background: #f7f9fb;
  background-image: none;
}
*/
