/*
 * Shared geometry repair for the exported Wix canvas.  The capture carries
 * 980px authoring dimensions in several background layers; leaving those
 * dimensions intact exposes the page colour beside the photography.
 */
html, body { max-width: 100%; overflow-x: clip !important; }

#site-root, #SITE_ROOT, #masterPage, #SITE_CONTAINER, #PAGES_CONTAINER,
main[data-main-content="true"], #SITE_FOOTER { max-width: 100%; }

[id^="pageBackground_"], [id^="bgLayers_pageBackground_"],
[id^="bgMedia_pageBackground_"], [id^="img_pageBackground_"] {
  width: 100vw !important;
  max-width: 100vw !important;
  left: 0 !important;
  right: 0 !important;
}

/* Section photo layers must fill their section, rather than their captured
 * fixed canvas.  object-fit preserves the original temple photography. */
[id^="bgLayers_"], [id^="bgMedia_"] {
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}
[id^="bgMedia_"] > *, [id^="img_pageBackground_"] > *,
[id^="bgLayers_"] wow-image, [id^="bgMedia_"] wow-image {
  width: 100% !important;
  max-width: none !important;
}
[id^="bgMedia_"] img, [id^="img_pageBackground_"] img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
}

/* Captured content sits over imagery: guarantee a legible, intentional
 * reading surface when Wix's original transparency is too low. */
[data-testid="richTextElement"] {
  overflow-wrap: anywhere;
  word-break: normal;
}

@media (max-width: 767px) {
  #site-root, #SITE_ROOT, #masterPage, #SITE_CONTAINER {
    width: 100% !important;
    min-width: 0 !important;
  }
  #SITE_HEADER { min-height: 112px !important; }
  #SITE_HEADER [id="comp-l4s69rqa"], #SITE_HEADER [id="img_comp-l4s69rqa"] {
    width: 108px !important;
    height: 76px !important;
    min-height: 0 !important;
  }
  #SITE_HEADER [id="img_comp-l4s69rqa"] img {
    width: 108px !important;
    height: 76px !important;
    object-fit: contain !important;
  }
  #PAGES_CONTAINER section, main section, [id^="comp-"] {
    max-width: 100vw;
  }
  [data-testid="richTextElement"] {
    color: inherit;
    text-shadow: 0 1px 2px rgba(44, 35, 23, .22);
  }
  input, textarea, select, button { max-width: 100% !important; }
}