/* Confined to the reviewed page widget, retaining the official header/footer. */
body.mr-approved-design .elementor-element:has(> .elementor-widget-container > #mobilrep-global-header),
body.mr-approved-design .elementor-element:has(> #mobilrep-global-header) {
  width: 100%; max-width: none; margin: 0; padding: 0;
}
body.mr-approved-design [data-mr-approved-page] { width: 100%; min-width: 0; }
body.mr-approved-design [data-mr-approved-page] *,
body.mr-approved-design [data-mr-approved-page] *::before,
body.mr-approved-design [data-mr-approved-page] *::after { box-sizing: border-box; }
body.mr-approved-design [data-mr-approved-page] img { max-width: 100%; }
body.mr-approved-design [data-mr-approved-page] [hidden] { display: none !important; }
body.mr-approved-design [data-mr-approved-page] :is(a,button,input,textarea,select):focus-visible { outline: 3px solid #72b9d3; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  body.mr-approved-design [data-mr-approved-page] * { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}

/* Production theme compatibility: inherit component typography/colors where
   the approved page intentionally leaves a heading unstyled. ID-scoped page
   styles (including white headings on navy sections) retain precedence. */
body.mr-approved-design [data-mr-approved-page] :is(h1,h2,h3) {
  font-family: inherit;
  color: inherit;
}
body.mr-approved-design [data-mr-approved-page] button {
  font-family: inherit;
  text-transform: none;
}
/* The retained desktop decoration can extend a few pixels beyond the viewport.
   Clip only the horizontal overflow; unlike hidden, clip creates no scrolling
   container and therefore leaves vertical/sticky document behavior intact. */
body.mr-approved-design { overflow-x: clip; }
/* Elementor's legacy boxed canvas otherwise adds a second mobile gutter
   around both the shared header and the approved full-width page. */
body.mr-approved-design .e-con:has([data-mr-approved-page]),
body.mr-approved-design .e-con-inner:has([data-mr-approved-page]) {
  padding: 0 !important;
  width: 100%;
  max-width: none !important;
}
