/* uktdesigntools 1.1.7: layout standard, copied from live uktpergolacart 1.0.16.9 pergola-theme.css (same as gate 1.0.3.10 / bollard).
   Desktop (>= 861px), full-width layout only: section full-bleed out of the theme column; theme #wrapper > .container 100% / max 1792px
   on these pages only (breadcrumb lines up); content column 1760px with 1.5rem gutters; body overflow-x: clip.
   Scoped to body#module-uktdesigntools-porch and body#module-uktdesigntools-cladding. No theme files edited. Below 861px untouched.
   --uktdt-sbw = scrollbar width (js/uktdt-layout.117.js). */
@media (min-width: 861px) {
  body#module-uktdesigntools-porch.layout-full-width,
  body#module-uktdesigntools-cladding.layout-full-width { overflow-x: clip; }

  body#module-uktdesigntools-porch #wrapper > .container,
  body#module-uktdesigntools-cladding #wrapper > .container { width: 100%; max-width: 1792px; }

  /* porch: shell section full-bleed; the iframe fills it and its own .wrap is the 1760px column (heritage/easyfit index.html, ux/ux.css) */
  body#module-uktdesigntools-porch.layout-full-width #ukt-porch-engine,
  body#module-uktdesigntools-cladding.layout-full-width #ukt-cladcalc {
    position: relative; box-sizing: border-box; max-width: none;
    width: calc(100vw - var(--uktdt-sbw, 0px));
    margin-left: calc(50% - 50vw + var(--uktdt-sbw, 0px) / 2);
    margin-right: calc(50% - 50vw + var(--uktdt-sbw, 0px) / 2);
  }
  /* porch range bar lines up with the 1760px column (1rem minimum, as before) */
  body#module-uktdesigntools-porch.layout-full-width #ukt-porch-engine .family-nav {
    padding-left: max(1rem, calc((100vw - var(--uktdt-sbw, 0px) - 1760px) / 2 + 1.5rem));
    padding-right: max(1rem, calc((100vw - var(--uktdt-sbw, 0px) - 1760px) / 2 + 1.5rem));
  }
  /* cladding: .cc was max-width 1200px; it is now full-bleed with its content held to the 1760px column, 1.5rem gutters */
  body#module-uktdesigntools-cladding.layout-full-width #ukt-cladcalc {
    padding-left: max(1.5rem, calc((100vw - var(--uktdt-sbw, 0px) - 1760px) / 2 + 1.5rem));
    padding-right: max(1.5rem, calc((100vw - var(--uktdt-sbw, 0px) - 1760px) / 2 + 1.5rem));
  }
}