/* ==========================================================================
   VERNOOY CONTAINERS — Page shell / layout
   Structural containers only: widths, padding. No visual styling.
   ========================================================================== */

/* Main content width + side padding, used across all page types */
#main.container-fluid,
.site-footer .container-fluid,
.header .container-fluid {
  width: 100%;
  max-width: none;
  margin-inline: auto;
  padding-inline: var(--gutter);
}

/* Reusable "boxed" wrapper for sections that should cap at a max width
   (hero content, maatwerk grid, contact, etc.) — apply .u-boxed manually
   in twig or use as a utility class where needed */
.u-boxed {
  width: 100%;
  max-width: var(--content-max);
  margin-inline: auto;
  padding-inline: var(--gutter);
}

/* Kill Bootstrap Barrio's default row negative margins bleeding
   into our full-width sections where not wanted */
#main-wrapper {
  overflow-x: clip;
}
/* Wanneer geen sidebars aanwezig zijn (leeg = niet gerenderd),
   laat <main> de volledige breedte van de rij innemen
   in plaats van de smalle Bootstrap-kolombreedte uit de theme-instellingen. */
#main-wrapper .row-offcanvas > main:only-child {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}