/* Full-width sections on large screens/desktops
 *
 * Goal: keep layout classes/components intact, but prevent "boxed" sections
 * from being constrained by max-width rules on larger screens.
 */

/* Site default background (replaces browser white) */
html,
body {
  background-color: #FBF3F2;
}

@media (min-width: 1024px) {
  /* Ensure top-level sections can span the viewport */
  main > section {
    width: 100%;
    max-width: none;
  }

  /* If a parent wrapper constrains width, force a full-bleed section */
  main > section.full-bleed,
  main > section[data-full-bleed="true"] {
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  /* Common pattern in this theme: a single container div inside the section */
  /* Exclude faq-section-container so it keeps its max-width and stays centered */
  main > section > [class$="-container"]:not(.faq-section-container),
  main > section > [class*="-section-container"]:not(.faq-section-container),
  main > section > .container:not(.faq-section-container),
  main > section > .container-w-full {
    width: 100%;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}