/**
 * Site-wide left/right gutter – multiple selectors so at least one applies
 */

/* Body first – if you see side space, the file is applying (double margin: 5rem) */
body {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

/* Wrapper-level (whole page) */
#wrapper.site,
div#wrapper.wp-site-blocks,
body > .wp-site-blocks {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

/* Content area – same max-width and centering so all blocks align (match live DOM: #primary > .content-container) */
#primary .content-container,
.content-area .content-container.site-container,
main#inner-wrap .content-container,
main#inner-wrap,
main.wp-block-group,
main .entry-content,
.wp-block-post-content,
body .wp-site-blocks > main {
  max-width: 1290px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 5rem !important;
  padding-right: 5rem !important;
  box-sizing: border-box;
}

/* Front-end page view: force same content width (match live DOM: .entry-content > .entry-content-single-content) */
body.page main,
body.page .entry-content,
body.page .entry-content-single-content,
body.page .wp-block-post-content,
body.page .content-style-unboxed {
  max-width: 1290px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

/* Mobile: no side margin */
@media (max-width: 768px) {
  body {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #wrapper.site,
  div#wrapper.wp-site-blocks,
  body > .wp-site-blocks {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #primary .content-container,
  .content-area .content-container.site-container,
  main#inner-wrap .content-container,
  main#inner-wrap,
  main.wp-block-group,
  main .entry-content,
  .wp-block-post-content,
  body .wp-site-blocks > main {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/**
 * Block alignment: rows with "Inherit Max Width from Theme" use the same
 * content width and centering as the theme so headings and blocks share the same left edge.
 */
.kt-inherit-width {
  max-width: var(--global-content-width, var(--global-calc-content-width, 1290px));
  margin-left: auto;
  margin-right: auto;
}

/**
 * Row inner content: avoid extra left/right padding so row content (e.g. image)
 * shares the same left edge as blocks above (e.g. heading). Matches live DOM:
 * .entry-content > .entry-content-single-content > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column
 */
.kt-inherit-width .kt-row-column-wrap,
.kt-inherit-width .kt-inside-inner-col,
.kb-row-layout-wrap .kt-row-column-wrap,
.kb-row-layout-wrap .wp-block-kadence-column {
  padding-left: 0 !important;
  padding-right: 0 !important;
}