/* ========================================================================== 
   VYTALGUARD PUBLIC BRANDING CONTROLLED CANVAS v1.1.0

   Keeps every tenant public homepage inside one centered premium canvas.
   Standard and boxed plan choices remain narrower; a Full width choice is
   capped so ultrawide screens never turn the homepage into an endless band.
============================================================================ */

:root {
  --vg-public-branding-canvas-max: 1600px;
}

html body.homepage--compact .site-shell {
  box-sizing: border-box;
  width: min(100%, var(--homepage-canvas-width, 1480px));
  max-width: var(--vg-public-branding-canvas-max);
  min-width: 0;
  margin-inline: auto;
  overflow-x: clip;
}

html body.homepage--compact .site-shell[data-content-width="full"] {
  --homepage-canvas-width: var(--vg-public-branding-canvas-max);
  width: min(100%, var(--vg-public-branding-canvas-max));
  max-width: var(--vg-public-branding-canvas-max);
}

html body.homepage--compact .site-shell :is(
  main,
  .section,
  .container,
  .locations__map-view,
  .locations__map-layout,
  .locations__map,
  .locations__map-frame
) {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 680px) {
  html body.homepage--compact .site-shell,
  html body.homepage--compact .site-shell[data-content-width="full"] {
    width: 100%;
    max-width: 100%;
    border-inline: 0;
    box-shadow: none;
  }
}

@media print {
  html body.homepage--compact .site-shell,
  html body.homepage--compact .site-shell[data-content-width="full"] {
    width: 100%;
    max-width: 100%;
    margin: 0;
    box-shadow: none;
  }
}