/* ════════════════════════════════════════════════════════════════════════
   UitKerst — templates (A6, 20-10-2026), samengevoegd met de kerstwereld (21-10-2026):
   dezelfde visuele taal (nachtblauw/goud, Fraunces + Figtree self-hosted) voor subpagina's,
   singles en het blok "Kerst uit eten". Goud is nu het accent; "Gesponsord" is altijd goud-op-donker (AA).
   Zie docs/design/2026-10-20-a6-templates.md en visueel/visuele-identiteit.md.
   ════════════════════════════════════════════════════════════════════════ */
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 500 800; font-display: swap; src: url(../kerstwereld/assets/fonts/fraunces-latin.woff2) format("woff2"); }
@font-face { font-family: "Fraunces"; font-style: italic; font-weight: 400 600; font-display: swap; src: url(../kerstwereld/assets/fonts/fraunces-italic-latin.woff2) format("woff2"); }
@font-face { font-family: "Figtree"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(../kerstwereld/assets/fonts/figtree-latin.woff2) format("woff2"); }

/* Nachtvlak rond de UitKerst-pagina's (subpagina's en singles); de hub zelf is .kis. */
.uk-nacht { background: #0E1B33; }
.uk {
	--uk-inkt: #DCE8F2; --uk-zacht: #A9B6C7; --uk-rand: #2B4068; --uk-mist: #16284A; --uk-wit: #0E1B33; --uk-kaart: #14233F;
	--uk-op-goud: #0E1B33; /* tekstkleur op goud */
	--uk-primair: #F4B860;
	--uk-primair-dk: #F4B860;
	--uk-primair-tint: rgba(244, 184, 96, .12);
	--uk-goud: #F4B860; --uk-goud-bg: rgba(244, 184, 96, .12); --uk-goud-rand: rgba(244, 184, 96, .5);
	--uk-font: "Figtree", var(--btn-font, system-ui, -apple-system, 'Segoe UI', sans-serif);
	--uk-disp: "Fraunces", Georgia, serif;
	color: var(--uk-inkt); font-family: var(--uk-font); color-scheme: dark;
	max-width: 1120px; margin: 0 auto; padding: 1.25rem 1.1rem 3.5rem;
	-webkit-text-size-adjust: 100%;
}
/* Ingebed in de kerstwereld-hub: geen eigen marge, de omringende sectie levert achtergrond en breedte. */
.uk.uk-ingebed { max-width: none; margin: 0; padding: 0; font-size: 1rem; line-height: 1.5; text-align: left; }
.uk-ingebed__kop { margin: 1.6rem 0 .9rem; font: 650 1.3rem/1.2 var(--uk-disp); color: #fff; display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
.uk-ingebed__kop:first-child { margin-top: 0; }
.uk-uitleg { margin: 1.2rem 0 0; max-width: 70ch; font-size: .88rem; line-height: 1.55; color: var(--uk-zacht); }
.uk-uitleg strong { color: var(--uk-inkt); }
.uk *, .uk *::before, .uk *::after { box-sizing: border-box; }
.uk a { color: var(--uk-primair-dk); }
.uk a:focus-visible, .uk button:focus-visible, .uk select:focus-visible, .uk input:focus-visible { outline: 2px solid var(--uk-primair); outline-offset: 2px; }
.uk .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* kruimels */
.uk-kruimels { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0 0 1rem; font-size: .88rem; color: var(--uk-zacht); }
.uk-kruimels a { text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; }
.uk-kruimels span[aria-current] { display: inline-flex; align-items: center; min-height: 44px; }

/* hero */
.uk-hero { margin: 0 0 1.4rem; max-width: 64ch; }
.uk-hero__titel { margin: 0 0 .7rem; font: 700 clamp(1.8rem, 1.4rem + 1.8vw, 2.7rem)/1.08 var(--uk-disp); letter-spacing: -.015em; color: #fff; }
.uk-hero__antwoord { margin: 0 0 .5rem; font-size: 1.02rem; line-height: 1.6; max-width: 58ch; }
.uk-byline { margin: 0; font-size: .85rem; color: var(--uk-zacht); }
.uk-zaak, .uk-kaart__zaak { margin: 0 0 .25rem; font-weight: 700; }
.uk-kaart__soort { font-weight: 500; color: var(--uk-zacht); }
.uk-adres { margin: .4rem 0 0; color: var(--uk-zacht); }

/* categorie-links en dag-links */
.uk-cats, .uk-dagen { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1.2rem; align-items: center; }
.uk-cats__item, .uk-dagen a {
	display: inline-flex; align-items: center; gap: .4em; min-height: 44px; padding: .45rem .9rem;
	border: 1.5px solid var(--uk-rand); border-radius: 999px; background: var(--uk-wit);
	color: var(--uk-zacht); font-size: .9rem; font-weight: 600; text-decoration: none;
}
.uk-cats__item.is-actief { background: var(--uk-primair-tint); border-color: var(--uk-primair); color: var(--uk-primair-dk); font-weight: 800; }
.uk-cats__n { font-size: .82em; font-weight: 700; opacity: .7; background: var(--uk-mist); border-radius: 999px; padding: .05em .5em; }
.uk-dagen__kop { font-weight: 700; color: var(--uk-zacht); margin-right: .25rem; }

/* filters (GET) */
.uk-filter { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem .8rem; align-items: end; margin: 0 0 1.6rem; padding: .9rem; background: var(--uk-mist); border-radius: 14px; }
.uk-filter label { display: flex; flex-direction: column; gap: .3rem; font-size: .85rem; font-weight: 600; color: var(--uk-zacht); }
.uk-filter select { min-height: 44px; padding: .4rem .6rem; border: 1.5px solid var(--uk-rand); border-radius: 10px; background: var(--uk-wit); font: inherit; color: var(--uk-inkt); }
.uk-filter__check { flex-direction: row !important; align-items: center; min-height: 44px; }
.uk-filter__check input { width: 1.2rem; height: 1.2rem; }
.uk-filter__reset { align-self: center; font-size: .9rem; }
@media (min-width: 700px) { .uk-filter { grid-template-columns: repeat(4, minmax(0, 1fr)) auto auto; } }

/* secties */
.uk-sectie { margin: 0 0 2.2rem; }
.uk-sectie__kop { margin: 0 0 .9rem; font: 650 1.3rem/1.2 var(--uk-disp); color: #fff; display: flex; align-items: center; gap: .6rem; }
.uk-gesponsord { display: inline-block; font-family: var(--uk-font); font-size: .72rem; font-weight: 700; letter-spacing: .02em; color: var(--uk-goud); background: var(--uk-goud-bg); border: 1px solid var(--uk-goud-rand); border-radius: 6px; padding: .15em .5em; }

/* kaarten */
.uk-lijst { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 1rem; }
@media (min-width: 560px) { .uk-lijst { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 900px) { .uk-lijst { grid-template-columns: repeat(3, 1fr); gap: 1.2rem; } .uk-lijst--uitgelicht { grid-template-columns: repeat(3, 1fr); } }
.uk-kaart { border: 1.5px solid var(--uk-rand); border-radius: 16px; background: var(--uk-kaart); overflow: hidden; display: flex; flex-direction: column; }
.uk-kaart--gesponsord { border-color: var(--uk-goud-rand); }
.uk-kaart__media { display: block; aspect-ratio: 4 / 3; background: var(--uk-mist); }
.uk-kaart__media img { width: 100%; height: 100%; object-fit: contain; display: block; } /* nooit afsnijden: posters en staande foto's blijven heel */
.uk-kaart__geenfoto { display: flex; align-items: center; justify-content: center; height: 100%; font-size: 2.4rem; color: var(--uk-primair); opacity: .55; }
.uk-kaart__body { padding: .9rem 1rem 1.1rem; display: flex; flex-direction: column; gap: .5rem; flex: 1; }
.uk-kaart__titel { margin: 0; font: 650 1.1rem/1.25 var(--uk-disp); color: #fff; }
.uk-kaart__titel a { color: inherit; text-decoration: none; }
.uk-kaart__titel a:hover { text-decoration: underline; }
.uk-kaart__meta { margin: 0; display: flex; flex-wrap: wrap; gap: .4rem .8rem; align-items: center; font-size: .92rem; }
.uk-prijs { font-weight: 800; }
.uk-nogplek { color: var(--uk-primair-dk); font-weight: 700; display: inline-flex; gap: .3em; align-items: center; }
.uk-badge { color: var(--uk-zacht); display: inline-flex; gap: .3em; align-items: center; }
.uk-kenmerken { margin: 0; font-size: .85rem; color: var(--uk-zacht); }
.uk-kaart .uk-knop { margin-top: auto; align-self: flex-start; }

/* datumstrook — het ene eigen element */
.uk-strook { list-style: none; margin: 0; padding: 0; display: flex; gap: .4rem; }
.uk-strook__dag { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 3rem; padding: .35rem .4rem; border-radius: 10px; border: 1.5px solid var(--uk-rand); color: var(--uk-rand); line-height: 1; }
.uk-strook__dag.is-aan { border-color: var(--uk-primair); background: var(--uk-primair-tint); color: var(--uk-primair-dk); }
.uk-strook__nr { font-size: 1.25rem; font-weight: 800; font-variant-numeric: tabular-nums; }
.uk-strook__mnd { font-size: .68rem; font-weight: 700; margin-top: .15rem; }
.uk-strook--groot .uk-strook__dag { min-width: 4rem; padding: .55rem .5rem; }
.uk-strook--groot .uk-strook__nr { font-size: 1.8rem; }
.uk-periode { margin: 0; display: inline-flex; gap: .4em; align-items: center; font-weight: 700; color: var(--uk-primair-dk); }
.uk-periode--groot { font-size: 1.15rem; }

/* knoppen */
.uk-knop { display: inline-flex; align-items: center; gap: .45em; min-height: 44px; padding: .55rem 1.1rem; border-radius: 999px; background: linear-gradient(135deg, #F7CB7E 0%, #F4B860 45%, #D9973A 100%); color: var(--uk-op-goud); font-weight: 800; text-decoration: none; border: 1.5px solid #D9973A; font: inherit; font-weight: 800; cursor: pointer; }
.uk-knop:hover { filter: brightness(1.06); color: var(--uk-op-goud); }
.uk-knop--stil { background: transparent; color: var(--uk-primair-dk); border-color: var(--uk-goud-rand); }
.uk-knop--stil:hover { background: var(--uk-primair-tint); color: var(--uk-primair-dk); filter: none; }
.uk-knop--tel { background: transparent; color: var(--uk-inkt); border-color: var(--uk-rand); }
.uk-knop--tel:hover { color: var(--uk-inkt); }

/* leeg / aanvulling / melding */
.uk-leeg { padding: 1.4rem; border: 1.5px dashed var(--uk-rand); border-radius: 16px; display: flex; flex-direction: column; gap: .5rem; align-items: flex-start; }
.uk-leeg__titel { margin: 0; font-weight: 800; font-size: 1.1rem; }
.uk-leeg p { margin: 0; color: var(--uk-zacht); }
.uk-aanvulling { margin: 1rem 0 0; color: var(--uk-zacht); font-size: .92rem; }
.uk-melding { display: flex; gap: .5rem; align-items: center; margin: 0 0 1rem; padding: .8rem 1rem; border-radius: 12px; background: var(--uk-mist); }

/* faq, aanmeld, prose */
.uk-faq__item { border-top: 1px solid var(--uk-rand); padding: .2rem 0; }
.uk-faq__item summary { cursor: pointer; font-weight: 700; min-height: 44px; display: flex; align-items: center; }
.uk-faq__item p { margin: 0 0 .9rem; color: var(--uk-zacht); max-width: 64ch; line-height: 1.55; }
.uk-aanmeld { padding: 1.3rem; border-radius: 16px; background: var(--uk-primair-tint); max-width: 64ch; }
.uk-aanmeld p { margin: 0 0 .9rem; line-height: 1.55; }
.uk-prose { max-width: 64ch; line-height: 1.6; }
.uk-bron { margin: .6rem 0 0; font-size: .85rem; color: var(--uk-zacht); }

/* single */
.uk-foto { margin: 0 0 1.2rem; border-radius: 16px; background: var(--uk-mist); overflow: hidden; max-height: 70vh; display: flex; justify-content: center; }
.uk-foto img { width: 100%; height: auto; max-height: 70vh; object-fit: contain; display: block; }
.uk-kort { display: flex; flex-direction: column; gap: 1rem; margin: 0 0 1.8rem; padding: 1.1rem; border: 1.5px solid var(--uk-rand); border-radius: 16px; align-items: flex-start; }
.uk-feiten { margin: 0; display: grid; grid-template-columns: 1fr; gap: .5rem 1.2rem; }
.uk-feiten div { display: grid; grid-template-columns: 7rem 1fr; gap: .4rem; }
.uk-feiten dt { font-weight: 700; color: var(--uk-zacht); }
.uk-feiten dd { margin: 0; }
.uk-terugnaar { margin: 0 0 1.5rem; }
.uk-single__voet { border-top: 1px solid var(--uk-rand); padding-top: .8rem; }
@media (min-width: 700px) { .uk-kort { flex-direction: row; flex-wrap: wrap; align-items: center; } .uk-kort .uk-knop { margin-left: auto; } }

@media (prefers-reduced-motion: reduce) { .uk * { transition: none !important; } }

/* agenda + nieuwsbrief (A11) */
.uk-agenda__lijst { list-style: none; margin: 0 0 .6rem; padding: 0; display: grid; gap: .35rem; max-width: 64ch; }
.uk-agenda__lijst li { display: flex; gap: .7rem; align-items: baseline; min-height: 44px; border-bottom: 1px solid var(--uk-rand); }
.uk-agenda__datum { flex: 0 0 7rem; font-weight: 700; color: var(--uk-zacht); font-variant-numeric: tabular-nums; }
.uk-agenda__meer { margin: 0; }
.uk-nieuwsbrief { padding: 1.3rem; border: 1.5px solid var(--uk-rand); border-radius: 16px; max-width: 64ch; }
.uk-nieuwsbrief p { margin: 0 0 .9rem; line-height: 1.55; }
.uk-nieuwsbrief__form { display: flex; flex-wrap: wrap; gap: .6rem; }
.uk-nieuwsbrief__form input[type=email] { flex: 1 1 14rem; min-height: 44px; padding: .5rem .8rem; border: 1.5px solid var(--uk-rand); border-radius: 999px; font: inherit; }

/* gids (A12) */
.uk-gids h2 { font-size: 1.35rem; margin: 0 0 .6rem; }
.uk-gids h3 { font-size: 1.08rem; margin: 1.2rem 0 .4rem; }
.uk-gids p { margin: 0 0 .9rem; }

/* samenvoeging: label niet over de volle kaartbreedte, ademruimte onder de lijst in de hub */
.uk-kaart__body .uk-gesponsord { align-self: flex-start; }
.uk-ingebed .uk-cats { margin-top: 1.8rem; }

/* Agendablokken (Hub 2.0) en kleurplaten in de kerstwereld */
.uk-blokken { display: grid; grid-template-columns: 1fr; gap: 1rem; }
.uk-blok { padding: 1rem 1.1rem; border: 1.5px solid var(--uk-rand); border-radius: 16px; background: var(--uk-kaart); }
.uk-blok__kop { margin: 0 0 .6rem; font: 650 1.1rem/1.25 var(--uk-disp); color: #fff; display: flex; align-items: center; gap: .5rem; }
.uk-blok__kop i { color: var(--uk-primair); font-size: 1.2em; }
.uk-blok .uk-agenda__lijst { max-width: none; margin-bottom: .4rem; }
.uk-blok .uk-agenda__lijst li { font-size: .95rem; }
.uk-blok--oud-en-nieuw { background: var(--uk-primair-tint); border-color: var(--uk-goud-rand); }
.uk-kleurplaten { list-style: none; margin: 0 0 1.4rem; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem; max-width: 36rem; }
.uk-kleurplaat a { display: flex; flex-direction: column; gap: .4rem; text-decoration: none; color: #33444b; font-weight: 700; }
.uk-kleurplaat img { width: 100%; height: auto; aspect-ratio: 210 / 297; border: 1.5px solid #d9cdb8; border-radius: 10px; background: #fff; object-fit: cover; }
.uk-kleurplaat small { display: block; font-weight: 500; color: #5b6b72; }
@media (min-width: 700px) { .uk-blokken { grid-template-columns: 1fr 1fr; } }

/* ── Stadskaart "Kerst uit eten op de kaart" (kaart.js; Leaflet zelf gehost, tegels CARTO dark_all) ── */
.uk-kaart[hidden] { display: none; }
.uk-kmap-blok { margin: 0 0 2rem; }
.uk-kmap-skip { position: absolute; left: -9999px; top: auto; }
.uk-kmap-skip:focus { position: static; display: inline-block; margin: 0 0 .6rem; padding: .5rem .9rem; border: 1.5px solid var(--uk-primair); border-radius: 8px; background: var(--uk-wit); color: var(--uk-primair-dk); font-weight: 700; }
.uk-kmap-filters { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 .8rem; }
.uk-kmap-filters[hidden], .uk-kmap-status[hidden], .uk-kmap-hint[hidden], .uk-kmap-wacht[hidden] { display: none; }
@media (max-width: 699px) { .uk-kmap-filters { flex-wrap: nowrap; overflow-x: auto; padding-bottom: .3rem; scrollbar-width: thin; } .uk-kmap-chip { flex: 0 0 auto; white-space: nowrap; } }
.uk-kmap-chip { min-height: 44px; padding: .45rem .95rem; border: 1.5px solid var(--uk-rand); border-radius: 999px; background: var(--uk-wit); color: var(--uk-zacht); font: inherit; font-size: .9rem; font-weight: 600; cursor: pointer; }
.uk-kmap-chip:hover { border-color: var(--uk-goud-rand); color: var(--uk-inkt); }
.uk-kmap-chip.is-actief { background: var(--uk-primair-tint); border-color: var(--uk-primair); color: var(--uk-primair-dk); font-weight: 800; }
.uk-kmap-status { margin: 0 0 .7rem; font-size: .9rem; color: var(--uk-zacht); }
.uk-kmap-vak { position: relative; border: 1px solid var(--uk-rand); border-radius: 14px; overflow: hidden; background: #0A1426; }
.uk-kmap { height: clamp(360px, 60vh, 640px); width: 100%; background: #0A1426; }
@media (min-width: 900px) { .uk-kmap { height: clamp(440px, 56vh, 600px); } }
.uk-kmap-wacht { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .9rem; padding: 1rem; text-align: center; background: radial-gradient(900px 400px at 50% 0%, #1B2F5A 0%, #0A1426 75%); }
.uk-kmap-wacht p { margin: 0; max-width: 34ch; color: var(--uk-zacht); font-size: .95rem; }
.uk-kmap-hint { position: absolute; inset: auto 0 1rem 0; z-index: 900; margin: 0 auto; width: max-content; max-width: 86%; padding: .55rem .9rem; border-radius: 10px; background: rgba(7, 13, 26, .92); border: 1px solid var(--uk-goud-rand); color: #fff; font-size: .9rem; text-align: center; pointer-events: none; }
.uk-kmap-uitleg { margin: .8rem 0 0; max-width: 70ch; font-size: .85rem; line-height: 1.55; color: var(--uk-zacht); }
/* Kaart in nachtblauw/goud; attributie blijft leesbaar. */
.uk-kmap.leaflet-container { font-family: var(--uk-font); }
.uk-kmap.leaflet-container .leaflet-control-attribution { background: rgba(7, 13, 26, .78); color: #A9B6C7; font-size: 11px; }
.uk-kmap.leaflet-container .leaflet-control-attribution a { color: #F4B860; }
.uk-kmap .leaflet-bar a { background: #14233F; color: #F4B860; border-color: #2B4068; width: 36px; height: 36px; line-height: 36px; }
.uk-kmap .leaflet-bar a:hover { background: #1B2F5A; }
.uk-kmap .leaflet-control-zoom-in, .uk-kmap .leaflet-control-zoom-out { font-size: 20px; }
/* Gouden markers; uitgelicht (Gesponsord) groter en met label. */
.uk-pin-wrap { background: none; border: 0; }
.uk-pin { position: relative; display: block; width: 100%; height: 100%; }
.uk-pin__punt { position: absolute; left: 50%; top: 2px; width: 24px; height: 24px; margin-left: -12px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: linear-gradient(135deg, #F7CB7E 0%, #F4B860 45%, #D9973A 100%); border: 2px solid #0E1B33; box-shadow: 0 2px 6px rgba(0, 0, 0, .55); transition: transform .15s; }
.uk-pin__punt::after { content: ""; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; background: #0E1B33; }
.uk-pin::before { content: ""; position: absolute; inset: -6px; } /* ruimer aanraakvlak */
.uk-pin--gespons .uk-pin__punt { width: 34px; height: 34px; margin-left: -17px; top: 0; border-width: 3px; box-shadow: 0 0 0 3px rgba(244, 184, 96, .35), 0 3px 8px rgba(0, 0, 0, .6); }
.uk-pin--gespons .uk-pin__punt::after { width: 12px; height: 12px; margin: -6px 0 0 -6px; }
.uk-pin__label { position: absolute; left: 50%; bottom: -2px; transform: translateX(-50%); white-space: nowrap; padding: .1em .5em; border-radius: 6px; background: #0E1B33; border: 1px solid rgba(244, 184, 96, .6); color: #F4B860; font: 700 11px/1.4 var(--uk-font); }
.uk-pin-wrap.is-actief .uk-pin__punt { transform: rotate(-45deg) scale(1.3); box-shadow: 0 0 0 4px rgba(244, 184, 96, .55), 0 3px 8px rgba(0, 0, 0, .6); }
.uk-pin-wrap.is-actief { z-index: 2000 !important; }
.uk-pin-wrap:focus-visible { outline: 3px solid #F4B860; outline-offset: 2px; border-radius: 8px; }
.uk-kmap .marker-cluster-small, .uk-kmap .marker-cluster-medium, .uk-kmap .marker-cluster-large { background: rgba(244, 184, 96, .38); }
.uk-kmap .marker-cluster-small div, .uk-kmap .marker-cluster-medium div, .uk-kmap .marker-cluster-large div { background: #F4B860; color: #0E1B33; font: 800 13px/1 var(--uk-font); }
.uk-kmap .marker-cluster div { display: flex; align-items: center; justify-content: center; }
/* Popup als mini-kaartje. */
.uk-popup .leaflet-popup-content-wrapper { background: #14233F; color: #DCE8F2; border: 1px solid #2B4068; border-radius: 12px; padding: 0; overflow: hidden; box-shadow: 0 8px 24px rgba(0, 0, 0, .5); }
.uk-popup .leaflet-popup-content { margin: 0; width: auto !important; min-width: 220px; font-family: var(--uk-font); font-size: .9rem; line-height: 1.4; }
.uk-popup .leaflet-popup-tip { background: #14233F; border: 1px solid #2B4068; }
.uk-popup a.leaflet-popup-close-button { color: #F4B860; width: 36px; height: 36px; font: 22px/36px var(--uk-font); }
.uk-popup a.leaflet-popup-close-button:hover { color: #fff; }
.uk-popup .uk-pop__foto { display: block; width: 100%; height: 120px; object-fit: contain; background: #16284A; }
.uk-popup .uk-pop__body { padding: .7rem .85rem .85rem; display: flex; flex-direction: column; gap: .3rem; align-items: flex-start; }
.uk-popup .uk-pop__zaak { margin: 0; font-weight: 700; padding-right: 1.4rem; }
.uk-popup .uk-pop__soort { font-weight: 500; color: var(--uk-zacht); }
.uk-popup .uk-pop__titel { margin: 0; font: 650 1.05rem/1.25 var(--uk-disp); color: #fff; }
.uk-popup .uk-pop__regel { margin: 0; color: var(--uk-zacht); }
.uk-popup .uk-pop__meta { margin: 0; display: flex; flex-wrap: wrap; gap: .3rem .8rem; }
.uk-popup .uk-pop__demo { font-size: .72rem; font-weight: 700; color: #0E1B33; background: #DCE8F2; border-radius: 6px; padding: .15em .5em; }
.uk-popup .uk-pop__acties { display: flex; flex-wrap: wrap; gap: .5rem .9rem; align-items: center; margin-top: .3rem; }
.uk-popup .uk-pop__meer { color: var(--uk-primair-dk); font-weight: 600; }
.uk-popup .uk-knop { min-height: 40px; padding: .4rem .9rem; color: var(--uk-op-goud); }
.uk-popup .uk-knop--tel { color: var(--uk-inkt); }
.uk-popup .uk-knop.uk-knop--uit, .kis .uk .uk-popup .uk-knop--uit { color: var(--uk-zacht); background: transparent; }
.kis .uk .uk-popup .uk-knop--tel { color: var(--uk-inkt); }
.uk-popup .uk-knop--uit, .uk-knop--uit { background: transparent; color: var(--uk-zacht); border-color: var(--uk-rand); cursor: default; filter: none; }
.uk-kaart.is-gekozen { outline: 2px solid var(--uk-primair); outline-offset: 3px; border-radius: 14px; }
.uk-kaart__opkaart { margin-top: .4rem; }
@media (prefers-reduced-motion: reduce) { .uk-pin__punt { transition: none; } }
/* Voorbeeldbanner (alleen met ?kis_voorbeeld=...&kis_demo=1) */
.uk-demo { margin: 0 0 1.4rem; padding: .9rem 1.1rem; border: 2px dashed #F4B860; border-radius: 12px; background: rgba(244, 184, 96, .14); color: #fff; font-size: 1rem; line-height: 1.45; text-align: left; }
.uk-demo strong { color: #F4B860; }