/*
Theme Name: HDV Lisse
Template: kadence
Version: 1.0.0
Text Domain: hdvlisse
*/

/* ruimte tussen de twee sidebar cards */
.hdv-event-single__sidebar{
  display: flex;
  flex-direction: column;
  gap: 16px;           /* probeer 14–24px */
}

/* als je liever margin gebruikt */
.hdv-event-single__sidebar .card + .card{
  margin-top: 16px;
}

div#main-header {
    background-image: linear-gradient(322deg, rgba(12, 56, 122, 0.98) 6%, rgb(1, 14, 59) 100%);
}

/* =========================
   Single Event (CPT: evenement)
========================= */
.hdv-event-single{
  --ink: rgba(15,11,84,.92);
  --muted: rgba(15,11,84,.68);
  --yellow: #ffd60a;
  --stroke: rgba(255,214,10,.22);
  --shadow: 0 18px 40px rgba(0,0,0,.14);
  --shadowSoft: 0 12px 26px rgba(0,0,0,.10);
}

/* Ruimte NA de prijzen (dus direct vóór de knop) */
.hdv-event-single__prices{
  margin-bottom: 28px; /* probeer 16–28px */
}

/* Meer ademruimte tussen chips/prijzen en acties */
.hdv-event-single__hero-actions{
  margin-top: 25px; /* was 12px; probeer 16–24px */
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.hdv-event-single__hero-actions{
  margin-top: 12px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}


/* Hero */
.hdv-event-single__hero{
  background-image: linear-gradient(322deg, rgba(12, 56, 122, 0.98) 6%, rgb(1, 14, 59) 100%);
  padding: clamp(22px, 3vw, 44px) 0;
}

.hdv-event-single__hero-inner{
  width: min(1100px, 92vw);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 22px;
  align-items: center;
}

.hdv-event-single__eyebrow{
  margin: 0 0 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(255,255,255,.82);
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
}
.hdv-event-single__eyebrow::before{
  content:"";
  width: 10px; height: 10px;
  border-radius: 999px;
  background: var(--yellow);
  box-shadow: 0 0 0 6px rgba(255,214,10,.14);
}

.hdv-event-single__title{
  margin: 0;
  color: rgba(255,255,255,.96);
  font-weight: 950;
  letter-spacing: -0.02em;
  line-height: 1.05;
  font-size: clamp(34px, 4vw, 54px);
}

/* Chips */
.hdv-event-single__chips{
  margin-top: 14px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.hdv-chip{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 38px;
  padding: 0 14px 0 10px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.82));
  border: 1px solid rgba(255,214,10,.40);
  color: var(--ink);
  font-weight: 900;
  font-size: 13px;
  box-shadow: 0 14px 26px rgba(0,0,0,.12);
}
.hdv-chip__dot{
  width: 14px; height: 14px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffe45c, #ffd60a);
  border: 1px solid rgba(15,11,84,.14);
}

/* Prices */
.hdv-event-single__prices{
  margin-top: 14px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.hdv-price{
  display:inline-flex;
  align-items:center;
  height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  font-weight: 950;
  font-size: 13px;
  box-shadow: 0 12px 22px rgba(0,0,0,.10);
}
.hdv-price--member{
  background: rgba(255,214,10,.30);
  border: 1px solid rgba(255,214,10,.55);
  color: rgba(15,11,84,.92);
}
.hdv-price--nonmember{
  background: linear-gradient(135deg, rgba(22,89,142,.18), rgba(15,11,84,.14));
  border: 1px solid rgba(22,89,142,.26);
  color: rgba(255,255,255,.92);
}

/* Hero media */
.hdv-event-single__hero-media{
  border-radius: 22px;
  overflow: hidden;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: var(--shadow);
}
.hdv-event-single__img{
  display:block;
  width: 100%;
  height: auto;
}

/* Body grid */
.hdv-event-single__wrap{
  width: min(1100px, 92vw);
  margin: 24px auto 60px;
  display: grid;
  grid-template-columns: 1.5fr .9fr;
  gap: 18px;
}

/* Cards */
.card{
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(15,11,84,.10);
  border-radius: 18px;
  box-shadow: var(--shadowSoft);
}
.card__title{
  margin: 0;
  padding: 16px 16px 0;
  font-weight: 950;
  color: var(--ink);
  letter-spacing: -0.01em;
}
.card__body{
  padding: 12px 16px 16px;
  color: rgba(15,11,84,.82);
}

/* Details DL */
.hdv-dl{ margin: 0; }
.hdv-dl__row{
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 10px;
  padding: 10px 0;
  border-top: 1px solid rgba(15,11,84,.08);
}
.hdv-dl__row:first-child{ border-top: 0; padding-top: 0; }
.hdv-dl dt{
  margin: 0;
  color: rgba(15,11,84,.58);
  font-weight: 800;
}
.hdv-dl dd{
  margin: 0;
  color: rgba(15,11,84,.84);
  font-weight: 850;
  overflow-wrap: anywhere;
}

/* CTA card */
.card--cta{
  border-color: rgba(255,214,10,.28);
  background:
    radial-gradient(560px 220px at 20% 10%, rgba(255,214,10,.22), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.90));
}
.hdv-cta-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.hdv-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 42px;
  padding: 0 14px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 950;

  background: linear-gradient(180deg, #ffe45c, #ffd60a);
  color: rgba(15,11,84,.92);
  border: 1px solid rgba(15,11,84,.14);
  box-shadow: 0 12px 22px rgba(0,0,0,.12);
}
.hdv-btn--ghost{
  background: rgba(255,255,255,.90);
}

/* Responsive */
@media (max-width: 900px){
  .hdv-event-single__hero-inner,
  .hdv-event-single__wrap{
    grid-template-columns: 1fr;
  }
}


/* Mobile: logo kleiner maken zodat het niet over de H1 valt */
@media (max-width: 768px){
  /* Vaak gebruikt in headers */
  .site-header .custom-logo,
  .site-header .custom-logo-link img,
  header .custom-logo,
  header .custom-logo-link img{
    max-height: 54px;   /* probeer 44–64px */
    width: auto;
    height: auto;
  }
}


h1.entry-title {
    margin-top: -20px;
    margin-bottom: 43px;
    font-size: 3em;
    line-height: 1em;
    color: #fffefe;
    text-shadow: 4px 3px 1px rgba(0, 0, 0, 0.33);
}

.entry-hero-container-inner {
    background-image: linear-gradient(322deg, rgba(12, 56, 122, 0.98) 6%, rgb(1, 14, 59) 100%);
}

/* =========================================================
   Highlights rij: outer wrapper = .hdv-highlights.bar
   Doel: 3 chips compact in het midden
========================================================= */

/* Outer columns container (die nu full width is) */
.wp-block-columns.hdv-highlights.bar{
  justify-content: center;
  gap: 18px;                 /* ruimte tussen de 3 chips */
}

/* Elke kolom mag niet gaan stretchen */
.wp-block-columns.hdv-highlights.bar > .wp-block-column{
  flex: 0 0 auto !important; /* geen 1fr gedrag */
  width: auto !important;
}

/* Buttons container binnen elke kolom: krimp naar inhoud */
.wp-block-columns.hdv-highlights.bar .wp-block-buttons{
  width: fit-content;
  margin-inline: auto;
  justify-content: center;
}

/* Voorkom rare button widths */
.wp-block-columns.hdv-highlights.bar .wp-block-button,
.wp-block-columns.hdv-highlights.bar .wp-block-button__link{
  width: auto !important;
  white-space: nowrap;
}

/* Mobiel: netjes onder elkaar en gecentreerd */
@media (max-width: 720px){
  .wp-block-columns.hdv-highlights.bar{
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}


/* Container (optioneel): netjes chip-rijtje */
.wp-block-buttons{
gap: 10px;
flex-wrap: wrap;
}

/* Chip look */
.wp-block-button.hdv-highlights .wp-block-button__link{
--ink: rgba(15,11,84,.92);
--yellow: #ffd60a;

display: inline-flex;
align-items: center;
gap: 10px;

min-height: 38px;
padding: 8px 14px 8px 10px;
border-radius: 999px;

/* “glassy chip” i.p.v. volle knop */
background:
radial-gradient(18px 18px at 18px 50%, rgba(255,214,10,.18), transparent 65%),
linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.88));
border: 1px solid rgba(255,214,10,.55);

color: var(--ink);
font-weight: 950;
font-size: 13px;
letter-spacing: .02em;
text-decoration: none;

box-shadow:
0 14px 26px rgba(0,0,0,.10),
0 0 0 4px rgba(255,214,10,.12);

transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

/* Klein “icon” bolletje links (voelt als badge) */
.wp-block-button.hdv-highlights .wp-block-button__link::before{
content: "";
width: 26px;
height: 26px;
border-radius: 999px;

background: linear-gradient(180deg, #ffe45c, #ffd60a);
border: 1px solid rgba(15,11,84,.14);
box-shadow: 0 10px 16px rgba(0,0,0,.10);
flex: 0 0 auto;
}

/* Hover = iets liften, iets meer glow */
.wp-block-button.hdv-highlights .wp-block-button__link:hover{
transform: translateY(-1px);
box-shadow:
0 18px 34px rgba(0,0,0,.12),
0 0 0 6px rgba(255,214,10,.14);
filter: brightness(.995);
}

/* Focus (keyboard) */
.wp-block-button.hdv-highlights .wp-block-button__link:focus-visible{
outline: 3px solid rgba(255,214,10,.55);
outline-offset: 3px;
}

/* 1) Maak de highlights-balk compact en gecentreerd */
.wp-block-buttons.hdv-highlights{
width: fit-content; /* krimpt naar inhoud */
max-width: 100%;
margin: 18px auto 0; /* centreert */
display: flex;
justify-content: center;
gap: 10px;
flex-wrap: wrap; /* op mobiel mogen ze wrappen */
}

/* 2) Zorg dat individuele buttons niet ‘stretchen’ */
.wp-block-buttons.hdv-highlights .wp-block-button{
flex: 0 0 auto;
}

/* 3) Als je eerder ‘has-custom-width’ / width-classes gebruikt: neutraliseer */
.wp-block-buttons.hdv-highlights .wp-block-button.has-custom-width,
.wp-block-buttons.hdv-highlights .wp-block-button[class*="wp-block-button__width-"]{
width: auto !important;
}

/* 4) Link zelf mag ook niet full-width worden */
.wp-block-buttons.hdv-highlights .wp-block-button__link{
width: auto;
white-space: nowrap; /* houdt elke chip op 1 regel */
}



/* ===== Film frame voor alle YouTube embeds ===== */
.wp-block-embed-youtube{
--ink: #0f0b54;
--blue1: #0f0b54;
--blue2: #16598e;
--yellow: #ffd60a;

position: relative;
border-radius: 22px;
padding: 14px; /* ruimte voor “frame” */
background: linear-gradient(135deg, rgba(15,11,84,.16), rgba(22,89,142,.18));
box-shadow:
0 22px 44px rgba(0,0,0,.18),
0 0 0 6px rgba(255,214,10,.12);
}





/* Wrapper + iframe netjes rond en responsive */
.wp-block-embed-youtube .wp-block-embed__wrapper{
position: relative;
border-radius: 16px;
overflow: hidden;
background: #000;
box-shadow: 0 18px 32px rgba(0,0,0,.20);
}

/* Soms heeft iframe width/height attributes; dit helpt alsnog */
.wp-block-embed-youtube iframe{
display:block;
width:100%;
height:100%;
aspect-ratio: 16 / 9;
}




/* =========================================================
HDV – Upcoming events widget (premium)
========================================================= */
.hdv-upcoming {
border-radius: 18px;
padding: 14px;
border: 1px solid var(--hdv-up-stroke);
background: radial-gradient(620px 260px at 18% 8%, rgb(255 228 31 / 99%), transparent 820%), radial-gradient(520px 220px at 92% 18%, rgba(22, 89, 142, .1), transparent 28%), linear-gradient(180deg, var(--hdv-up-paper-1), var(--hdv-up-paper-2)) !important;
box-shadow: var(--hdv-up-shadow);align-content

}

/* Header: alles netjes verticaal gecentreerd */
.hdv-upcoming__head{
display: flex;
align-items: center; /* was baseline */
justify-content: space-between;
gap: 12px;
}

/* Zorg dat de pill zelf ook mooi in het midden staat */
/* Tekst van "Bekijk alles" centreren in de pill */
.hdv-upcoming__all{
display: inline-flex; /* i.p.v. inline/a */
align-items: center;
justify-content: center; /* key: centreert tekst */
text-align: center;

line-height: 1;
padding: 8px 12px; /* iets symmetrischer */
}

:root{
--hdv-title-color: #1b1657;
--hdv-text: rgba(27,22,87,.86);
--hdv-muted: rgba(27,22,87,.62);

--hdv-border-soft: rgba(27,22,87,.10);
--hdv-border: rgba(27,22,87,.14);

--hdv-glow-border: rgba(47,99,255,.28);
--hdv-glow-ring: rgba(47,99,255,.06);
--hdv-glow-shadow: rgba(47,99,255,.12);

--hdv-shadow-soft: 0 10px 24px rgba(0,0,0,.06);
}

.hdv-upcoming__head{
display:flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 12px;
}

.hdv-upcoming__title{
margin: 0;
font-size: 1.05rem;
font-weight: 950;
letter-spacing: -0.02em;
color: var(--hdv-title-color);
}

.hdv-upcoming__all{
text-decoration: none;
font-weight: 900;
font-size: .92rem;
color: rgba(27,22,87,.70);
padding: 8px 10px;
border-radius: 999px;
border: 1px solid rgba(27,22,87,.10);
background: rgba(255,255,255,.70);
box-shadow: 0 8px 18px rgba(47,99,255,.06);
}
.hdv-upcoming__all:hover{
border-color: var(--hdv-glow-border);
box-shadow:
0 10px 22px var(--hdv-glow-shadow),
0 0 0 6px var(--hdv-glow-ring);
}

.hdv-upcoming__list{
display: grid;
gap: 10px;
}

/* Item */
.hdv-upcoming__item{
position: relative;
display: grid;
grid-template-columns: 64px 1fr auto;
gap: 12px;
align-items: center;

padding: 12px 12px;
border-radius: 16px;

background: rgba(255,255,255,.88);
border: 1px solid rgba(27,22,87,.10);
box-shadow: 0 10px 18px rgba(47,99,255,.07);

text-decoration: none;
transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.hdv-upcoming__item:hover{
transform: translateY(-2px);
border-color: var(--hdv-glow-border);
box-shadow:
0 16px 30px rgba(0,0,0,.10),
0 0 0 6px var(--hdv-glow-ring),
0 14px 28px var(--hdv-glow-shadow);
}

/* Datum chip */
.hdv-upcoming__date{
height: 54px;
border-radius: 16px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;

background: linear-gradient(135deg,
rgba(47,99,255,.18),
rgba(124,58,237,.12)
);
border: 1px solid rgba(47,99,255,.18);
}

.hdv-upcoming__dow{
font-size: 12px;
font-weight: 950;
letter-spacing: .14em;
text-transform: uppercase;
color: rgba(27,22,87,.70);
line-height: 1;
}

.hdv-upcoming__dm{
margin-top: 4px;
font-size: 13px;
font-weight: 950;
color: var(--hdv-title-color);
line-height: 1;
}

/* Tekst */
.hdv-upcoming__body{ min-width: 0; }

.hdv-upcoming__name{
font-weight: 950;
color: var(--hdv-title-color);
line-height: 1.15;
letter-spacing: -0.01em;

/* netjes afkappen bij lange titels */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.hdv-upcoming__meta{
margin-top: 4px;
font-size: 13px;
font-weight: 850;
color: var(--hdv-muted);
}

/* Pijltje */
.hdv-upcoming__chev{
font-weight: 950;
color: rgba(27,22,87,.55);
}

/* Lege state */
.hdv-upcoming__empty{
margin: 0;
padding: 10px 12px;
border-radius: 14px;
background: rgba(255,280,.95);
border: 1px solid rgba(27,22,87,.10);
color: rgba(27,22,87,.70);
font-weight: 800;
}

/* Mobile */
@media (max-width: 520px){
.hdv-upcoming{ padding: 12px; }
.hdv-upcoming__item{
grid-template-columns: 58px 1fr;
gap: 10px;
}
.hdv-upcoming__chev{ display: none; }
}

/* Vandaag/Morgen indicator */
.hdv-upcoming__meta{
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}

.hdv-upcoming__time{
font-size: 13px;
font-weight: 850;
color: rgba(27,22,87,.62);
}

.hdv-upcoming__when{
display: inline-flex;
align-items: center;
height: 22px;
padding: 0 9px;
border-radius: 999px;

font-size: 12px;
font-weight: 950;
letter-spacing: .02em;

background: linear-gradient(135deg, rgba(47,99,255,.18), rgba(6,182,212,.12));
border: 1px solid rgba(47,99,255,.22);
color: rgba(27,22,87,.78);
}


/* =========================================================
HDV – COMPLETE CLEAN CSS (COPY/PASTE)
- Filterbar: dropdowns + prijs slider + Search (naam)
- Search: 1 vergrootglas (facetwp-icon verborgen) + icon kleurt mee bij focus
- Uniforme blauwe gloed op hover voor alle pills
- Slider: stabiel + verticaal gecentreerd
- Event cards: compact + kalenderbadge + prijs badges
========================================================= */

/* -----------------------------
0) Variabelen
------------------------------ */
:root{
--hdv-title-color: #1b1657;
--hdv-accent: #2f63ff;

--hdv-border: rgba(27,22,87,.14);
--hdv-border-soft: rgba(27,22,87,.10);
--hdv-text: rgba(27,22,87,.88);

--hdv-shadow-soft: 0 10px 24px rgba(0,0,0,.06);
--hdv-shadow: 0 14px 30px rgba(0,0,0,.10);

--hdv-pill-h: 44px;
--hdv-slider-rail-w: 260px;

--hdv-glow-border: rgba(47,99,255,.28);
--hdv-glow-ring: rgba(47,99,255,.06);
--hdv-glow-shadow: rgba(47,99,255,.12);
--hdv-focus-ring: rgba(47,99,255,.16);
--hdv-focus-border: rgba(47,99,255,.45);
}

/* =========================================================
HDV – FILTERBAR (RESPONSIVE FIX)
- Wrappen zodra nodig (geen overflow tussenresoluties)
- Items kunnen krimpen
- Slider rail schaalt mee
========================================================= */

/* € vóór de hele slider label (werkt altijd, maar geldt voor het hele label) */
body .hdv-filterbar .facetwp-type-slider .facetwp-slider-label::before{
content: "€ ";
font-weight: 900;
color: rgba(27,22,87,.75);
}

:root{
--hdv-border: rgba(27,22,87,.14);
--hdv-border-soft: rgba(27,22,87,.10);
--hdv-text: rgba(27,22,87,.88);

--hdv-pill-h: 44px;

--hdv-glow-border: rgba(47,99,255,.28);
--hdv-glow-ring: rgba(47,99,255,.06);
--hdv-glow-shadow: rgba(47,99,255,.12);
--hdv-focus-ring: rgba(47,99,255,.16);
--hdv-focus-border: rgba(47,99,255,.45);
}

body .hdv-filterbar{
display: flex;
flex-wrap: wrap; /* key: altijd mogen wrappen */
align-items: center;
gap: 10px;

padding: 12px;
margin-bottom: 20px;
border-radius: 16px;

background: linear-gradient(135deg,
rgba(47,99,255,.08),
rgba(124,58,237,.06),
rgba(6,182,212,.06)
);
border: 1px solid var(--hdv-border-soft);
box-shadow: 0 10px 24px rgba(0,0,0,.06);
}

body .hdv-filterbar .facetwp-facet{
margin: 0;
display: flex;
align-items: center;
min-width: 0; /* key: laat flex items écht krimpen */
}

/* Desktop volgorde (maar GEEN nowrap) */
@media (min-width: 721px){
body .hdv-filterbar .facetwp-facet-dag{ order: 1; }
body .hdv-filterbar .facetwp-facet-evenement_categorie{ order: 2; }
body .hdv-filterbar .facetwp-facet-prijs{ order: 3; }
body .hdv-filterbar .facetwp-facet-naam{ order: 4; flex: 1 1 320px; min-width: 240px; }
}

body .hdv-filterbar :is(select, input, button, a){
font-family: "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

/* ---------- Dropdowns: maak ze flexibel ---------- */
body .hdv-filterbar .facetwp-facet-dag,
body .hdv-filterbar .facetwp-facet-evenement_categorie{
flex: 1 1 190px; /* kan krimpen/groeien */
}

body .hdv-filterbar .facetwp-type-dropdown select{
height: var(--hdv-pill-h);
width: 100%; /* key */
min-width: 0; /* key: niet meer “hard” 180px */
padding: 0 42px 0 14px;
border-radius: 999px;

border: 1px solid var(--hdv-border);
background: #fff;
color: var(--hdv-text);

font-size: 14px;
font-weight: 650;
line-height: 1;

outline: none;
box-shadow: 0 8px 18px rgba(47,99,255,.08);
}
body .hdv-filterbar .facetwp-type-dropdown select:focus{
border-color: var(--hdv-focus-border);
box-shadow: 0 0 0 4px var(--hdv-focus-ring);
}

/* ---------- Search ---------- */
body .hdv-filterbar .facetwp-facet-naam{
flex: 2 1 320px; /* search krijgt wat meer ruimte */
min-width: 240px;
}

body .hdv-filterbar .facetwp-type-search{
display: flex;
align-items: center;
width: 100%;
min-width: 0;
}

/* Verberg extra vergrootglas */
body .hdv-filterbar .facetwp-type-search .facetwp-icon,
body .hdv-filterbar .facetwp-type-search .facetwp-btn{
display: none !important;
}

body .hdv-filterbar .facetwp-type-search input.facetwp-search{
height: var(--hdv-pill-h);
width: 100%;
min-width: 0;
padding: 0 14px 0 44px;
border-radius: 999px;

border: 1px solid var(--hdv-border);
background:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10.8 19.2a8.4 8.4 0 1 1 0-16.8 8.4 8.4 0 0 1 0 16.8Z' stroke='%231b1657' stroke-opacity='.72' stroke-width='2'/%3E%3Cpath d='M17.3 17.3 21 21' stroke='%231b1657' stroke-opacity='.72' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M7.2 10.2c.55-1.6 2.1-2.8 4.0-2.8' stroke='%232f63ff' stroke-width='2' stroke-linecap='round' stroke-opacity='.9'/%3E%3C/svg%3E")
no-repeat 16px 50% / 20px 20px,
#fff;

color: var(--hdv-text);
font-size: 14px;
font-weight: 650;
line-height: 1;

outline: none;
box-shadow: 0 8px 18px rgba(47,99,255,.08);
}

body .hdv-filterbar .facetwp-type-search input.facetwp-search:focus{
border-color: var(--hdv-focus-border);
background:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10.8 19.2a8.4 8.4 0 1 1 0-16.8 8.4 8.4 0 0 1 0 16.8Z' stroke='%232f63ff' stroke-opacity='.95' stroke-width='2'/%3E%3Cpath d='M17.3 17.3 21 21' stroke='%237c3aed' stroke-opacity='.95' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M7.2 10.2c.55-1.6 2.1-2.8 4.0-2.8' stroke='%2306b6d4' stroke-width='2' stroke-linecap='round' stroke-opacity='.95'/%3E%3C/svg%3E")
no-repeat 16px 50% / 20px 20px,
#fff;

box-shadow:
0 0 0 4px var(--hdv-focus-ring),
0 10px 22px rgba(47,99,255,.14);
}

/* ---------- Slider: laat rail meeschalen ---------- */
body .hdv-filterbar .facetwp-facet-prijs{
flex: 1 1 340px; /* slider krijgt ruimte maar mag wrappen */
min-width: 280px;
}

body .hdv-filterbar .facetwp-type-slider{
width: 100%;
min-width: 0;

height: var(--hdv-pill-h);
padding: 0 14px;
border-radius: 999px;

border: 1px solid var(--hdv-border);
background: #fff;
box-shadow: 0 8px 18px rgba(47,99,255,.08);

display: grid;
grid-template-columns: 1fr auto; /* key: rail is flexibel */
align-items: center;
gap: 12px;
}

/* Herstel weg */
body .hdv-filterbar .facetwp-type-slider .facetwp-slider-reset{
display: none !important;
}

/* Wrap centreert rail verticaal */
body .hdv-filterbar .facetwp-type-slider .facetwp-slider-wrap{
width: 100%;
min-width: 0;
height: var(--hdv-pill-h);

display: flex;
align-items: center;
}

/* Rail */
body .hdv-filterbar .facetwp-type-slider .noUi-target{
width: 100%;
height: 8px;
margin: 0;

border: 0;
box-shadow: none;
background: rgba(27,22,87,.10);
border-radius: 999px;
}

body .hdv-filterbar .facetwp-type-slider .noUi-connect{
height: 8px;
border-radius: 999px;
background: linear-gradient(90deg, rgba(47,99,255,1), rgba(124,58,237,1));
}

body .hdv-filterbar .facetwp-type-slider .noUi-handle{
width: 20px;
height: 20px;
top: -6px;
right: -10px;

border-radius: 999px;
border: 2px solid #fff;
background: linear-gradient(135deg, rgba(47,99,255,1), rgba(124,58,237,1));
box-shadow: 0 10px 18px rgba(47,99,255,.25);
}
body .hdv-filterbar .facetwp-type-slider .noUi-handle:before,
body .hdv-filterbar .facetwp-type-slider .noUi-handle:after{
display: none;
}

body .hdv-filterbar .facetwp-type-slider .facetwp-slider-label{
display: inline-flex;
align-items: center;
justify-content: center;

height: 28px;
padding: 0 9px;
border-radius: 999px;

background: rgba(27,22,87,.06);
border: 1px solid rgba(27,22,87,.10);

font-size: 12px;
font-weight: 800;
line-height: 1;
color: rgba(27,22,87,.75);

white-space: nowrap;
min-width: 62px;
margin: 0;
}

/* ---------- Uniforme blauwe gloed (hover/focus-within) ---------- */
body .hdv-filterbar :is(
.facetwp-type-dropdown select,
.facetwp-type-search input.facetwp-search,
.facetwp-type-slider
):hover{
border-color: var(--hdv-glow-border);
box-shadow:
0 10px 22px var(--hdv-glow-shadow),
0 0 0 6px var(--hdv-glow-ring);
transform: translateY(-1px);
}

body .hdv-filterbar .facetwp-type-slider:focus-within{
border-color: var(--hdv-focus-border);
box-shadow:
0 0 0 4px var(--hdv-focus-ring),
0 12px 22px rgba(47,99,255,.14);
}

/* Mobiel: alles stacked (blijft zoals jij had, maar nu zonder “tussen-overflow”) */
@media (max-width: 720px){
body .hdv-filterbar .facetwp-facet{ width: 100%; }

body .hdv-filterbar .facetwp-type-slider{
height: auto;
padding: 12px 14px;
grid-template-columns: 1fr;
gap: 10px;
transform: none;
}

body .hdv-filterbar .facetwp-type-slider .facetwp-slider-wrap{
height: auto;
display: block;
}
}




/* =========================================
FIX: rail exact verticaal centreren
(onafhankelijk van noUi interne styles)
========================================= */

/* wrapper rond de rail wordt position context */
body .hdv-filterbar .facetwp-type-slider .facetwp-slider-wrap{
position: relative !important;
display: block !important; /* we gaan zelf positioneren */
height: var(--hdv-pill-h, 44px) !important;
}

/* rail exact midden in de pill */
body .hdv-filterbar .facetwp-type-slider .noUi-target{
position: absolute !important;
left: 0;
right: 0;
top: 50% !important;
transform: translateY(-50%) !important;

height: 8px !important;
margin: 0 !important;
}

/* handle centreren op rail (8px rail, 20px handle) */
body .hdv-filterbar .facetwp-type-slider .noUi-handle{
top: -6px !important; /* (20-8)/2 */
}

.hdv-upcoming{
position: relative;
overflow: hidden; /* confetti blijft binnen de kaart */
background:
/* confetti dots (laag 1) */
radial-gradient(circle at 12% 22%, rgba(255, 77,109,.55) 0 3px, transparent 4px),
radial-gradient(circle at 28% 78%, rgba(255,183, 3,.55) 0 3px, transparent 4px),
radial-gradient(circle at 66% 18%, rgba( 82,183,136,.55) 0 3px, transparent 4px),
radial-gradient(circle at 84% 64%, rgba( 47, 99,255,.45) 0 3px, transparent 4px),
radial-gradient(circle at 44% 50%, rgba(124, 58,237,.45) 0 3px, transparent 4px),

/* confetti dots (laag 2, kleiner) */
radial-gradient(circle at 18% 52%, rgba(255,183, 3,.45) 0 2px, transparent 3px),
radial-gradient(circle at 52% 24%, rgba(255, 77,109,.40) 0 2px, transparent 3px),
radial-gradient(circle at 74% 42%, rgba( 82,183,136,.40) 0 2px, transparent 3px),

/* warme paper base */
linear-gradient(180deg, #fff7ea, #fff1d6);
}

.hdv-upcoming::before{
content:"";
position:absolute;
inset:-40px;
background: repeating-conic-gradient(
from 10deg at 20% 10%,
rgba(255,183,3,.14) 0 10deg,
rgba(255,77,109,.10) 10deg 20deg
);
filter: blur(1px);
opacity: .55;
pointer-events:none;
}


/* ================================
Upcoming widget – brighter hero match
================================ */
:root{
--hdv-hero-blue-1: #0f0b54;
--hdv-hero-blue-2: #16598e;
--hdv-hero-yellow: #ffd60a;

/* nieuw: “papier” + lichte card tinten */
--hdv-up-paper-1: #fff7e6;
--hdv-up-paper-2: #fff1cf;
--hdv-up-card: rgba(255,255,255,.94);
--hdv-up-stroke: rgba(15,11,84,.10);
--hdv-up-shadow: 0 18px 40px rgba(0,0,0,.14);
--hdv-up-glow: 0 0 0 6px rgba(255,214,10,.16);
}

/* shell: lichter + warmer, met gele “spotlight” */
.hdv-upcoming{
border-radius: 18px;
padding: 14px;
border: 1px solid var(--hdv-up-stroke);

background:
radial-gradient(620px 260px at 18% 8%, rgba(255,214,10,.6), transparent 820%),
radial-gradient(520px 220px at 92% 18%, rgba(22,89,142,.1), transparent 28%),
linear-gradient(180deg, var(--hdv-up-paper-1), var(--hdv-up-paper-2));

box-shadow: var(--hdv-up-shadow);
}

/* title: donkerblauw (huisstijl) */
.hdv-upcoming__title{
color: rgba(15,11,84,.92);
font-weight: 950;
}


/* items: witter + iets meer contrast */
.hdv-upcoming__item{
background: var(--hdv-up-card);
border: 1px solid rgba(15,11,84,.10);
box-shadow: 0 10px 18px rgba(0,0,0,.10);
}
.hdv-upcoming__item:hover{
transform: translateY(-2px);
box-shadow: 0 16px 30px rgba(0,0,0,.14);
}

/* date chip: iets helderder blauw (minder donker) */
.hdv-upcoming__date{
background: linear-gradient(135deg,
rgba(22,89,142,.22),
rgba(15,11,84,.16)
);
border: 1px solid rgba(15,11,84,.14);
}

/* tekstkleuren blijven huisstijl */
.hdv-upcoming__dow{ color: rgba(15,11,84,.72); }
.hdv-upcoming__dm{ color: rgba(15,11,84,.92); }

.hdv-upcoming__meta{ color: rgba(15,11,84,.66); }

/* Vandaag/Morgen pill: iets cleaner/geeler */
.hdv-upcoming__when{
background: rgba(255,214,10,.32);
border: 1px solid rgba(255,214,10,.62);
color: rgba(15,11,84,.92);
}


/* Prijs-chips: laat geel/blauw terugkomen i.p.v. random paars/cyaan */
body .facetwp-template .hdv-event__row--price-member dd{
  background: rgba(255,214,10,.28);
  border: 1px solid rgba(255,214,10,.55);
}

body .facetwp-template .hdv-event__row--price-nonmember dd{
  background: linear-gradient(135deg, rgba(22,89,142,.18), rgba(15,11,84,.14));
  border: 1px solid rgba(22,89,142,.26);
}

.hdv-price--member{
  background: linear-gradient(180deg, #ffe45c, #ffd60a);
  border: 1px solid rgba(15,11,84,.18);
  color: rgba(15,11,84,.96);
}

/* =========================================================
EVENT OVERZICHT – EVENT CARDS (single event stijl)
========================================================= */

/* Grid */
body .facetwp-template .fwpl-layout,
body .facetwp-template-static .fwpl-layout{
  display: grid;
  grid-template-columns: repeat(3, minmax(280px, 1fr));
  gap: 20px;
  align-items: start;
}
@media (max-width: 1100px){
  body .facetwp-template .fwpl-layout,
  body .facetwp-template-static .fwpl-layout{
    grid-template-columns: repeat(2, minmax(280px, 1fr));
  }
}
@media (max-width: 640px){
  body .facetwp-template .fwpl-layout,
  body .facetwp-template-static .fwpl-layout{
    grid-template-columns: 1fr;
  }
}

/* Card shell */
body .facetwp-template .hdv-event{
  --ink: rgba(15,11,84,.92);
  --muted: rgba(15,11,84,.62);
  --yellow: #ffd60a;

  position: relative;
  overflow: hidden;
  isolation: isolate;

  border-radius: 18px;
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(15,11,84,.10);
  box-shadow: 0 12px 26px rgba(0,0,0,.10);

  display: flex;
  flex-direction: column;
  height: 100%;

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body .facetwp-template .hdv-event:hover{
  transform: translateY(-4px);
  border-color: rgba(255,214,10,.30);
  box-shadow: 0 18px 38px rgba(0,0,0,.12), 0 0 0 6px rgba(255,214,10,.10);
}

/* Media */
body .facetwp-template .hdv-event__media{
  position: relative;
  display: block;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: #eef2ff;
  z-index: 1;
}
body .facetwp-template .hdv-event__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  filter: saturate(1.08) contrast(1.03);
  transition: transform .25s ease, filter .25s ease;
}
body .facetwp-template .hdv-event:hover .hdv-event__media img{
  transform: scale(1.06);
  filter: saturate(1.12) contrast(1.05);
}
/* Cinematic overlay */
body .facetwp-template .hdv-event__media::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 45%, rgba(15,11,84,.22) 100%);
  opacity: .55;
  pointer-events:none;
}

/* Kalenderbadge terug (als je markup dit heeft) */
body .facetwp-template .hdv-datebadge{
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 3;

  width: 64px;
  height: 64px;
  border-radius: 18px;

  display: grid;
  grid-template-rows: 1fr 1fr;
  align-content: center;
  justify-items: center;

  background: rgba(255,255,255,.88);
  border: 1px solid rgba(15,11,84,.14);
  box-shadow: 0 16px 30px rgba(0,0,0,.12), 0 0 0 6px rgba(47,99,255,.08);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  overflow: hidden;
}
body .facetwp-template .hdv-datebadge::before{
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 16px;
  background: linear-gradient(180deg, rgba(255,214,10,.95), rgba(255,214,10,.55));
}
body .facetwp-template .hdv-datebadge::after{
  content: "";
  position: absolute;
  top: 10px;
  left: 14px;
  width: 36px;
  height: 10px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 7px 5px, rgba(255,255,255,.95) 0 3px, transparent 4px),
    radial-gradient(circle at 29px 5px, rgba(255,255,255,.95) 0 3px, transparent 4px);
  opacity: .9;
}
body .facetwp-template .hdv-datebadge__day,
body .facetwp-template .hdv-datebadge__mon{
  position: relative;
  z-index: 2;
}
body .facetwp-template .hdv-datebadge__day{
  margin-top: 16px;
  font-weight: 950;
  font-size: 21px;
  line-height: 1;
  color: rgba(15,11,84,.92);
  letter-spacing: -0.02em;
}
body .facetwp-template .hdv-datebadge__mon{
  margin-top: -2px;
  font-weight: 900;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(15,11,84,.72);
}
@media (max-width: 520px){
  body .facetwp-template .hdv-datebadge{
    width: 58px;
    height: 58px;
    border-radius: 16px;
    top: 10px;
    left: 10px;
  }
  body .facetwp-template .hdv-datebadge::before{ height: 14px; }
  body .facetwp-template .hdv-datebadge__day{ font-size: 20px; margin-top: 15px; }
  body .facetwp-template .hdv-datebadge__mon{ font-size: 10px; }
}

/* Content */
body .facetwp-template .hdv-event__content{
  position: relative;
  z-index: 2;
  padding: 14px 16px 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 10px;
}

body .facetwp-template .hdv-event__title{
  margin: 2px 0 0;
  font-size: clamp(1.12rem, 1.1vw + .95rem, 1.45rem);
  line-height: 1.10;
  font-weight: 950;
  letter-spacing: -0.02em;
  color: var(--ink);
}
body .facetwp-template .hdv-event__title a{
  color: inherit;
  text-decoration: none;
}
body .facetwp-template .hdv-event__title a:hover{
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

/* Badges -> chip-language */
body .facetwp-template .hdv-event__badges{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0;
}
body .facetwp-template .hdv-badge{
  display: inline-flex;
  align-items: center;
  gap: 10px;

  height: 34px;
  padding: 0 12px 0 10px;
  border-radius: 999px;

  background:
    radial-gradient(18px 18px at 16px 50%, rgba(255,214,10,.16), transparent 65%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.80));
  border: 1px solid rgba(255,214,10,.40);

  color: rgba(15,11,84,.78);
  font-weight: 900;
  font-size: 12.5px;
  letter-spacing: .02em;

  box-shadow: 0 12px 22px rgba(0,0,0,.08);
}
body .facetwp-template .hdv-badge::before{
  content:"";
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffe45c, #ffd60a);
  border: 1px solid rgba(15,11,84,.14);
}

/* Details rows */
body .facetwp-template .hdv-event__dl{ margin: 0; padding: 0; }

body .facetwp-template .hdv-event__row{
  display: grid;
  grid-template-columns: minmax(96px, 34%) 1fr;
  gap: 10px;
  align-items: baseline;

  padding: 10px 0;
  border-top: 1px solid rgba(15,11,84,.08);
}
body .facetwp-template .hdv-event__row dt{
  margin: 0;
  font-size: .90rem;
  font-weight: 750;
  color: rgba(15,11,84,.58);
}
body .facetwp-template .hdv-event

/* =========================================================
EVENT OVERZICHT – HDV EVENT CARDS (single event stijl)
Past op jouw Pods template markup:
.hdv-event, __media, __content, __badges, .hdv-badge,
.hdv-datebadge(+__day/__mon/__sr),
.hdv-event__row--price-member/nonmember, .hdv-btn
========================================================= */

/* Grid (als je FWPL / facetwp listing grid gebruikt) */
body .facetwp-template .fwpl-layout,
body .facetwp-template-static .fwpl-layout{
  display: grid;
  grid-template-columns: repeat(3, minmax(280px, 1fr));
  gap: 20px;
  align-items: start;
}
@media (max-width: 1100px){
  body .facetwp-template .fwpl-layout,
  body .facetwp-template-static .fwpl-layout{
    grid-template-columns: repeat(2, minmax(280px, 1fr));
  }
}
@media (max-width: 640px){
  body .facetwp-template .fwpl-layout,
  body .facetwp-template-static .fwpl-layout{
    grid-template-columns: 1fr;
  }
}

/* Card shell */
body .facetwp-template .hdv-event{
  --ink: rgba(15,11,84,.92);
  --yellow: #ffd60a;

  border-radius: 18px;
  overflow: hidden;
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(15,11,84,.10);
  box-shadow: 0 12px 26px rgba(0,0,0,.10);

  display: flex;
  flex-direction: column;
  height: 100%;

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body .facetwp-template .hdv-event:hover{
  transform: translateY(-4px);
  border-color: rgba(255,214,10,.30);
  box-shadow: 0 18px 38px rgba(0,0,0,.12), 0 0 0 6px rgba(255,214,10,.10);
}

/* ====== MEDIA = “single hero blauw” ====== */
body .facetwp-template .hdv-event__media{
  position: relative;
  display: block;
  aspect-ratio: 3 / 2;
  overflow: hidden;

  /* dezelfde vibe als single hero */
  background-image: linear-gradient(322deg, rgba(12, 56, 122, 0.98) 6%, rgb(1, 14, 59) 100%);
}

/* Beeld: cinematic */
body .facetwp-template .hdv-event__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  filter: saturate(1.08) contrast(1.03);
  transition: transform .25s ease, filter .25s ease;
}
body .facetwp-template .hdv-event:hover .hdv-event__media img{
  transform: scale(1.06);
  filter: saturate(1.12) contrast(1.05);
}

/* Donkerblauwe overlay (single gevoel) */
body .facetwp-template .hdv-event__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(to bottom, rgba(1,14,59,0) 35%, rgba(1,14,59,.55) 100%);
  opacity: .65;
  pointer-events:none;
}

/* ====== Kalenderbadge (jouw markup) ====== */
body .facetwp-template .hdv-datebadge{
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 3;

  width: 64px;
  height: 64px;
  border-radius: 18px;

  display: grid;
  grid-template-rows: 1fr 1fr;
  align-content: center;
  justify-items: center;

  background: rgba(255,255,255,.88);
  border: 1px solid rgba(15,11,84,.14);
  box-shadow: 0 16px 30px rgba(0,0,0,.12), 0 0 0 6px rgba(47,99,255,.08);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  overflow: hidden;
}
body .facetwp-template .hdv-datebadge::before{
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 16px;
  background: linear-gradient(180deg, rgba(255,214,10,.95), rgba(255,214,10,.55));
}
body .facetwp-template .hdv-datebadge::after{
  content: "";
  position: absolute;
  top: 10px;
  left: 14px;
  width: 36px;
  height: 10px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 7px 5px, rgba(255,255,255,.95) 0 3px, transparent 4px),
    radial-gradient(circle at 29px 5px, rgba(255,255,255,.95) 0 3px, transparent 4px);
  opacity: .9;
}
body .facetwp-template .hdv-datebadge__day,
body .facetwp-template .hdv-datebadge__mon{
  position: relative;
  z-index: 2;
}
body .facetwp-template .hdv-datebadge__day{
  margin-top: 16px;
  font-weight: 950;
  font-size: 21px;
  line-height: 1;
  color: rgba(15,11,84,.92);
  letter-spacing: -0.02em;
}
body .facetwp-template .hdv-datebadge__mon{
  margin-top: -2px;
  font-weight: 900;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(15,11,84,.72);
}

/* screenreader time helper (laat staan, maar onzichtbaar) */
body .facetwp-template .hdv-datebadge__sr{
  position:absolute;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

@media (max-width: 520px){
  body .facetwp-template .hdv-datebadge{
    width: 58px;
    height: 58px;
    border-radius: 16px;
    top: 10px;
    left: 10px;
  }
  body .facetwp-template .hdv-datebadge::before{ height: 14px; }
  body .facetwp-template .hdv-datebadge__day{ font-size: 20px; margin-top: 15px; }
  body .facetwp-template .hdv-datebadge__mon{ font-size: 10px; }
}

/* ====== Content ====== */
body .facetwp-template .hdv-event__content{
  padding: 14px 16px 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 10px;
}

body .facetwp-template .hdv-event__title{
  margin: 2px 0 0;
  font-size: clamp(1.12rem, 1.1vw + .95rem, 1.45rem);
  line-height: 1.10;
  font-weight: 950;
  letter-spacing: -0.02em;
  color: var(--ink);
}
body .facetwp-template .hdv-event__title a{
  color: inherit;
  text-decoration: none;
}
body .facetwp-template .hdv-event__title a:hover{
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

/* ====== Badges -> zelfde chip language als single ====== */
body .facetwp-template .hdv-event__badges{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0;
}
body .facetwp-template .hdv-badge{
  display: inline-flex;
  align-items: center;
  gap: 10px;

  height: 34px;
  padding: 0 12px 0 10px;
  border-radius: 999px;

  background:
    radial-gradient(18px 18px at 16px 50%, rgba(255,214,10,.16), transparent 65%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.80));
  border: 1px solid rgba(255,214,10,.40);

  color: rgba(15,11,84,.78);
  font-weight: 900;
  font-size: 12.5px;
  letter-spacing: .02em;

  box-shadow: 0 12px 22px rgba(0,0,0,.08);
}
body .facetwp-template .hdv-badge::before{
  content:"";
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffe45c, #ffd60a);
  border: 1px solid rgba(15,11,84,.14);
}

/* ====== Prijzen -> exact dezelfde stijl als single ====== */
body .facetwp-template .hdv-event__dl{ margin: 0; padding: 0; }

/* verstop dt labels voor compactheid (zoals je eerder deed) */
body .facetwp-template .hdv-event__row--price-member dt,
body .facetwp-template .hdv-event__row--price-nonmember dt{
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/* rows als inline chips onder elkaar */
body .facetwp-template .hdv-event__row--price-member,
body .facetwp-template .hdv-event__row--price-nonmember{
  display: inline-flex;
  align-items: center;
  padding: 0;
  border: 0;
  margin: 0;
}
body .facetwp-template .hdv-event__row--price-nonmember{ margin-top: 8px; }

/* dd = chip */
body .facetwp-template .hdv-event__row--price-member dd,
body .facetwp-template .hdv-event__row--price-nonmember dd{
  margin: 0;
  display: inline-flex;
  align-items: center;
  height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  font-weight: 950;
  font-size: 13px;
  box-shadow: 0 12px 22px rgba(0,0,0,.10);
}

/* Leden: zelfde als single */
body .facetwp-template .hdv-event__row--price-member dd{
  background: rgba(255,214,10,.30);
  border: 1px solid rgba(255,214,10,.55);
  color: rgba(15,11,84,.92);
}

/* Niet-leden: zelfde als single */
body .facetwp-template .hdv-event__row--price-nonmember dd{
  background: linear-gradient(135deg, rgba(22,89,142,.18), rgba(15,11,84,.14));
  border: 1px solid rgba(22,89,142,.26);
  color: rgba(15,11,84,.92);
}



/* ====== CTA knop (geel) ====== */
body .facetwp-template .hdv-event__cta{
  margin-top: auto;
  padding-top: 10px;
}
body .facetwp-template .hdv-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 42px;
  padding: 0 14px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 950;

  background: linear-gradient(180deg, #ffe45c, #ffd60a);
  color: rgba(15,11,84,.92) !important;
  border: 1px solid rgba(15,11,84,.14);
  box-shadow: 0 12px 22px rgba(0,0,0,.12);

  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;
}
body .facetwp-template .hdv-btn:hover{
  transform: translateY(-1px);
  filter: brightness(.98);
  box-shadow: 0 16px 26px rgba(0,0,0,.14), 0 0 0 6px rgba(255,214,10,.10);
}