/* Target WP block styles with custom classes as fallback */

/* Default content column (your .wrap + WP default-aligned blocks) */
.wrap,
.wp-site-blocks > *:not(.alignfull):not(.alignwide) {
  max-width: 1100px;   /* match theme.json contentSize */
  margin-left: auto;
  margin-right: auto;
  padding-left: 26px;
  padding-right: 26px;
}

/* Wide alignment */
.wrap.alignwide,
.alignwide {
  max-width: 1400px;   /* match theme.json wideSize */
  margin-left: auto;
  margin-right: auto;
  padding-left: 26px;
  padding-right: 26px;
}

/* Full alignment (edge-to-edge sections like hero covers) */
.wrap.alignfull,
.alignfull {
  width: 100%;
  max-width: none;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Ensure images and covers inside full-width sections span correctly */
.alignfull img,
.alignfull .wp-block-cover__image-background {
  width: 100%;
  height: auto;
  display: block;
}

/* Optional: keep columns consistent with your wrap gutters */
.wrap .wp-block-columns,
.alignwide.wp-block-columns {
  padding-left: 26px;
  padding-right: 26px;
}