/* Kaige Instant Search — dropdown, zoekbalk, overlay en layouts.
   Stylen kan via de instellingen of met CSS-variabelen:
   :root { --kis-accent: #0D9488; --kis-hover: #E6F6F4; --kis-radius: 12px; --kis-thumb: 46px; } */

.kis-panel {
	position: absolute;
	z-index: 999999;
	background: var(--kis-dd-bg, #fff);
	border: 1px solid var(--kis-dd-border, #e4e7e5);
	border-radius:
		var(--kis-dd-rtl, var(--kis-radius, 12px))
		var(--kis-dd-rtr, var(--kis-radius, 12px))
		var(--kis-dd-rbr, var(--kis-radius, 12px))
		var(--kis-dd-rbl, var(--kis-radius, 12px));
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.14);
	padding: 6px 0;
	max-height: min(70vh, 640px);
	overflow-y: auto;
	overscroll-behavior: contain;
	font-size: 15px;
	line-height: 1.35;
	color: var(--kis-dd-text, #1f2421);
	text-align: left;
	-webkit-font-smoothing: antialiased;
}

.kis-panel-inline {
	position: static;
	width: 100% !important;
	max-height: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.kis-header {
	padding: 10px 16px 4px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #6a736d;
}

.kis-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 16px;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

.kis-item:hover,
.kis-item.kis-active {
	background: var(--kis-hover, #E6F6F4);
}

.kis-cat {
	color: var(--kis-accent, #0D9488);
	font-weight: 500;
}

/* Thema's stylen <a> vaak globaal (soms met ID-selectors of !important);
   binnen het paneel moeten de instelbare dropdown-kleuren altijd winnen. */
.kis-panel a.kis-item,
.kis-panel a.kis-all {
	color: var(--kis-dd-text, #1f2421) !important;
	text-decoration: none !important;
}

.kis-panel a.kis-item.kis-cat,
.kis-panel a.kis-item.kis-help,
.kis-panel a.kis-item.kis-pop,
.kis-panel a.kis-all {
	color: var(--kis-accent, #0D9488) !important;
}

/* Afbeeldingsmaat geldt voor producten ÉN berichten (featured images). */
.kis-prod img,
.kis-post img {
	width: var(--kis-thumb, 46px);
	height: var(--kis-thumb, 46px);
	flex: 0 0 var(--kis-thumb, 46px);
	object-fit: cover;
	border-radius: var(--kis-thumb-radius, 6px);
	border: var(--kis-thumb-bwidth, 0) solid var(--kis-thumb-bcolor, transparent);
	background: #fff;
}

/* Producten behouden 'contain' (productfoto's op wit hoeven niet bijgesneden). */
.kis-prod img {
	object-fit: contain;
}

.kis-info {
	min-width: 0;
}

.kis-name {
	overflow: hidden;
	text-overflow: ellipsis;
}

.kis-name b {
	font-weight: 700;
}

.kis-price {
	margin-top: 2px;
	font-size: 14px;
	color: #3a443d;
}

.kis-price del {
	color: #9aa39d;
	margin-right: 6px;
}

.kis-price ins {
	text-decoration: none;
}

.kis-oos {
	display: inline-block;
	margin-left: 8px;
	padding: 1px 7px;
	font-size: 11px;
	font-weight: 600;
	border-radius: 999px;
	background: #fdecec;
	color: #b3261e;
	vertical-align: 1px;
}

/* "Aanrader"-badge bij gepinde producten (merchandising). */
.kis-pinned {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-left: 8px;
	padding: 1px 7px;
	font-size: 11px;
	font-weight: 600;
	border-radius: 999px;
	background: var(--kis-hover, #e9f5ee);
	color: var(--kis-accent, #0D9488);
	vertical-align: 1px;
}

.kis-pinned-icon {
	display: inline-flex;
}

.kis-pinned-icon svg {
	width: 11px;
	height: 11px;
}

.kis-all {
	display: inline-block;
	margin: 8px 16px 6px;
	padding: 6px 14px;
	background: #f1f4f2;
	border-radius: 999px;
	color: var(--kis-accent, #0D9488);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

.kis-all:hover,
.kis-all.kis-active {
	background: var(--kis-hover, #E6F6F4);
}

.kis-none {
	padding: 14px 16px;
	color: #6a736d;
}

/* Screenreader-only (aria-live aankondiging + verborgen labels) */
.kis-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* "Bedoelde je …?" (typo-correctie) */
.kis-didyoumean {
	padding: 10px 16px 4px;
	font-size: 13px;
	color: #6a736d;
}

.kis-didyoumean b {
	font-weight: 700;
	color: #1f2421;
}

/* Zoekgeschiedenis */
.kis-history-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 16px 4px;
}

.kis-history-title {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #6a736d;
}

.kis-history-clear {
	border: 0;
	background: transparent;
	cursor: pointer;
	padding: 2px 6px;
	font-size: 12px;
	color: var(--kis-accent, #0D9488);
	text-decoration: underline;
}

.kis-hist .kis-hist-icon {
	display: flex;
	flex: 0 0 auto;
	color: #9aa39d;
}

.kis-hist .kis-hist-icon svg {
	width: 16px;
	height: 16px;
	display: block;
}

.kis-hist-term {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Winkelwagen-knop in de productrij */
.kis-prod {
	position: relative;
}

.kis-cart {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	margin-left: auto;
	padding: 0;
	border: 1px solid #d8ded9;
	border-radius: var(--kis-cart-radius, 50%);
	background: var(--kis-cart-bg, #fff);
	color: var(--kis-cart-color, var(--kis-accent, #0D9488));
	cursor: pointer;
}

.kis-cart:hover {
	background: var(--kis-hover, #E6F6F4);
}

.kis-cart svg {
	width: 18px;
	height: 18px;
	display: block;
}

.kis-cart-loading {
	opacity: 0.55;
	cursor: default;
}

.kis-cart-done {
	background: var(--kis-accent, #0D9488);
	border-color: var(--kis-accent, #0D9488);
	color: #fff;
}

/* Compacte aantal-kiezer ([-] [1] [+]) vóór de winkelwagen-knop. */
.kis-qty {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	margin-left: auto;
	border: 1px solid #d8ded9;
	border-radius: 999px;
	background: #fff;
	overflow: hidden;
}

/* Container voor aantal-kiezer + knop: inline rechts, of als regel eronder. */
.kis-cartwrap {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-left: auto;
	flex: 0 0 auto;
}

.kis-cartwrap .kis-qty,
.kis-cartwrap .kis-cart {
	margin-left: 0;
}

.kis-item.kis-cart-below {
	flex-wrap: wrap;
}

.kis-item.kis-cart-below .kis-cartwrap {
	flex-basis: 100%;
	justify-content: flex-start;
	margin-left: 0;
	margin-top: 4px;
	padding-left: calc(var(--kis-thumb, 46px) + 12px);
}

/* Tekst-variant van de winkelwagen-knop. */
.kis-cart.kis-cart-text {
	width: auto;
	padding: 0 14px;
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
}

.kis-qty + .kis-cart {
	margin-left: 6px;
}

.kis-qty-btn {
	border: 0;
	background: transparent;
	cursor: pointer;
	width: 22px;
	height: 26px;
	padding: 0;
	font-size: 14px;
	line-height: 1;
	color: #3a443d;
}

.kis-qty-btn:hover {
	background: var(--kis-hover, #E6F6F4);
}

.kis-qty-num {
	min-width: 18px;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	color: #1f2421;
}

/* "Kies opties" (variabel/grouped/extern product): compacte pill-link. */
.kis-choose {
	flex: 0 0 auto;
	margin-left: auto;
	padding: 5px 12px;
	border: 1px solid var(--kis-cart-color, var(--kis-accent, #0D9488));
	border-radius: var(--kis-cart-radius, 999px);
	background: var(--kis-cart-bg, #fff);
	color: var(--kis-cart-color, var(--kis-accent, #0D9488));
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

.kis-item:hover .kis-choose {
	background: var(--kis-accent, #0D9488);
	color: #fff;
}

/* Dim-laag achter de dropdown (optie "achtergrond dimmen").
   pointer-events:none zodat typen/klikken in de zoekbalk altijd blijft werken
   en de balk niet "onbruikbaar donker" lijkt. */
.kis-dim {
	position: fixed;
	inset: 0;
	z-index: 999990;
	background: rgba(0, 0, 0, 0.35);
	pointer-events: none;
}

/* De actieve zoekbalk (en zijn container) wordt tijdens het dimmen boven de
   dim-laag getild, zodat de balk zélf licht blijft terwijl de rest verdonkert.
   Stapeling: dim 999990  <  balk 999995  <  dropdown 999999. */
.kis-lift {
	position: relative !important;
	z-index: 999995 !important;
}

/* SKU (artikelnummer) onder de producttitel */
.kis-sku {
	margin-top: 1px;
	font-size: 12px;
	color: #6a736d;
}

.kis-sku b {
	font-weight: 700;
	color: #3a443d;
}

/* Datum bij een bericht/artikel */
.kis-date {
	margin-top: 2px;
	font-size: 12px;
	color: #6a736d;
}

/* Klantenservice- en populair-rijen */
.kis-help,
.kis-pop {
	color: var(--kis-accent, #0D9488);
}

.kis-help-icon {
	display: inline-flex;
	flex: 0 0 auto;
	margin-right: 4px;
	color: var(--kis-accent, #0D9488);
}

.kis-help-icon svg {
	width: 16px;
	height: 16px;
	display: block;
}

/* Zoekbalk (shortcode/block/widget) */
.kis-wrap {
	position: relative;
	max-width: 100%;
	min-width: 0;
}

.kis-form {
	display: flex;
	align-items: center;
	gap: 10px;
	background: var(--kis-bar-bg, #fff);
	color: var(--kis-bar-text, #1f2421);
	border: 1px solid var(--kis-bar-border, #d8ded9);
	border-radius: var(--kis-bar-radius, 10px);
	padding: 10px 14px;
	box-sizing: border-box;
	max-width: 100%;
	min-width: 0;
}

/* Focus-stijl: een ingestelde randkleur wint ook bij focus (anders "werd de
   rand groen" — de accentkleur — zodra je in het veld klikte); zonder eigen
   randkleur blijft de accentkleur het focus-signaal. De gloed kleurt mee. */
.kis-form:focus-within {
	border-color: var(--kis-bar-focus, var(--kis-bar-border, var(--kis-accent, #0D9488)));
	box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.14);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--kis-bar-focus, var(--kis-bar-border, var(--kis-accent, #0D9488))) 16%, transparent);
}

/* Native browser-X van input[type=search] verbergen (verschilt per browser en
   wordt door thema's zoals Divi soms gestyled) — wij tonen ons eigen knopje. */
.kis-form input[type="search"]::-webkit-search-cancel-button,
.kis-form input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
	appearance: none;
	display: none;
}

.kis-form input[type="search"]::-ms-clear {
	display: none;
}

/* Eigen wis-knopje: verschijnt zodra er tekst staat; kleur/achtergrond/icoon
   instelbaar in de backend. */
.kis-clear {
	display: none;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	cursor: pointer;
	background: var(--kis-clear-bg, transparent);
	color: var(--kis-clear-color, #6a736d);
}

.kis-form.kis-has-value .kis-clear {
	display: inline-flex;
}

.kis-clear svg {
	width: 14px;
	height: 14px;
	display: block;
}

.kis-clear img {
	width: 14px;
	height: 14px;
	display: block;
	object-fit: contain;
}

/* Icoon rechts i.p.v. links */
.kis-icon-right .kis-form .kis-icon {
	order: 3;
}

.kis-form .kis-icon {
	display: flex;
	color: var(--kis-bar-icon-color, var(--kis-bar-text, #6a736d));
	opacity: 0.75;
}

.kis-form .kis-icon svg {
	width: var(--kis-bar-icon-size, 18px);
	height: var(--kis-bar-icon-size, 18px);
	display: block;
}

.kis-open svg {
	width: var(--kis-iconbtn-size, 18px);
	height: var(--kis-iconbtn-size, 18px);
	display: block;
}

.kis-form .kis-icon .kis-icon-img {
	width: var(--kis-bar-icon-size, 18px);
	height: var(--kis-bar-icon-size, 18px);
}

.kis-icon-img {
	width: 18px;
	height: 18px;
	display: block;
	object-fit: contain;
}

.kis-open .kis-icon-img {
	width: var(--kis-iconbtn-size, 18px);
	height: var(--kis-iconbtn-size, 18px);
	object-fit: contain;
}

/* Het invoerveld zelf heeft nooit een eigen rand/achtergrond — de .kis-form
   eromheen levert de balkvorm. !important omdat thema's vaak een eigen rand op
   search-inputs zetten (dat gaf de dubbele rand). */
.kis-form input[type="search"] {
	flex: 1;
	min-width: 0;
	border: 0 !important;
	outline: 0;
	padding: 0;
	margin: 0;
	font-size: 16px;
	color: var(--kis-bar-text, inherit);
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

.kis-form input[type="search"]::placeholder {
	color: var(--kis-bar-ph, #6a736d);
	opacity: 1;
}

.kis-form input[type="search"]::-webkit-search-decoration {
	display: none;
}

/* De stijl voor een gekoppelde thema-zoekbalk (.kis-styled) wordt dynamisch,
   desktop-only en zonder rand ingevoegd via inline-CSS (KIS_Frontend::inline_css). */

.kis-submit {
	border: 0;
	cursor: pointer;
	padding: 8px 16px;
	border-radius: var(--kis-submit-radius, 999px);
	background: var(--kis-submit-bg, var(--kis-accent, #0D9488));
	color: var(--kis-submit-text, #fff);
	font-size: 14px;
	font-weight: 600;
}

/* Icoon-knop (layouts "icon" en "icon-mobile") */
/* Icoon-weergave in themaheaders (Divi/Breakdance): de wrap is inline-flex en
   lag zonder dit op de tekst-baseline — dan hangt er "lucht" onder het icoon
   (34px icoon in een 38px kader) en zakt het icoon omlaag zodra de balk
   uitklapt en de baseline verspringt. Middenuitlijning maakt dat stabiel. */
.kis-dt-icon,
.kis-mb-icon {
	vertical-align: middle;
	align-items: center;
}

.kis-open svg,
.kis-open img,
.kis-icon svg,
.kis-icon img {
	display: block;
}

.kis-open {
	display: none;
	align-items: center;
	justify-content: center;
	/* De knop schaalt mee met de ingestelde icoongrootte (glyph + 24px lucht). */
	width: calc(var(--kis-iconbtn-size, 18px) + 24px);
	height: calc(var(--kis-iconbtn-size, 18px) + 24px);
	border: 0;
	border-radius: var(--kis-iconbtn-radius, 50px);
	cursor: pointer;
	background: var(--kis-iconbtn-bg, #f1f4f2);
	color: var(--kis-iconbtn-color, #1f2421);
}

.kis-open:hover {
	filter: brightness(0.96);
}

/* Zonder achtergrond: alleen het icoon */
.kis-open-nobg {
	width: auto;
	height: auto;
	padding: 6px;
	background: transparent;
	border-radius: 0;
}

.kis-open svg {
	width: 22px;
	height: 22px;
}

/* Weergave-systeem (1.6.0)
   ------------------------------------------------------------------------
   Welke viewport de balk of het icoon toont, wordt via media queries in
   KIS_Frontend::inline_css() geregeld (klassen .kis-dt-{bar|icon} en
   .kis-mb-{bar|icon} op de wrap). Hieronder staat het GEDRAG bij een klik op
   de icoon-knop: zes varianten, live gekozen door search.js op basis van het
   actieve breakpoint. De uitgeklapte balk hergebruikt de bestaande .kis-form
   (met alle balk-styling); JS zet [data-kis-behavior] + .kis-expanded op de
   wrap. */

/* Basis: zodra een gedrag actief is, tonen we de .kis-form als zwevend paneel
   (behalve inline-*, dat IN de flow zit, en fullbar, dat position:fixed
   gebruikt — zie verderop). De hoge specificiteit (klasse + attribuut +
   klasse) wint van de display:none uit de icoon-media-queries. */
.kis-wrap[data-kis-behavior] .kis-form {
	display: flex !important;
	position: absolute;
	z-index: 999996;
	background: var(--kis-bar-bg, #fff);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
}

/* Uitschuiven naast het icoon (inline-left / inline-right): de balk zit ÍN de
   flow en groeit vloeiend van 0 naar de ingestelde breedte — buurelementen in
   de header (menu-items, iconen) schuiven daardoor netjes opzij, precies zoals
   klassieke uitschuif-zoekbalken. Geen absolute positionering, geen overlap. */
.kis-wrap[data-kis-behavior="inline-left"],
.kis-wrap[data-kis-behavior="inline-right"] {
	display: inline-flex;
	align-items: center;
}

.kis-wrap[data-kis-behavior="inline-left"] .kis-form,
.kis-wrap[data-kis-behavior="inline-right"] .kis-form {
	position: static;
	z-index: auto;
	box-shadow: none;
	width: var(--kis-expand-w, 320px);
	max-width: 0;
	min-width: 0;
	overflow: hidden;
	padding-left: 0;
	padding-right: 0;
	border-width: 0;
	opacity: 0;
	transition: max-width 0.28s ease, opacity 0.2s ease, padding 0.28s ease;
	white-space: nowrap;
}

/* Bij inline-left staat de balk vóór het icoon (schuift naar links uit),
   bij inline-right erna. */
.kis-wrap[data-kis-behavior="inline-left"] .kis-form {
	order: -1;
	margin-right: 8px;
}

.kis-wrap[data-kis-behavior="inline-right"] .kis-form {
	margin-left: 8px;
}

.kis-wrap.kis-expanded[data-kis-behavior="inline-left"] .kis-form,
.kis-wrap.kis-expanded[data-kis-behavior="inline-right"] .kis-form {
	max-width: var(--kis-expand-w, 320px);
	opacity: 1;
	padding-left: 14px;
	padding-right: 14px;
	border-width: 1px;
}

/* Ingeklapt geen marge, anders blijft er een 8px-gat naast het icoon. */
.kis-wrap:not(.kis-expanded)[data-kis-behavior="inline-left"] .kis-form {
	margin-right: 0;
}

.kis-wrap:not(.kis-expanded)[data-kis-behavior="inline-right"] .kis-form {
	margin-left: 0;
}

/* Uitklappen ONDER het icoon (popover): breedte instelbaar, uitlijning volgens
   .kis-align-* (rechts standaard, links als het icoon links uitgelijnd is). */
.kis-wrap[data-kis-behavior="popover"] .kis-form {
	top: calc(100% + 8px);
	right: 0;
	width: var(--kis-expand-w, 320px);
	min-width: 240px;
	max-width: calc(100vw - 16px);
}

.kis-wrap[data-kis-behavior="popover"].kis-align-left .kis-form {
	right: auto;
	left: 0;
}

/* Balk over de VOLLE breedte: position:fixed, links/rechts tot de viewportrand.
   De verticale positie (top) zet JS op basis van de icoonpositie — robuust voor
   onbekende thema's zonder aannames over de header-DOM. */
.kis-wrap[data-kis-behavior="fullbar"] .kis-form {
	position: fixed;
	left: 0;
	right: 0;
	width: auto;
	max-width: 100%;
	border-radius: 0;
	padding: 14px max(16px, 4vw);
	box-sizing: border-box;
}

/* Uitlijning van de icoon-knop (optie "icon_align"): rechts = de wrap schuift
   naar de rechterkant van zijn kolom, ongeacht waar de shortcode staat.
   margin-left:auto dekt flex-containers, float:right dekt block-containers. */
.kis-dt-icon.kis-align-right,
.kis-mb-icon.kis-align-right {
	margin-left: auto;
	float: right;
}

/* Spotlight-venster (modal): gecentreerd wit paneel met een donkere backdrop.
   Het zoekveld staat bovenin, de dropdown-resultaten inline eronder (KisBox
   inline-modus, net als de overlay). */
.kis-modal[hidden] {
	display: none !important;
}

.kis-modal {
	position: fixed;
	inset: 0;
	z-index: 9999999;
	background: rgba(15, 23, 42, 0.4);
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 10vh 16px 16px;
	overflow-y: auto;
	overscroll-behavior: contain;
}

.kis-modal-panel {
	width: var(--kis-expand-w, 320px);
	max-width: 90vw;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 24px 60px rgba(15, 23, 42, 0.28);
	overflow: hidden;
}

.kis-modal-form {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 16px;
	border-bottom: 1px solid #e4e7e5;
}

.kis-modal-form .kis-icon {
	display: flex;
	color: #6a736d;
}

.kis-modal-form .kis-icon svg {
	width: 18px;
	height: 18px;
	display: block;
}

.kis-modal-input {
	flex: 1;
	min-width: 0;
	border: 0;
	outline: 0;
	padding: 0;
	font-size: 16px;
	background: transparent;
	box-shadow: none;
}

.kis-modal-results {
	max-height: 60vh;
	overflow-y: auto;
	overscroll-behavior: contain;
}

/* Fullscreen-overlay (mobiel of icoon-layout) */
/* Belangrijk: het hidden-attribuut moet winnen van display:flex, anders kan
   de overlay wel geopend maar nooit meer gesloten worden. */
.kis-overlay[hidden] {
	display: none !important;
}

.kis-overlay {
	position: fixed;
	inset: 0;
	z-index: 9999999;
	background: #fff;
	display: flex;
	flex-direction: column;
}

.kis-overlay-bar {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px;
	border-bottom: 1px solid #e4e7e5;
}

.kis-overlay-form {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 10px;
	background: #f4f6f4;
	border-radius: var(--kis-radius, 10px);
	padding: 10px 14px;
}

.kis-overlay-form .kis-icon {
	display: flex;
	color: #6a736d;
}

.kis-overlay-form .kis-icon svg {
	width: 18px;
	height: 18px;
	display: block;
}

.kis-overlay-input {
	flex: 1;
	min-width: 0;
	border: 0;
	outline: 0;
	padding: 0;
	font-size: 16px;
	background: transparent;
	box-shadow: none;
}

.kis-overlay-close {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	background: transparent;
	color: #3a443d;
}

.kis-overlay-close svg {
	width: 22px;
	height: 22px;
}

.kis-overlay-results {
	flex: 1;
	overflow-y: auto;
	overscroll-behavior: contain;
}

.kis-no-scroll,
.kis-no-scroll body {
	overflow: hidden;
}

/* WCAG 2.3.3 (Animation from Interactions): bezoekers die minder beweging
   willen, krijgen geen transitions/animaties en geen "smooth" scroll-gedrag
   binnen de zoek-UI (dropdown, overlay, resultaatrijen). */
@media (prefers-reduced-motion: reduce) {
	.kis-panel,
	.kis-panel *,
	.kis-overlay,
	.kis-overlay *,
	.kis-modal,
	.kis-modal *,
	.kis-wrap[data-kis-behavior] .kis-form,
	.kis-dim {
		transition: none !important;
		animation: none !important;
		scroll-behavior: auto !important;
	}
}