/**
 * AVD BLOK 57d — opmaak van de zoekbalk en de zoekresultatenpagina
 * (5 augustus 2026)
 *
 * Huisstijl: petrol #126985, zachte petrol #3f6f80, oranje #e08b1e.
 */

:root {
	--avd-zk-petrol: #126985;
	--avd-zk-petrol-zacht: #3f6f80;
	--avd-zk-oranje: #e08b1e;
	--avd-zk-rand: #dfe6ea;
	--avd-zk-grijs: #6b7a80;
	--avd-zk-vlak: #f3f7f9;
}

/* ==========================================================================
   1. Het zoekveld
   ========================================================================== */

.avd-zk-houder { position: relative; }

.avd-zk-wis {
	position: absolute;
	top: 50%;
	right: 44px;
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 50%;
	background: #e7edf0;
	color: #4d6068;
	cursor: pointer;
	z-index: 3;
	line-height: 0;
	min-width: 0;
	text-transform: none;
}

.avd-zk-wis:hover,
.avd-zk-wis:focus { background: var(--avd-zk-petrol); color: #fff; }

/* Het kruisje staat er alleen als er iets in het veld staat. Zonder deze regel
   wint "display:flex" hierboven van het hidden-attribuut en staat het er altijd. */
.avd-zk-wis[hidden] { display: none !important; }

.avd-zk-houder input[name="s"] { padding-right: 74px !important; }

.avd-zk-srmelding {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	white-space: nowrap;
}

/* ==========================================================================
   2. Het uitklappaneel
   ========================================================================== */

.avd-zk-paneel {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	right: 0;
	z-index: 9999;
	max-height: min(74vh, 620px);
	overflow-y: auto;
	overscroll-behavior: contain;
	background: #fff;
	border: 1px solid var(--avd-zk-rand);
	border-radius: 10px;
	box-shadow: 0 14px 38px rgba(9, 45, 58, 0.18);
	padding: 6px 0 0;
	text-align: left;
	font-size: 14px;
	line-height: 1.35;
	color: #22333a;
}

.avd-zk-paneel[hidden] { display: none; }

.avd-zk-paneel.is-bezig::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--avd-zk-petrol), transparent);
	animation: avd-zk-loop 1s linear infinite;
}

@keyframes avd-zk-loop {
	0%   { transform: translateX(-100%); }
	100% { transform: translateX(100%); }
}

/* Geen verduistering achter de uitklaplijst, op geen enkel scherm.

   Ik had hem eerst overal, toen alleen nog op desktop, maar het antwoord is
   gewoon nee: het paneel staat vlak onder het zoekveld en heeft een witte
   achtergrond met een rand, dus het onderscheid is er al. De pagina donker
   maken voegt daar niets aan toe en leest als een waarschuwing.

   Voor het geval de klasse ergens anders nog een schaduw oproept, zetten we
   hem hier expliciet uit. */
body.avd-zk-open::before,
body.avd-zk-open::after {
	content: none !important;
	background: none !important;
}

.avd-zk-houder { z-index: 9998; }

.avd-zk-kolommen {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
	gap: 0;
}

.avd-zk-links  { padding: 4px 0 8px; }
.avd-zk-rechts { padding: 4px 0 8px; border-left: 1px solid var(--avd-zk-rand); }

.avd-zk-kolommen > div:empty { display: none; }
.avd-zk-kolommen:has(> .avd-zk-links:empty) { grid-template-columns: 1fr; }
.avd-zk-kolommen:has(> .avd-zk-rechts:empty) { grid-template-columns: 1fr; }
.avd-zk-kolommen:has(> .avd-zk-links:empty) .avd-zk-rechts { border-left: 0; }

.avd-zk-groep + .avd-zk-groep { margin-top: 2px; }

.avd-zk-kop {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 8px 0 3px;
	padding: 0 14px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--avd-zk-grijs);
}

.avd-zk-wisrecent {
	border: 0;
	background: none;
	padding: 0;
	min-width: 0;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
	color: var(--avd-zk-petrol);
	text-decoration: underline;
	cursor: pointer;
}

.avd-zk-regel {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 8px 14px;
	color: #22333a;
	text-decoration: none;
	cursor: pointer;
}

.avd-zk-regel:hover,
.avd-zk-regel.is-actief,
.avd-zk-product:hover,
.avd-zk-product.is-actief,
.avd-zk-pil.is-actief,
.avd-zk-alles:hover,
.avd-zk-alles.is-actief { background: var(--avd-zk-vlak); color: #22333a; }

.avd-zk-regeltekst { min-width: 0; overflow-wrap: anywhere; }
.avd-zk-regel .avd-zk-zwak { color: #55666d; }
.avd-zk-regel strong { font-weight: 700; }

.avd-zk-aantal { flex: none; font-size: 12px; color: var(--avd-zk-grijs); }

.avd-zk-tag {
	flex: none;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: var(--avd-zk-petrol-zacht);
	background: #eaf2f5;
	border-radius: 3px;
	padding: 2px 6px;
}

.avd-zk-cat { font-weight: 600; color: var(--avd-zk-petrol); }

.avd-zk-product {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 7px 14px;
	color: #22333a;
	text-decoration: none;
	cursor: pointer;
}

.avd-zk-foto {
	flex: none;
	width: 46px;
	height: 46px;
	border: 1px solid var(--avd-zk-rand);
	border-radius: 6px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.avd-zk-foto img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }

.avd-zk-productinfo { min-width: 0; }

.avd-zk-producttitel {
	font-size: 13px;
	line-height: 1.3;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.avd-zk-prijs {
	display: block;
	margin-top: 2px;
	font-size: 13px;
	font-weight: 700;
	color: var(--avd-zk-petrol);
}

.avd-zk-prijs del { font-weight: 400; opacity: .6; margin-right: 4px; }
.avd-zk-prijs ins { text-decoration: none; }

.avd-zk-oos { display: block; font-size: 11px; color: #a4552b; }

.avd-zk-pillenrij { display: flex; flex-wrap: wrap; gap: 6px; padding: 2px 14px 6px; }

.avd-zk-pil {
	display: inline-block;
	padding: 5px 11px;
	border: 1px solid var(--avd-zk-rand);
	border-radius: 999px;
	background: #fff;
	font-size: 13px;
	color: var(--avd-zk-petrol);
	text-decoration: none;
	cursor: pointer;
}

.avd-zk-pil:hover,
.avd-zk-pil.is-actief { background: var(--avd-zk-petrol); border-color: var(--avd-zk-petrol); color: #fff; }

.avd-zk-alles {
	display: block;
	margin-top: 4px;
	padding: 12px 14px;
	border-top: 1px solid var(--avd-zk-rand);
	background: #fbfdfe;
	font-size: 13px;
	font-weight: 700;
	color: var(--avd-zk-petrol);
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	border-radius: 0 0 9px 9px;
}

.avd-zk-tip,
.avd-zk-niks {
	margin: 0;
	padding: 10px 14px;
	font-size: 13px;
	color: #4a5c63;
	border-bottom: 1px solid var(--avd-zk-rand);
}

.avd-zk-tip strong,
.avd-zk-niks strong { color: var(--avd-zk-petrol); }

@media (max-width: 767px) {

	/* De uitklaplijst hing aan het scherm in plaats van aan het zoekveld.

	   Bovenaan de pagina viel dat samen en zag je er niets van. Maar de
	   kopbalk blijft bij het scrollen aan de bovenkant plakken: het veld
	   schuift dan mee omhoog terwijl de lijst bleef staan op de plek waar
	   hij bij het openen berekend was. Vandaar het gat eronder.

	   Hij hangt nu aan het veld zelf, net als op een groot scherm. Alleen
	   de hoogte blijft anders, want op een telefoon neemt het toetsenbord
	   de onderste helft van het scherm in beslag. */
	.avd-zk-paneel { max-height: 62vh; }
	.avd-zk-kolommen { grid-template-columns: 1fr; }
	.avd-zk-rechts { border-left: 0; border-top: 1px solid var(--avd-zk-rand); }
}

@media (min-width: 768px) and (max-width: 1024px) { .avd-zk-paneel { min-width: 460px; } }
@media (min-width: 1025px) { .avd-zk-paneel { min-width: 620px; } }

/* ==========================================================================
   3. De zoekresultatenpagina
   ========================================================================== */

.avd-zk-top { margin: 0 0 4px; }
.avd-zk-top:empty { display: none; }

.avd-zk-melding {
	margin: 0 0 12px;
	padding: 11px 14px;
	border-radius: 8px;
	background: #fdf4e6;
	border: 1px solid #f0d9b4;
	font-size: 14px;
	line-height: 1.45;
	color: #6b4a13;
}

.avd-zk-melding strong { color: #4a3208; }
.avd-zk-melding a { color: var(--avd-zk-petrol); text-decoration: underline; }

.avd-zk-catbanner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 12px;
	padding: 12px 16px;
	border-radius: 8px;
	background: #eaf2f5;
	border: 1px solid #cfe0e7;
	color: var(--avd-zk-petrol);
	text-decoration: none;
	font-size: 15px;
}

.avd-zk-catbanner:hover { background: #dfebf0; }
.avd-zk-catbanner strong { font-weight: 700; }

.avd-zk-catbanner-aantal {
	flex: none;
	font-size: 13px;
	font-weight: 600;
	color: var(--avd-zk-petrol-zacht);
	white-space: nowrap;
}

.avd-zk-telling { margin: 0 0 8px; font-size: 14px; color: var(--avd-zk-grijs); }

.avd-zk-hulp {
	margin: 0 0 14px;
	padding: 12px 16px;
	border-radius: 8px;
	border: 1px solid var(--avd-zk-rand);
	background: #fbfdfe;
}

.avd-zk-hulp-kop {
	margin: 0 0 6px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--avd-zk-grijs);
}

.avd-zk-hulp ul { margin: 0; padding: 0; list-style: none; }
.avd-zk-hulp li + li { margin-top: 4px; }
.avd-zk-hulp a { color: var(--avd-zk-petrol); text-decoration: underline; font-size: 14px; }

/* --- Leeg resultaat: eigen blok met zoekveld en diertegels (26-08) --- */

.avd-zk-niets {
	position: relative;
	margin: 4px 0 22px;
	padding: 30px 32px 32px;
	border-radius: 14px;
	border: 1px solid var(--avd-zk-rand);
	background: #fff;
}

.avd-zk-niets-decor {
	position: absolute;
	inset: 0;
	overflow: hidden;
	border-radius: 14px;
	pointer-events: none;
}

.avd-zk-niets-poot {
	position: absolute;
	right: -46px;
	bottom: -76px;
	width: 260px;
	height: 260px;
	fill: #dceaef;
	opacity: .55;
	pointer-events: none;
}

.avd-zk-niets > *:not(.avd-zk-niets-decor) { position: relative; z-index: 1; }

.avd-zk-niets p.avd-zk-niets-kop {
	margin: 0 0 10px;
	font-size: 24px;
	line-height: 1.25;
	font-weight: 700;
	color: var(--avd-zk-petrol);
}

.avd-zk-niets p.avd-zk-niets-tips {
	margin: 0 0 26px;
	max-width: 620px;
	font-size: 16px;
	line-height: 1.55;
	color: #3d4d55;
}

.avd-zk-niets-zoek {
	display: flex;
	gap: 10px;
	max-width: 620px;
	margin: 0;
}

.avd-zk-niets-zoek input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	height: 52px;
	margin: 0;
	padding: 0 16px;
	border: 2px solid var(--avd-zk-petrol);
	border-radius: 8px;
	background: #fff;
	font-size: 16px;
	color: #22333b;
	box-shadow: none;
}

.avd-zk-niets-zoek input[type="search"]:focus {
	outline: 2px solid var(--avd-zk-petrol-zacht);
	outline-offset: 1px;
}

.avd-zk-niets-zoek button[type="submit"] {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 116px;
	height: 52px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: var(--avd-zk-petrol);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
}

.avd-zk-niets-zoek button[type="submit"]:hover,
.avd-zk-niets-zoek button[type="submit"]:focus { background: #0d2a35; color: #fff; }

/* de wisknop van avd-zoeken.js hoort in het veld te staan, niet over de knop */
.avd-zk-niets-zoek .avd-zk-wis { right: 138px; }

.avd-zk-niets p.avd-zk-niets-sub {
	margin: 24px 0 10px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	color: #0d2a35;
}

.avd-zk-pillen { display: flex; flex-wrap: wrap; gap: 9px; }
.avd-zk-pillen .avd-zk-pil { font-size: 15px; padding: 9px 16px; }

.avd-zk-verder { margin: 0 0 26px; }

.avd-zk-verder p.avd-zk-verder-kop {
	margin: 0 0 12px;
	font-size: 18px;
	font-weight: 700;
	color: #0d2a35;
}

.avd-zk-dieren {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin: 0 0 22px;
	padding: 0;
	list-style: none;
}

.avd-zk-dieren li { margin: 0; }

.avd-zk-dieren a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 13px 16px;
	border: 1px solid var(--avd-zk-rand);
	border-radius: 14px;
	background: #fff;
	color: #22333b;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
}

.avd-zk-dieren a:hover,
.avd-zk-dieren a:focus { border-color: #9dc0cf; background: #f7fbfc; color: var(--avd-zk-petrol); }

.avd-zk-dieren img { width: 44px; height: 44px; flex: 0 0 auto; }

.avd-zk-snel {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 9px;
	padding: 18px 0 0;
	border-top: 1px solid #eef2f4;
}

.avd-zk-snel-label { font-size: 14px; color: var(--avd-zk-grijs); }

.avd-zk-snel ul {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.avd-zk-snel li { margin: 0; }

.avd-zk-snel a {
	display: inline-block;
	padding: 8px 15px;
	border: 1px solid var(--avd-zk-rand);
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	color: var(--avd-zk-petrol);
	text-decoration: none;
}

.avd-zk-snel a:hover,
.avd-zk-snel a:focus { border-color: #9dc0cf; background: #f7fbfc; }

@media (max-width: 767px) {
	.avd-zk-niets { padding: 22px 18px 24px; }
	.avd-zk-niets p.avd-zk-niets-kop { font-size: 20px; }
	.avd-zk-niets p.avd-zk-niets-tips { font-size: 15px; margin-bottom: 22px; }
	.avd-zk-niets-poot { width: 180px; height: 180px; right: -38px; bottom: -56px; }
	.avd-zk-niets-zoek { flex-wrap: wrap; }
	.avd-zk-niets-zoek input[type="search"] { flex: 1 1 100%; }
	.avd-zk-niets-zoek button[type="submit"] { flex: 1 1 100%; width: 100%; padding: 0 18px; }
	.avd-zk-niets-zoek .avd-zk-wis { right: 14px; top: 26px; }
	.avd-zk-dieren { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.avd-zk-dieren a { padding: 11px 12px; gap: 10px; font-size: 14px; }
	.avd-zk-dieren img { width: 38px; height: 38px; }
}

body.avd-zk-leeg .woolentor-product-grid-modern,
body.avd-zk-leeg .woolentor-grid-list-tab-wrapper,
body.avd-zk-leeg .woocommerce-info,
body.avd-zk-leeg .woocommerce-no-products-found { display: none !important; }


/* ==========================================================================
   4. Het blok boven de resultaten zichtbaar maken

   style.css verbergt de widget "Archiefbeschrijving" op archiefpagina's
   zolang er geen categorietekst of filterchips in staan. Op de zoekpagina
   zetten wij daar onze telling, meldingen en de categorieverwijzing in, dus
   die moet dan wel te zien zijn.
   ========================================================================== */

.elementor-widget-woocommerce-archive-description:has(.avd-zk-top) {
	display: block !important;
}

body.avd-zk-pagina .elementor-widget-woocommerce-archive-description {
	margin-bottom: 4px;
}


/* ==========================================================================
   5. Lege filterkolom op de zoekpagina

   Filter Everything levert op de zoekresultatenpagina (nog) geen filters.
   Zolang dat zo is heeft een kolom met alleen het woord "Filter" erin geen
   zin; de resultaten nemen dan de volle breedte. Komen de filters er wel,
   dan verdwijnen deze twee regels vanzelf: ze gelden alleen als de kolom
   leeg is.
   ========================================================================== */

body.avd-zk-pagina .elementor-element-1b32f32d:not(:has(.wpc-filters-main-wrap)) {
	display: none !important;
}

body.avd-zk-pagina .elementor-element-1b32f32d:not(:has(.wpc-filters-main-wrap)) + .elementor-element-51114de3 {
	width: 100%;
	max-width: 100%;
	flex-basis: 100%;
}


/* ==========================================================================
   6. Zoekpagina zonder resultaten

   Ons eigen blok vertelt al wat er aan de hand is en biedt een weg terug.
   De standaardmelding van de categoriepagina en de sorteerbalk zouden er
   dan dubbel en overbodig onder staan.
   ========================================================================== */

body.avd-zk-leeg .avd-geenresultaat,
body.avd-zk-leeg .avd-sorteerh,
body.avd-zk-leeg .avd-resultaat {
	display: none !important;
}


/* ==========================================================================
   7. Volle breedte zolang er geen filters zijn

   Het sjabloon van de categoriepagina houdt links 260 px vrij voor de
   filterkolom. Op de zoekresultatenpagina levert Filter Everything (nog) geen
   filters, dus die strook zou leeg blijven. Deze regels gelden alleen als de
   filterkolom echt leeg is; verschijnen de filters, dan gaat de pagina vanzelf
   weer terug naar twee kolommen.
   ========================================================================== */

@media (min-width: 1025px) {

	body.avd-zk-pagina .elementor-element-28c2176:not(:has(.wpc-filters-main-wrap)) {
		grid-template-columns: 1fr !important;
		column-gap: 0 !important;
	}

	body.avd-zk-pagina .elementor-element-28c2176:not(:has(.wpc-filters-main-wrap)) > .elementor-element {
		grid-column: 1 / -1 !important;
	}

	body.avd-zk-pagina .elementor-element-28c2176:not(:has(.wpc-filters-main-wrap)) > .elementor-element-aa2f7a5 {
		grid-row: auto !important;
	}
}


/* ==========================================================================
   8. Sorteren op mobiel

   Op de categoriepagina zit het sorteerkeuzelijstje in het filterpaneel achter
   de knop "Filter en sorteer". Die knop hoort bij de filters, en die zijn er
   op de zoekpagina niet. Zonder deze regel kan een bezoeker op een telefoon
   dus helemaal niet sorteren.
   ========================================================================== */

@media (max-width: 1024px) {

	body.avd-zk-pagina:not(:has(.wpc-filters-main-wrap)) .elementor-element-19e9bab {
		display: flex !important;
		align-items: center;
		gap: 8px;
		margin-bottom: 10px;
	}

	body.avd-zk-pagina:not(:has(.wpc-filters-main-wrap)) .avd-sorteer label {
		font-size: 13px;
		white-space: nowrap;
	}

	/* De sorteerbalk brengt zijn eigen telling mee; de losse mobiele teller
	   zou daar dubbel boven staan. */
	body.avd-zk-pagina:not(:has(.wpc-filters-main-wrap)) .avd-tellermob {
		display: none !important;
	}

	body.avd-zk-pagina:not(:has(.wpc-filters-main-wrap)) .elementor-element-aa2f7a5 {
		display: none !important;
	}
}

/* ==========================================================================
   13. Twee dingen op de productkaart rechtgezet

   Beide vielen op toen de zoekresultatenpagina dezelfde kaart kreeg als de
   categoriepagina.
   ========================================================================== */

/* Het wagentje in de knop tekende zichzelf in donkerblauw op een oranje vlak.
   Het hoort de kleur van de knoptekst te volgen; "currentColor" deed dat niet
   omdat er elders een kleur op de svg zelf staat. */
/* Het wagentje stond als een wit blokje op de knop. Er komt ergens een
   achtergrondkleur op de svg terecht; die vult het hele vierkant en dekt de
   tekening af. Achtergrond weg, kleur van de knoptekst volgen, en het is weer
   het lijntekeningetje dat het hoort te zijn. */
a.button.avd-kknop .avd-wagen,
a.button.avd-kknop .avd-pijl,
.avd-bestelbalk-knop .avd-wagen,
.single_add_to_cart_button .avd-wagen {
	background: none !important;
	color: inherit !important;
	fill: none !important;
	stroke: currentColor !important;
}

/* De prijs per kilo hoort links onder het bedrag te beginnen. Alleen de regel
   zelf uitlijnen; de stukjes erbinnen blijven naast elkaar staan. */
.avd-kaart .avd-kaartprijs .avd-perkg-kaart {
	display: block;
	width: 100%;
	margin-top: 1px;
	text-align: left;
	text-indent: 0;
}


/* ==========================================================================
   14. Zonder resultaten geen filterkolom

   Elf filterblokken naast "we hebben niets gevonden" is een aanbod dat
   nergens heen leidt: elke keuze levert opnieuw nul op. De kolom gaat weg
   en de tekst krijgt de volle breedte. Staat er wél een filter aan, dan
   krijgt de pagina de klasse avd-zk-leeg niet, zodat de bezoeker zijn
   eigen filters altijd terug kan draaien.
   ========================================================================== */

body.avd-zk-leeg .avd-filterkolom { display: none !important; }
body.avd-zk-leeg .avd-archief { grid-template-columns: 1fr !important; }

/* De kolom is weg, dus alles mag over de volle breedte. Anders bleef het
   kruimelpad in de smalle strook staan waar de filters stonden. */
body.avd-zk-leeg .avd-archief > * { grid-column: 1 / -1 !important; }


/* ==========================================================================
   15. Lege blokken van het categoriesjabloon

   Het sjabloon dat de zoekpagina leent heeft plekken voor dingen die een
   zoekopdracht niet heeft: subcategorieën, een meer-informatieblok en een
   seo-tekst. Ze blijven leeg, maar de ruimte tussen de blokken telt wel
   mee. Op mobiel gaf dat een gat van tachtig pixels tussen de kop en de
   eerste producten.
   ========================================================================== */

body.avd-zk-pagina .avd-subcats,
body.avd-zk-pagina .avd-meerinfoh,
body.avd-zk-pagina .avd-seohouder {
	display: none !important;
}