/* ============================================================
 *  GeneratePress container overrides
 *
 *  GP draait in "separate-containers" modus en wraps content in
 *  .site-content / .content-area / .inside-article met eigen
 *  witte achtergrond. Dat overschrijft onze section background-
 *  kleuren. Hier maken we GP's wrappers transparent en full-width
 *  zodat onze pluffie-sections de hele viewport-breedte kunnen
 *  inkleuren.
 * ============================================================ */

body.wp-child-theme-pluffie-theme {
	background: var(--pluffie-bg) !important;
}

/* GP page wrapper full width */
body.wp-child-theme-pluffie-theme #page,
body.wp-child-theme-pluffie-theme .site {
	max-width: 100% !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* GP site-content (in separate-containers default heeft padding/max-width) */
body.wp-child-theme-pluffie-theme .site-content,
body.wp-child-theme-pluffie-theme #content {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
}

/* GP content-area en sidebar wrap */
body.wp-child-theme-pluffie-theme .content-area,
body.wp-child-theme-pluffie-theme #primary {
	max-width: 100% !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* GP article + inside-article (de witte content kaart) */
body.wp-child-theme-pluffie-theme article,
body.wp-child-theme-pluffie-theme .inside-article,
body.wp-child-theme-pluffie-theme .entry-content {
	background: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	max-width: 100% !important;
}

/* Hide GP entry-header op homepage en swatch */
body.wp-child-theme-pluffie-theme.home .entry-header,
body.wp-child-theme-pluffie-theme.page-template-page-swatch .entry-header {
	display: none !important;
}

/* Sticky header offset zodat eerste sectie netjes onder header begint */
body.wp-child-theme-pluffie-theme .pluffie-main {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Sections moeten position relative zijn voor wave dividers */
.pluffie-hero,
.pluffie-section,
.pluffie-usp-strip {
	position: relative;
}

/* Sections vullen viewport breedte */
.pluffie-hero,
.pluffie-section,
.pluffie-usp-strip,
.pluffie-newsletter {
	width: 100%;
	overflow: hidden;
}