/*
CTC Separate Stylesheet
Updated: 2026-09-17 (Stofie bekend-van v5 + page bg #fafafb)
*/


/* STOFIE page bg: lichtgrijs (header blijft wit) */
body{
  background:#fafafb!important;
  background-color:#fafafb!important;
}
#header,.ppt-header,header.elementor-location-header,.elementor-127,.elementor-location-header{
  background-color:#fff!important;
}

/* STOFIE bekend-van v5: witte strook, gecentreerd, GEEN viewport-breakout (die zette balk naast footer) */
.elementor.elementor-239{
  display:block!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  background-color:#ffffff!important;
  box-sizing:border-box!important;
}
.elementor.elementor-239 .elementor-element-3a4ef71,
.elementor.elementor-239 .elementor-element-3a4ef71.e-flexbox-base,
.elementor.elementor-239 .elementor-element-3a4ef71.e-con{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  background-color:#ffffff!important;
  text-align:center!important;
  padding:20px 16px!important;
  box-sizing:border-box!important;
}
.elementor.elementor-239 .elementor-element-3a4ef71>.e-image-link-base,
.elementor.elementor-239 .elementor-element-3a4ef71 a{
  display:block!important;
  width:fit-content!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  float:none!important;
}
.elementor.elementor-239 .elementor-element-3a4ef71 .e-image-base,
.elementor.elementor-239 .elementor-element-3a4ef71 img{
  display:block!important;
  margin-left:auto!important;
  margin-right:auto!important;
  max-width:min(909px,100%)!important;
  width:auto!important;
  height:auto!important;
  float:none!important;
}

/* ==========================================================================
   STOFIE FA remap: .fal (light) → solid (font-weight 900)
   Doel: fa-light-300.woff2 (~241KB) niet meer downloaden.
   Terugdraaien: dit hele STOFIE-blok verwijderen of uitcommentariëren, daarna
   WP Rocket CSS-minify/cache + Varnish purgen.
   ========================================================================== */
.fal,
.fa-light {
	font-family: "Font Awesome 5 Pro" !important;
	font-weight: 900 !important;
}


/* STOFIE preloader: safety net with Delay JS (rollback = remove this block) */
#page-loading {
	display: none !important;
}
#wrapper[style*="display:none"],
#wrapper[style*="display: none"] {
	display: flex !important;
}


/* STOFIE mobile search (vergrootglas) — always orange */
#mobile-bottom-bar a.menu-add,
.suha-footer-nav .menu-add,
.suha-footer-nav a.menu-add.bg-primary {
  background: #E59010 !important;
  background-color: #E59010 !important;
  color: #fff !important;
}
#mobile-bottom-bar a.menu-add i,
.suha-footer-nav .menu-add i {
  color: #fff !important;
}


/* ==========================================================================
   STOFIE mobile: zoekbalk + Favorieten + Meest relevant verbergen
   Doel: oranje knop/coupon-CTA sneller boven de vouw op store-pagina's.
   Desktop ongemoeid. Terugdraaien: dit blok verwijderen + cache purge.
   ========================================================================== */
@media (max-width: 767.98px) {
	/* Zoekbalk (trefwoord) */
	.filter-keyword.show-mobile,
	.show-mobile.filterboxWrap-mobile > .filter-keyword {
		display: none !important;
	}

	/* Filters-knop + filterpanel */
	.filterboxWrap-mobile .filterbox.mobile,
	.filterboxWrap-mobile > .position-relative.show-mobile.pb-4,
	.filterboxWrap.show-mobile {
		display: none !important;
	}

	/* Favorieten-toggle */
	#search-toggle-bar .toggle-key-favs,
	#search-toggle-bar .filterToggle {
		display: none !important;
	}

	/* Sortering "Meest relevant" */
	#search-toggle-bar .filterSortby {
		display: none !important;
	}

	/* Minder lege ruimte als de toggle-bar leeg is */
	#search-toggle-bar > .mb-4.has-sidebar {
		margin-bottom: 0.5rem !important;
	}
}