/*
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.
   Alleen body.single-listing_type — NIET op body.search / search-results
   (globale zoekpagina /?s= moet zoekbalk zichtbaar houden, ook mobile).
   Desktop ongemoeid. Terugdraaien: dit blok verwijderen + cache purge.
   ========================================================================== */
@media (max-width: 767.98px) {
	/* Zoekbalk (trefwoord) — store pages only */
	body.single-listing_type .filter-keyword.show-mobile,
	body.single-listing_type .show-mobile.filterboxWrap-mobile > .filter-keyword {
		display: none !important;
	}

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

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

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

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

/* ==========================================================================
   STOFIE mobile winkelpagina (/korting/{slug}/): zoekbalk "trefwoord.." +
   "Filters · N resultaten"-blok verbergen. Scope: body.tax-store (store-taxonomy).
   NIET op /?s= of andere zoek-/archiefweergaven (daar geen tax-store).
   Favorieten (#search-toggle-bar) blijft zichtbaar. Desktop ongemoeid.
   Staat ook inline in functions.php (RUCSS). 2026-09-29.
   ========================================================================== */
@media (max-width: 767.98px) {
	body.tax-store .filterboxWrap-mobile.show-mobile,
	body.tax-store .filterboxWrap-mobile > .filter-keyword,
	body.tax-store .filterboxWrap-mobile .filterbox.mobile,
	body.tax-store .filterboxWrap.show-mobile {
		display: none !important;
	}
}

/* ==========================================================================
   STOFIE exclusive coupon cards — light green background
   Class coupon-exclusive is set on [ppt-box] when is_exclusive=1
   (list.php + mobile_list.php). Badge fill stays #27AE60.
   Homepage list + store pages (/korting/{slug}/). Desktop + mobile.
   Terugdraaien: dit blok + coupon-exclusive class in card templates.
   ========================================================================== */
[ppt-box].coupon-exclusive,
.coupon-exclusive[ppt-box] {
  background: #dbf7e7 !important;
  background-color: #dbf7e7 !important;
}