/* ==========================================================================
   WJ Bookzo-standaard voor wijngaarddekroonvantexel.nl (03-11-2026, Tom:
   "bookzo an den Kirby-Bookzo-Standard anpassen").
   De site gebruikt Bookzo Elements rechtstreeks (geen wj-bookzo-plugin), dus het
   boekstandaard-deel van wj-bookzo 1.3.2 (assets/wj-bookzo.css, regels 470-496 en
   649-1742: boekblok, prijstabel, boekformulier, bevestiging) staat hier als
   eigen bestand. Opt-in: alleen binnen .wjb-boeken. Bij een nieuwe standaard
   dit deel opnieuw overnemen.
   ========================================================================== */

/* ---- MERK ---- */
:root {
  --merk-accent: #9a8041;        /* goud: gekozen dagen, actieve prijs */
  --merk-accent-tekst: #7a6532;  /* labels/links op lichte vlakken (contrast) */
  --merk-knop: #b73238;          /* rood, zoals de knoppen van de site */
  --merk-hover: #9c2a2f;
  --merk-ink: #2c2e36;
  --merk-zacht: #f7f1e3;
  --merk-bereik: #f2e8d1;
  --merk-lijn: #e8dfc9;
  --merk-font-kop: address-sans-pro-condensed, "Arial Narrow", sans-serif;
  --merk-font-tekst: acumin-pro, "Helvetica Neue", Arial, sans-serif;
}
/* Thema-variabelen waar de wj-bookzo-basis op terugvalt (anders paars/roze) */
.wjb-boeken {
  --paars: var(--merk-accent-tekst);
  --roze: var(--merk-knop);
  --donker: var(--merk-ink);
  --mint: var(--merk-bereik);
  --font-body: var(--merk-font-tekst);
  --font-head: var(--merk-font-kop);
}

/* ---- Basis van wj-bookzo 1.3.2 (regels 200-237: knoppen en velden). Bookzo levert
   zelf geen formulieropmaak; zonder dit stonden de boekvelden in browser-standaard.
   Hier alleen binnen .wjb-boeken, zodat de B&B-kalenders (oude opmaak) erbuiten blijven. ---- */
.wjb-boeken .bookzo.bookzo-bootstrap {
  font-family: var(--font-body, inherit);
  color: var(--donker, #2E1352);
  --wjb-donker: var(--donker, #2E1352);
  --wjb-paars:  var(--paars, #8438DF);
  --wjb-roze:   var(--roze, #F7148B);
  --wjb-mint:   var(--mint, #C7FDBB);
  --wjb-lila:   #EFEAFB;
  --wjb-lijn:   #E2DDF2;
  --wjb-radius: var(--radius, 15px);
}

/* Knoppen ------------------------------------------------------------------ */
.wjb-boeken .bookzo.bookzo-bootstrap .btn {
  cursor: pointer; border: 2px solid transparent; border-radius: 99px;
  padding: 12px 26px; font-family: var(--font-head, inherit); font-size: 16px; line-height: 1.2;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .15s ease;
}
.wjb-boeken .bookzo.bookzo-bootstrap .btn-primary { background: var(--wjb-roze); color: #fff; border-color: var(--wjb-roze); }
.wjb-boeken .bookzo.bookzo-bootstrap .btn-primary:hover:not(:disabled) { background: var(--wjb-donker); border-color: var(--wjb-donker); color: #fff; }
.wjb-boeken .bookzo.bookzo-bootstrap .btn-secondary { background: #fff; color: var(--wjb-donker); border-color: var(--wjb-donker); }
.wjb-boeken .bookzo.bookzo-bootstrap .btn-secondary:hover:not(:disabled) { background: var(--wjb-mint); border-color: var(--wjb-mint); }
.wjb-boeken .bookzo.bookzo-bootstrap .btn-link { background: transparent; color: var(--wjb-paars); text-decoration: underline; text-underline-offset: 3px; padding: 8px 12px; }
.wjb-boeken .bookzo.bookzo-bootstrap .btn:disabled { opacity: .35; cursor: default; }
.wjb-boeken .bookzo.bookzo-bootstrap .btn:focus-visible { outline: 3px solid var(--wjb-mint); outline-offset: 2px; }

/* Velden ------------------------------------------------------------------- */
.wjb-boeken .bookzo.bookzo-bootstrap label { font-family: var(--font-body-bold, inherit); font-size: 14px; letter-spacing: .03em; text-transform: uppercase; color: var(--wjb-paars); margin-bottom: 6px; }
.wjb-boeken .bookzo.bookzo-bootstrap .form-control {
  height: 52px; padding: 10px 16px; font-size: 17px; font-family: inherit; color: var(--wjb-donker);
  background: #fff; border: 2px solid var(--wjb-lijn); border-radius: 12px; box-shadow: none; transition: border-color .2s ease;
}
.wjb-boeken .bookzo.bookzo-bootstrap .form-control:focus { border-color: var(--wjb-paars); outline: none; box-shadow: 0 0 0 4px rgba(132, 56, 223, .12); }
.wjb-boeken .bookzo.bookzo-bootstrap .form-control[readonly] { background: #fff; cursor: pointer; }
.wjb-boeken .bookzo.bookzo-bootstrap .input-group { flex-wrap: nowrap; }
.wjb-boeken .bookzo.bookzo-bootstrap .input-group > .form-control:first-child:not(:last-child) { border-radius: 12px 0 0 12px; border-right-width: 1px; }
.wjb-boeken .bookzo.bookzo-bootstrap .input-group > .form-control:last-child:not(:first-child) { border-radius: 0 12px 12px 0; border-left-width: 1px; }
.wjb-boeken .bookzo.bookzo-bootstrap .form-control-datepicker { min-width: 120px; }

/* ==========================================================================
   Boekstandaard (sinds 1.3.0) — opt-in: werkt alleen met de snippets
   wj-bookzo/zoekbalk (.zoekbalk-wrap/.zoekbalk-bz) en wj-bookzo/boekblok
   (.wjb-boeken), of met html.wjb-standaard (zet wj-bookzo.js) voor de popups.
   Gebaseerd op De Bremakker / smederijtexel (okt 2026).
   Kleuren/fonts per site via --merk-* op :root (zie README in de skill);
   zonder --merk-* vallen ze terug op de thema-variabelen van wj-bookzo.
   ========================================================================== */
:where(:root) {
  --wjbm-accent: var(--merk-accent, var(--paars, #8438DF));
  --wjbm-accent-tekst: var(--merk-accent-tekst, var(--paars, #8438DF));
  --wjbm-knop: var(--merk-knop, var(--roze, #F7148B));
  --wjbm-hover: var(--merk-hover, var(--donker, #2E1352));
  --wjbm-ink: var(--merk-ink, var(--donker, #2E1352));
  --wjbm-zacht: var(--merk-zacht, #EFEAFB);
  --wjbm-bereik: var(--merk-bereik, #EFEAFB);
  --wjbm-lijn: var(--merk-lijn, #E2DDF2);
  --wjbm-font-kop: var(--merk-font-kop, var(--font-head, inherit));
  --wjbm-font-tekst: var(--merk-font-tekst, var(--font-body, inherit));
}

/* Bookzo plaatst kalenderdagen absoluut; .custom-day staat hierboven op 100% →
   zonder positie-anker werden ze paginagroot (grijze vlakken). Fix voor iedereen. */
.bookzo-bootstrap .ngb-dp-day { position: relative; }
.bookzo-bootstrap .ngb-dp-day .custom-day { top: 0; left: 0; }

/* ---- Terugval-formulier + eigen datumkiezer (wj-bookzo-datum.js) ---- */

/* ---- Boekblok (.wjb-boeken), prijstabel, boekformulier ---- */
/* Bremakker-tokens → merk-tokens */
.wjb-boeken, .boeken-terugval, .zoekbalk-bz,
html.wjb-standaard .datepicker-wrapper.floating, html.wjb-standaard .objects-to-book-wrapper.floating {
  --color-primary: var(--wjbm-accent);
  --color-primary-hover: var(--wjbm-ink);
  --color-primary-text: var(--wjbm-accent-tekst);
  --color-text: var(--wjbm-ink);
  --color-green-50: var(--wjbm-zacht);
  --color-green-600: var(--wjbm-accent);
  --color-green-700: var(--wjbm-accent-tekst);
  --color-sand-200: var(--wjbm-lijn);
  --color-sand-300: #cfcfc8;
  --color-sand-600: #6d6d68;
  --color-sand-700: #4f4f4a;
  --color-sand-900: var(--wjbm-ink);
  --color-yellow-200: var(--wjbm-hover);
  --color-yellow-400: color-mix(in srgb, var(--wjbm-hover) 80%, #000);
  --color-background: #fff;
  --color-page: #fff;
  --bz-donker: var(--wjbm-ink);
  --bz-accent: var(--wjbm-accent);
  --bz-accent-tekst: #fff;
  --bz-accent-donker: var(--wjbm-accent-tekst);
  --bz-zacht: var(--wjbm-zacht);
  --bz-kaart: #fff;
  --bz-lijn: var(--wjbm-lijn);
  --bz-ink: var(--wjbm-ink);
  --bz-radius-klein: 8px;
  --bz-font: var(--wjbm-font-tekst);
  --bz-focus-ring: color-mix(in srgb, var(--wjbm-accent) 20%, transparent);
}
.wjb-boeken { container: boekdeel / inline-size; }

/* ---- overgenomen van De Bremakker ---- */
.wjb-boeken .bookzo.bookzo-bootstrap,.wjb-boeken .bookzo-bootstrap { --wjb-lila:var(--bz-zacht);
    --wjb-roze:var(--bz-accent);
    --wjb-donker:var(--bz-ink);
    --wjb-lijn:var(--bz-lijn);
    color:var(--bz-ink);
    font-family:var(--bz-font) }
.wjb-boeken .bookzo.bookzo-bootstrap label,.wjb-boeken .bookzo-bootstrap .ngb-dp-weekday { color:var(--bz-accent-donker);
    font-weight:600 }
.wjb-boeken .bookzo.bookzo-bootstrap .btn { border-radius:var(--bz-radius-klein);
    font-weight:600 }
.wjb-boeken .bookzo.bookzo-bootstrap .btn-primary,.wjb-boeken .bookzo-bootstrap .objects-to-book-buttons .btn-primary,.wjb-boeken .bookzo-bootstrap .objects-to-book-wrapper .btn-circle { background:var(--bz-accent);
    border-color:var(--bz-accent);
    color:var(--bz-accent-tekst) }
.wjb-boeken .bookzo.bookzo-bootstrap .btn-primary:hover:not(:disabled),.wjb-boeken .bookzo-bootstrap .objects-to-book-buttons .btn-primary:hover,.wjb-boeken .bookzo-bootstrap .objects-to-book-wrapper .btn-circle:hover:not(:disabled) { background:var(--bz-donker);
    border-color:var(--bz-donker);
    color:#fff }
.wjb-boeken .bookzo-bootstrap .custom-day.first-selected .custom-day-circle,.wjb-boeken .bookzo-bootstrap .custom-day.second-selected .custom-day-circle { background:var(--bz-accent)!important;
    color:#fff!important }
.wjb-boeken .bookzo.bookzo-bootstrap .form-control:focus { box-shadow:0 0 0 4px var(--bz-focus-ring) }
.wjb-boeken .bookzo-bootstrap .datepicker-wrapper.inline,.wjb-boeken .bookzo-bootstrap .objects-to-book-wrapper .form-control { border-color:var(--bz-lijn) }
.wjb-boeken .bookzo-bootstrap .objects-to-book-wrapper .object-to-book.card { background:var(--bz-kaart) }
.boeken-terugval { background:var(--color-green-50);
    border-radius:1.5rem;
    flex-direction:column;
    align-items:flex-start;
    gap:1.25rem;
    margin-top:1.25rem;
    padding:1.5rem }
.boeken-terugval:not([hidden]) { display:flex }
@media (min-width:40rem) {
  .boeken-terugval { padding:2rem }
}
.wjb-boeken .bookzo-bootstrap .ngb-dp-day { position:relative }
.wjb-boeken .bookzo-bootstrap .custom-day { top:0;
    left:0 }
.wjb-boeken .wj-bookzo__element { min-height:0 }
.wjb-boeken .bookzo.bookzo-bootstrap { --bz-blok-pad:1.25rem;
    --bz-blok-radius:1.5rem }
@media (min-width:64rem) {
  .wjb-boeken .bookzo.bookzo-bootstrap { --bz-blok-pad:1.75rem }
}
.wjb-boeken .bookzo.bookzo-bootstrap .calendar-persons { grid-template-columns:minmax(0,1fr);
    align-items:stretch;
    gap:1rem;
    display:grid }
.wjb-boeken .bookzo.bookzo-bootstrap .calendar-persons>* { flex:none;
    width:auto;
    min-width:0;
    max-width:none;
    margin:0 }
.wjb-boeken .bookzo-bootstrap .datepicker-wrapper.inline { border:1px solid var(--color-sand-200);
    border-radius:var(--bz-blok-radius);
    height:100%;
    padding:var(--bz-blok-pad) calc(var(--bz-blok-pad) * .6);
    background:#fff }
.wjb-boeken .bookzo-bootstrap ngb-datepicker { width:100% }
.wjb-boeken .bookzo-bootstrap .ngb-dp-months { justify-content:space-around;
    gap:1.5rem }
.wjb-boeken .bookzo-bootstrap .ngb-dp-month { padding:0 }
.wjb-boeken .bookzo.bookzo-bootstrap .persons-wrapper .card { height:100% }
.wjb-boeken .bookzo.bookzo-bootstrap .persons-wrapper .card-body { flex-direction:column;
    justify-content:center;
    display:flex }
@media (min-width:64rem) {
  .wjb-boeken .bookzo-bootstrap .ngb-dp-day,.wjb-boeken .bookzo-bootstrap .ngb-dp-weekday { width:2.125rem!important;
    height:2.125rem!important }
  .wjb-boeken .bookzo-bootstrap .custom-day-circle { width:2rem;
    height:2rem;
    margin:.0625rem;
    font-size:.875rem }
  .wjb-boeken .bookzo.bookzo-bootstrap .persons-item+.persons-item { margin-top:1.25rem }
}
.wjb-boeken .bookzo.bookzo-bootstrap .card { border-radius:var(--bz-blok-radius);
    background:var(--color-green-50);
    border:0 }
.wjb-boeken .bookzo.bookzo-bootstrap .card-body,.wjb-boeken .bookzo.bookzo-bootstrap .card-body.p-4 { padding:var(--bz-blok-pad)!important }
.wjb-boeken .bookzo.bookzo-bootstrap .number-control { grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:.75rem;
    display:grid }
.wjb-boeken .bookzo.bookzo-bootstrap .number-control .label { text-align:left;
    font-size:.875rem;
    line-height:1.35 }
.wjb-boeken .bookzo.bookzo-bootstrap .number-control .numbers { align-items:center;
    gap:.375rem;
    display:flex }
.wjb-boeken .bookzo.bookzo-bootstrap .number-control .btn-circle { width:2.25rem;
    height:2.25rem;
    font-size:1rem }
.wjb-boeken .bookzo.bookzo-bootstrap .number-control .form-control { border-radius:.625rem;
    width:2.75rem;
    height:2.25rem;
    padding:0;
    font-size:1rem }
.wjb-boeken .bookzo.bookzo-bootstrap .number-control .label b { color:var(--color-text) }
.wjb-boeken .bookzo.bookzo-bootstrap .object-calendar-prices { padding:var(--bz-blok-pad);
    border-radius:var(--bz-blok-radius);
    background:var(--color-green-50);
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    gap:1rem 2rem;
    display:flex;
    margin-top:1rem!important }
.wjb-boeken .bookzo.bookzo-bootstrap .object-calendar-prices:not(:has(.total-price-wrapper)) { display:none }
.wjb-boeken .bookzo.bookzo-bootstrap .object-calendar-prices>* { margin:0!important }
.wjb-boeken .bookzo.bookzo-bootstrap .object-calendar-prices>.mt-4 { flex:18rem }
.wjb-boeken .bookzo-bootstrap .price-arrival-departure { flex-wrap:wrap;
    gap:0 .25rem;
    font-size:1rem;
    font-weight:600;
    display:flex;
    color:var(--color-text)!important }
.wjb-boeken .bookzo-bootstrap .price-arrival-departure>div { white-space:nowrap;
    flex:none;
    width:auto;
    max-width:none;
    padding:0 }
.wjb-boeken .bookzo-bootstrap .price-per-night { font-size:.9375rem;
    color:var(--color-sand-600)!important }
.wjb-boeken .bookzo-bootstrap .total-price-wrapper { color:var(--color-text);
    font-size:1.375rem;
    margin-top:.5rem!important }
.wjb-boeken .bookzo-bootstrap .total-wrapper { align-items:center;
    gap:.375rem;
    display:inline-flex }
.wjb-boeken .bookzo.bookzo-bootstrap .object-calendar-prices .btn { height:3rem;
    padding:0 2rem;
    font-size:1rem }
.wjb-boeken .bookzo.bookzo-bootstrap .card-alternative-prices { margin-top:1rem!important }
.wjb-boeken .bookzo-bootstrap .alternative-prices-info-container { display:none }
.wjb-boeken .bookzo-bootstrap .table-responsive { overscroll-behavior-x:contain;
    overflow-x:auto }
.wjb-boeken .bookzo-bootstrap .alternative-prices-table th,.wjb-boeken .bookzo-bootstrap .alternative-prices-table td { white-space:nowrap }
@media (max-width:47.99rem) {
  .wjb-boeken { max-width:100%;
    overflow-x:clip }
  .wjb-boeken .bookzo-bootstrap .ngb-dp-months { flex-direction:column;
    align-items:center;
    gap:1rem }
  .wjb-boeken .bookzo-bootstrap .row { margin-inline:0 }
  .wjb-boeken .bookzo-bootstrap [class*=col-] { padding-inline:0 }
  .wjb-boeken .bookzo.bookzo-bootstrap .btn-circle { width:2.5rem;
    height:2.5rem }
  .wjb-boeken .bookzo.bookzo-bootstrap .number-control .form-control { width:3rem;
    height:2.5rem }
  .wjb-boeken .bookzo.bookzo-bootstrap .object-calendar-prices>.mt-2,.wjb-boeken .bookzo.bookzo-bootstrap .object-calendar-prices .btn { width:100% }
}
@media (max-width:22.49rem) {
  .wjb-boeken .bookzo-bootstrap .ngb-dp-day,.wjb-boeken .bookzo-bootstrap .ngb-dp-weekday { width:2.1rem;
    height:2.1rem }
  .wjb-boeken .bookzo-bootstrap .custom-day-circle { width:2rem;
    height:2rem;
    line-height:2rem }
}
.wjb-boeken .bookzo-book { flex:none;
    width:100%;
    max-width:none;
    margin:0;
    padding:0 }
.wjb-boeken .bookzo.bookzo-bootstrap .bookzo-book .card { margin-top:1rem!important }
.wjb-boeken .bookzo.bookzo-bootstrap .bookzo-book>.card:first-child { margin-top:0!important }
.wjb-boeken .bookzo.bookzo-bootstrap .card-title { color:var(--color-text);
    text-transform:none;
    letter-spacing:0;
    font-size:1.1875rem;
    font-weight:600;
    line-height:1.4;
    margin:0 0 1rem!important }
.wjb-boeken .bookzo.bookzo-bootstrap .card .card { background:0 0;
    border-radius:0;
    margin:0!important }
.wjb-boeken .bookzo.bookzo-bootstrap .card .card>.card-body { padding:0!important }
.wjb-boeken .bookzo.bookzo-bootstrap .card .card .card-title { font-size:1rem;
    margin-bottom:.25rem!important }
.wjb-boeken .bookzo-bootstrap .select-arrangement-container { flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    gap:.75rem 1.5rem;
    display:flex }
.wjb-boeken .bookzo-bootstrap .stay-info-list { color:var(--color-text);
    gap:.125rem;
    margin:0;
    padding:0;
    font-size:1rem;
    list-style:none;
    display:grid }
.wjb-boeken .bookzo-bootstrap .stay-info-list .arrival-departure-date { font-weight:600 }
.wjb-boeken .bookzo-bootstrap .book-add-accommodation { margin-top:.75rem }
.wjb-boeken .bookzo-bootstrap .book-accommodation-infos img { border-radius:1rem }
.wjb-boeken .bookzo-bootstrap .optional-cost+.optional-cost { border-top:1px solid var(--color-sand-200) }
.wjb-boeken .bookzo-bootstrap .optional-cost-description { grid-template-columns:3.5rem minmax(0,1fr) auto;
    align-items:center;
    gap:.75rem 1rem;
    padding:.875rem 0;
    display:grid;
    margin:0!important }
.wjb-boeken .bookzo-bootstrap .optional-cost-description>* { margin:0!important }
.wjb-boeken .bookzo-bootstrap .optional-cost-description:not(:has(.optional-cost-image)) .optional-cost-text { grid-column:1/3 }
.wjb-boeken .bookzo-bootstrap .optional-cost-image .images-thumb { object-fit:cover;
    border-radius:.625rem;
    width:3.5rem;
    height:3.5rem;
    display:block }
.wjb-boeken .bookzo-bootstrap .optional-cost-name { font-size:.9375rem;
    line-height:1.4 }
.wjb-boeken .bookzo-bootstrap .optional-cost-name b { font-weight:600 }
.wjb-boeken .bookzo-bootstrap .optional-cost-price { color:var(--color-sand-600);
    font-size:.875rem }
.wjb-boeken .bookzo-bootstrap .optional-cost-selection { justify-self:end }
.wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-selection .btn:not(.btn-circle):not(.btn-link),.wjb-boeken .bookzo.bookzo-bootstrap .book-select-arrangements .btn:not(.btn-circle):not(.btn-link),.wjb-boeken .bookzo.bookzo-bootstrap .book-accommodations .btn:not(.btn-circle):not(.btn-link) { border:1px solid var(--color-sand-300);
    height:2.5rem;
    color:var(--color-text);
    white-space:nowrap;
    background:#fff;
    border-radius:999px;
    padding:0 1.25rem;
    font-size:.875rem;
    font-weight:600 }
.wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-selection .btn.active:not(.btn-circle),.wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-selection .btn[aria-pressed=true],.wjb-boeken .bookzo.bookzo-bootstrap .book-select-arrangements .btn.active { background:var(--color-primary);
    border-color:var(--color-primary);
    color:#fff }
.wjb-boeken .bookzo-bootstrap .reservation-form-wrapper { margin-top:1.5rem }
.wjb-boeken .bookzo.bookzo-bootstrap .reservation-form .form-group,.wjb-boeken .bookzo.bookzo-bootstrap .terms-and-conditions,.wjb-boeken .bookzo.bookzo-bootstrap .payment-info { margin:0 0 1.25rem;
    display:block }
.wjb-boeken .bookzo.bookzo-bootstrap .reservation-form label:not(.form-check-label) { text-transform:none;
    letter-spacing:0;
    color:var(--color-text);
    margin:0 0 .375rem;
    font-size:.9375rem;
    font-weight:600;
    display:block }
.wjb-boeken .bookzo.bookzo-bootstrap .reservation-form .form-control,.wjb-boeken .bookzo.bookzo-bootstrap .payment-info select.form-control { border-width:1px;
    border-color:var(--color-sand-300);
    border-radius:.75rem;
    width:100%;
    max-width:100%;
    height:3rem;
    font-size:1rem }
.wjb-boeken .bookzo.bookzo-bootstrap .reservation-form .form-row { grid-template-columns:minmax(0,1fr);
    gap:.5rem;
    margin:0;
    display:grid }
.wjb-boeken .bookzo.bookzo-bootstrap .reservation-form .form-row>[class*=col] { flex:none;
    width:auto;
    max-width:none;
    padding:0 }
@media (min-width:40rem) {
  .wjb-boeken .bookzo.bookzo-bootstrap .form-group-name .form-row { grid-template-columns:minmax(0,1fr) minmax(0,2.5fr) }
  .wjb-boeken .bookzo.bookzo-bootstrap .form-group-name .form-row>:first-child { grid-column:1/-1 }
}
.wjb-boeken .bookzo-bootstrap .int-tel-input { width:100%;
    display:flex }
.wjb-boeken .bookzo-bootstrap .int-tel-input .form-control { flex:auto }
.wjb-boeken .bookzo.bookzo-bootstrap .terms-and-conditions .form-check { align-items:flex-start;
    gap:.75rem;
    padding:0;
    display:flex }
.wjb-boeken .bookzo.bookzo-bootstrap .terms-and-conditions .form-check-input { width:1.25rem;
    height:1.25rem;
    accent-color:var(--color-primary);
    flex:none;
    margin:.15rem 0 0;
    position:static }
.wjb-boeken .bookzo.bookzo-bootstrap .terms-and-conditions .form-check-label { text-transform:none;
    letter-spacing:0;
    color:var(--color-text);
    font-size:.9375rem;
    font-weight:400;
    line-height:1.5 }
.wjb-boeken .bookzo-bootstrap .payment-details-text,.wjb-boeken .bookzo-bootstrap .payment-second-amount-text { color:var(--color-sand-600);
    margin-top:.5rem;
    font-size:.875rem;
    font-style:normal }
.wjb-boeken .bookzo.bookzo-bootstrap .form-group-book-button .btn { height:3.25rem;
    padding:0 2.5rem;
    font-size:1rem }
@media (max-width:47.99rem) {
  .wjb-boeken .bookzo.bookzo-bootstrap .form-group-book-button .btn { width:100% }
}
.wjb-boeken .bookzo-bootstrap .object-info { flex-wrap:wrap;
    align-items:flex-start;
    gap:1.25rem;
    display:flex }
.wjb-boeken .bookzo-bootstrap .object-info>.p-2 { display:none }
.wjb-boeken .bookzo-bootstrap .object-image { flex:0 18.75rem;
    max-width:100%;
    height:auto!important;
    margin:0!important }
.wjb-boeken .bookzo-bootstrap .object-image .carousel-wrapper,.wjb-boeken .bookzo-bootstrap .object-image .slider-wrapper { border-radius:1rem;
    overflow:hidden }
.wjb-boeken .bookzo-bootstrap .object-data { flex:14rem;
    min-width:14rem;
    max-width:none;
    padding:0 }
@media (max-width:47.99rem) {
  .wjb-boeken .bookzo-bootstrap .object-image { flex-basis:100% }
}
.wjb-boeken .bookzo.bookzo-bootstrap .object-data .persons-wrapper { flex:none;
    margin-bottom:1rem!important }
.wjb-boeken .bookzo.bookzo-bootstrap .btn-circle { width:2.25rem;
    height:2.25rem;
    padding:0;
    font-size:1rem }
.wjb-boeken .bookzo-bootstrap .number-of-items-input { align-items:center;
    gap:.375rem;
    display:flex }
.wjb-boeken .bookzo-bootstrap .number-of-items-input .btn { margin:0!important }
.wjb-boeken .bookzo.bookzo-bootstrap .number-of-items-input .form-control { text-align:center;
    border-width:1px;
    border-color:var(--color-sand-300);
    -moz-appearance:textfield;
    border-radius:.625rem;
    width:2.75rem;
    height:2.25rem;
    padding:0;
    font-size:1rem }
.wjb-boeken .bookzo-bootstrap .terms-and-conditions .form-check { align-items:center }
.wjb-boeken .bookzo-bootstrap .optional-costs .optional-cost-description { display:grid!important }
.wjb-boeken .bookzo-bootstrap .optional-cost-name-wrapper { justify-content:flex-start;
    align-items:center;
    gap:.375rem;
    display:flex }
.wjb-boeken .bookzo-bootstrap .optional-cost-name-icon { color:var(--color-sand-600);
    flex:none;
    margin:0!important }
@media (max-width:47.99rem) {
  .wjb-boeken .bookzo-bootstrap .optional-cost-description { grid-template-columns:3rem minmax(0,1fr) auto;
    gap:.625rem .75rem }
  .wjb-boeken .bookzo-bootstrap .optional-cost-image .images-thumb { width:3rem;
    height:3rem }
  .wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-selection .btn:not(.btn-circle):not(.btn-link) { padding:0 1rem }
  .wjb-boeken .bookzo.bookzo-bootstrap .number-of-items-input .btn-circle { width:2rem;
    height:2rem }
  .wjb-boeken .bookzo.bookzo-bootstrap .number-of-items-input .form-control { width:2.25rem;
    height:2rem }
}
.wjb-boeken .bookzo-bootstrap .book-select-arrangements .card-body :not(svg):not(path) { min-width:0 }
.wjb-boeken .bookzo-bootstrap .book-select-arrangements .d-flex { gap:.75rem 1.25rem;
    flex-wrap:wrap!important }
.wjb-boeken .bookzo.bookzo-bootstrap .terms-and-conditions .form-check-label { padding:0;
    display:block }
.wjb-boeken .bookzo.bookzo-bootstrap .terms-and-conditions .btn-link { vertical-align:baseline;
    white-space:normal;
    text-align:left;
    height:auto;
    font-size:inherit;
    color:var(--color-primary-text);
    text-underline-offset:3px;
    border:0;
    padding:0;
    font-weight:600;
    text-decoration:underline;
    display:inline }
.wjb-boeken .bookzo.bookzo-bootstrap .calendar-persons .persons-wrapper,.wjb-boeken .bookzo.bookzo-bootstrap .calendar-persons .persons-wrapper .card { margin:0!important }
.wjb-boeken .bookzo.bookzo-bootstrap .number-control .label { overflow-wrap:normal;
    word-break:normal;
    -webkit-hyphens:none;
    hyphens:none }
.wjb-boeken .bookzo-bootstrap .optional-cost-text { min-width:0!important }
.wjb-boeken .bookzo-bootstrap .optional-cost-name-wrapper { flex-wrap:wrap }
.wjb-boeken .bookzo-bootstrap .optional-cost-name { overflow-wrap:break-word;
    min-width:0 }
.wjb-boeken .bookzo-bootstrap .optional-cost-price,.wjb-boeken .bookzo-bootstrap .optional-cost-price-text { white-space:normal }
.wjb-boeken .bookzo.bookzo-bootstrap .object-calendar-prices bookzo-prices>*,.wjb-boeken .bookzo.bookzo-bootstrap .object-calendar-prices .price-per-night-wrapper { margin-top:0;
    margin-bottom:0 }
.wjb-boeken .bookzo.bookzo-bootstrap .object-calendar-prices .price-per-night-wrapper { margin-top:.25rem }
.wjb-boeken .bookzo-bootstrap .datepicker-wrapper.inline,.wjb-boeken .bookzo-bootstrap bookzo-arrival-departure-dates-picker,.wjb-boeken .bookzo-bootstrap ngb-datepicker { width:100%;
    display:block }
@media (max-width:63.99rem) {
  .wjb-boeken .bookzo-bootstrap .ngb-dp-months,.wjb-boeken .bookzo-bootstrap .ngb-dp-month { width:100% }
  .wjb-boeken .bookzo-bootstrap .ngb-dp-week,.wjb-boeken .bookzo-bootstrap .ngb-dp-weekdays { width:100%;
    display:flex }
  .wjb-boeken .bookzo-bootstrap .ngb-dp-day,.wjb-boeken .bookzo-bootstrap .ngb-dp-weekday { flex:1 1 0;
    min-width:0;
    width:auto!important }
  .wjb-boeken .bookzo-bootstrap .custom-day { justify-content:center;
    align-items:center;
    display:flex }
  .wjb-boeken .bookzo-bootstrap .custom-day-circle { margin:0 auto }
}
.wjb-boeken .bookzo-bootstrap .stay-info-list { flex-wrap:wrap;
    gap:.25rem 0;
    display:flex }
.wjb-boeken .bookzo-bootstrap .stay-info-list .arrival-departure-date { white-space:nowrap;
    flex:1 0 100% }
.wjb-boeken .bookzo-bootstrap .stay-info-list .number-of-nights+li:before { content:"·";
    color:var(--color-sand-600);
    margin-inline:.5rem }
.wjb-boeken .bookzo-bootstrap .stay-info-list .arrival-departure-date>div { display:inline }
.wjb-boeken .bookzo-bootstrap .stay-info-list .arrival-departure-date>div+div:before { content:" " }
@media (max-width:21.99rem) {
  .wjb-boeken .bookzo-bootstrap .stay-info-list .arrival-departure-date { white-space:normal }
}
.wjb-boeken .bookzo.bookzo-bootstrap .optional-costs .optional-cost-description { grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:"foto naam naam""foto prijs actie";
    align-items:center;
    gap:.5rem .875rem;
    padding:1rem 0 }
.wjb-boeken .bookzo.bookzo-bootstrap .optional-costs .optional-cost:first-child .optional-cost-description { padding-top:.25rem }
.wjb-boeken .bookzo.bookzo-bootstrap .optional-costs .optional-cost:last-child .optional-cost-description { padding-bottom:0 }
.wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-image { grid-area:foto }
.wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-text { display:contents }
.wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-name-wrapper { grid-area:naam;
    margin:0;
    display:block }
.wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-name { font-size:1rem;
    line-height:1.4;
    display:inline }
.wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-name-icon { vertical-align:-.2em;
    cursor:help;
    display:inline-flex;
    margin-left:.25rem!important }
.wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-name-icon .bookzo-icon { width:1.0625rem!important;
    margin:0!important }
.wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-price-wrapper { grid-area:prijs;
    margin:0 }
.wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-selection { grid-area:actie;
    justify-self:end }
.wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-price,.wjb-boeken .bookzo.bookzo-bootstrap .arrangement-price-difference { color:var(--color-sand-600);
    white-space:nowrap;
    font-size:.9375rem;
    line-height:1.4 }
.wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-price .bookzo-currency,.wjb-boeken .bookzo.bookzo-bootstrap .arrangement-price-difference .bookzo-currency { color:var(--color-text);
    font-weight:600 }
.wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-selection .btn:not(.btn-circle):not(.btn-link),.wjb-boeken .bookzo.bookzo-bootstrap .book-select-arrangements .btn:not(.btn-circle):not(.btn-link) { height:2.5rem;
    padding:0 1.125rem }
.wjb-boeken .bookzo.bookzo-bootstrap .number-of-items-input .btn-circle { width:2.5rem;
    height:2.5rem;
    font-size:1.125rem }
.wjb-boeken .bookzo.bookzo-bootstrap .number-of-items-input .btn-circle:disabled { border:1px solid var(--color-sand-300);
    color:var(--color-sand-600);
    opacity:.6;
    background:0 0 }
.wjb-boeken .bookzo.bookzo-bootstrap .number-of-items-input .form-control { width:2.75rem;
    height:2.5rem;
    font-weight:600 }
@media (min-width:48rem) {
  .wjb-boeken .bookzo.bookzo-bootstrap .optional-costs .optional-cost-description { grid-template-areas:"foto naam actie""foto prijs actie";
    gap:.125rem 1rem }
  .wjb-boeken .bookzo.bookzo-bootstrap .optional-costs .optional-cost-description:not(:has(.optional-cost-image)) { grid-template-areas:"naam actie""prijs actie" }
  .wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-name-wrapper { align-self:end }
  .wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-price-wrapper { align-self:start }
}
.wjb-boeken .bookzo.bookzo-bootstrap .select-arrangement-container { display:block }
.wjb-boeken .bookzo.bookzo-bootstrap .select-arrangement-selection-description { margin:0!important }
.wjb-boeken .bookzo.bookzo-bootstrap .select-arrangement-description .card-title { font-size:1rem;
    line-height:1.4;
    margin:0!important }
.wjb-boeken .bookzo.bookzo-bootstrap .select-arrangement-description .card-text { color:var(--color-sand-600);
    font-size:.9375rem;
    line-height:1.55;
    margin:.25rem 0 0!important }
.wjb-boeken .bookzo.bookzo-bootstrap .select-arrangement-description .card-text p { margin:0 }
.wjb-boeken .bookzo.bookzo-bootstrap .select-arrangement-description a { color:var(--color-primary-text);
    text-underline-offset:3px;
    font-weight:600;
    text-decoration:underline }
.wjb-boeken .bookzo.bookzo-bootstrap .select-arrangement-buttons-price { flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    gap:.75rem;
    display:flex;
    margin-top:1rem!important }
.wjb-boeken .bookzo.bookzo-bootstrap .arrangement-price-difference-container { order:-1 }
.wjb-boeken .bookzo.bookzo-bootstrap .arrangement-price-difference { margin:0!important }
.wjb-boeken .bookzo.bookzo-bootstrap .arrangement-price-difference b { font-weight:inherit }
.wjb-boeken .bookzo.bookzo-bootstrap .select-arrangement-buttons { align-items:center;
    gap:1rem;
    margin-left:auto;
    display:flex }
.wjb-boeken .bookzo.bookzo-bootstrap .select-arrangement-buttons .btn { margin:0!important }
.wjb-boeken .bookzo.bookzo-bootstrap .select-arrangement-buttons .btn-link { height:auto;
    color:var(--color-primary-text);
    text-underline-offset:3px;
    border:0;
    order:-1;
    padding:0;
    font-size:.875rem;
    font-weight:600;
    text-decoration:underline }
.wjb-boeken .bookzo.bookzo-bootstrap .select-arrangement-buttons-price { width:100% }
.wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-price-text { white-space:normal }
.wjb-boeken .bookzo.bookzo-bootstrap .select-arrangement-buttons { justify-content:flex-end }
.wjb-boeken .bookzo.bookzo-bootstrap .number-of-items-input { gap:.25rem }
.wjb-boeken .bookzo.bookzo-bootstrap .number-of-items-input .form-control { width:2.5rem }
.wjb-boeken .bookzo.bookzo-bootstrap .optional-costs .optional-cost-description,.wjb-boeken .bookzo.bookzo-bootstrap .optional-costs .optional-cost-description:has(.optional-cost-image) { grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:"naam naam naam""foto prijs actie";
    gap:.625rem .875rem }
.wjb-boeken .bookzo.bookzo-bootstrap .optional-costs .optional-cost-description:not(:has(.optional-cost-image)) { grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"naam naam""prijs actie" }
.wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-name-wrapper,.wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-price-wrapper { align-self:center }
.wjb-boeken { overflow-clip-margin:.5rem }
.wjb-boeken .bookzo.bookzo-bootstrap .form-control:focus,.wjb-boeken .bookzo.bookzo-bootstrap .custom-select:focus,.wjb-boeken .bookzo.bookzo-bootstrap select:focus { border-color:var(--color-primary);
    outline:none;
    box-shadow:0 0 0 4px #4e7a522e }
.wjb-boeken .bookzo.bookzo-bootstrap .int-tel-input input[type=tel] { padding-left:4rem }
.wjb-boeken .bookzo.bookzo-bootstrap .int-tel-input-dial-code-select-wrapper { align-items:center;
    padding-left:.5rem;
    display:flex;
    top:0;
    bottom:0;
    left:0;
    margin:0!important }
.wjb-boeken .bookzo.bookzo-bootstrap .int-tel-input-dial-code-select { cursor:pointer;
    align-items:center;
    gap:.25rem;
    display:flex }
.wjb-boeken .bookzo.bookzo-bootstrap .bookzo-int-tel-input-flag { border-radius:2px;
    width:1.375rem;
    height:auto }
.wjb-boeken .bookzo.bookzo-bootstrap .slider-button { width:2.25rem;
    height:2.25rem;
    color:var(--color-text);
    opacity:1;
    background:#ffffffe6;
    border-radius:50%;
    place-items:center;
    display:grid;
    top:50%;
    bottom:auto;
    transform:translateY(-50%);
    box-shadow:0 1px 4px #00000026 }
.wjb-boeken .bookzo.bookzo-bootstrap .slider-button.left { left:.625rem }
.wjb-boeken .bookzo.bookzo-bootstrap .slider-button.right { right:.625rem }
.wjb-boeken .bookzo.bookzo-bootstrap .slider-button:hover { color:var(--color-text);
    background:#fff }
.wjb-boeken .bookzo.bookzo-bootstrap .slider-button svg { fill:currentColor;
    width:1rem!important;
    height:1rem!important;
    margin:0!important;
    position:static!important;
    transform:none!important }
.wjb-boeken .bookzo.bookzo-bootstrap .slider-button.right svg { transform:scaleX(-1)!important }
.wjb-boeken .bookzo.bookzo-bootstrap .book-prices .price-arrival-departure { flex-wrap:wrap;
    justify-content:flex-start;
    column-gap:0 }
.wjb-boeken .bookzo.bookzo-bootstrap .book-prices .price-arrival-departure>span { white-space:nowrap;
    flex:none;
    width:auto;
    max-width:none }
.wjb-boeken { container:boekdeel/inline-size }
@container boekdeel (min-width:56rem) {
  .wjb-boeken .bookzo.bookzo-bootstrap .calendar-persons { grid-template-columns:minmax(0,1fr) 19rem }
}
@container boekdeel (min-width:36rem) and (max-width:55.99rem) {
  .wjb-boeken .bookzo.bookzo-bootstrap .persons-wrapper .card-body>* { width:100% }
}
.wjb-boeken .bookzo-bootstrap .custom-day.range.first-date { background:linear-gradient(90deg,#0000 50%,var(--wjbm-bereik) 50%)!important }
.wjb-boeken .bookzo-bootstrap .custom-day.range.second-date { background:linear-gradient(90deg,var(--wjbm-bereik) 50%,#0000 50%)!important }
.wjb-boeken .bookzo-bootstrap .custom-day.range.first-date.second-date { background:0 0!important }
.wjb-boeken .bookzo-bootstrap .custom-day.range:after { display:none!important }
@container boekdeel (min-width:56rem) {
  .wjb-boeken .bookzo.bookzo-bootstrap .persons-wrapper .card-body { justify-content:flex-start }
}
.wjb-boeken .bookzo.bookzo-bootstrap .datepicker-buttons { flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    gap:.75rem 1rem;
    padding-inline:.5rem;
    display:flex;
    margin:1rem 0 0!important }
.wjb-boeken .bookzo.bookzo-bootstrap .datepicker-buttons>* { margin:0!important }
.wjb-boeken .eerst-vrij { border:1px solid var(--color-sand-300);
    height:2.5rem;
    color:var(--color-text);
    white-space:nowrap;
    cursor:pointer;
    background:#fff;
    border-radius:999px;
    align-items:center;
    gap:.5rem;
    margin-left:auto;
    padding:0 1.125rem;
    font-size:.875rem;
    font-weight:600;
    transition:border-color .2s,background-color .2s;
    display:inline-flex }
.wjb-boeken .eerst-vrij:hover { border-color:var(--color-primary);
    background:var(--color-green-50) }
.wjb-boeken .eerst-vrij:focus-visible { outline:2px solid var(--color-primary);
    outline-offset:2px }
.wjb-boeken .eerst-vrij svg { width:1.125rem;
    height:1.125rem;
    color:var(--color-primary-text);
    flex:none }
.wjb-boeken .eerst-vrij-meld { color:var(--color-sand-600);
    flex-basis:100%;
    margin:0;
    font-size:.875rem }
.wjb-boeken .eerst-vrij-meld:empty { display:none }
html.wjb-standaard .datepicker-wrapper.floating { color:var(--color-text);
    font-family:inherit;
    z-index:30!important;
    border:1px solid var(--color-sand-200)!important;
    background:#fff!important;
    border-radius:1.5rem!important;
    padding:1.25rem 1rem 1rem!important;
    box-shadow:0 24px 48px -16px #0000002e,0 2px 8px #0000000a!important }
html.wjb-standaard .datepicker-wrapper.floating .ngb-dp-header { padding:0 0 .5rem;
    background:0 0!important;
    border:0!important }
html.wjb-standaard .datepicker-wrapper.floating .ngb-dp-month-name { color:var(--color-text);
    text-transform:lowercase;
    font-size:1.0625rem;
    font-weight:600;
    background:0 0!important }
html.wjb-standaard .datepicker-wrapper.floating .ngb-dp-arrow-btn { color:var(--color-primary-text)!important }
html.wjb-standaard .datepicker-wrapper.floating .ngb-dp-navigation-chevron { border-width:.15em .15em 0 0!important;
    width:.6em!important;
    height:.6em!important }
html.wjb-standaard .datepicker-wrapper.floating .ngb-dp-weekdays { background:0 0!important;
    border:0!important }
html.wjb-standaard .datepicker-wrapper.floating .ngb-dp-weekday { text-transform:uppercase;
    letter-spacing:.04em;
    color:var(--color-primary-text)!important;
    font-size:.75rem!important;
    font-style:normal!important;
    font-weight:600!important }
html.wjb-standaard .datepicker-wrapper.floating .ngb-dp-months { gap:1.5rem }
html.wjb-standaard .datepicker-wrapper.floating .ngb-dp-day,html.wjb-standaard .datepicker-wrapper.floating .ngb-dp-weekday { position:relative;
    width:2.375rem!important;
    height:2.375rem!important }
html.wjb-standaard .datepicker-wrapper.floating .custom-day { top:0;
    left:0 }
html.wjb-standaard .datepicker-wrapper.floating .custom-day-circle { width:2.125rem;
    height:2.125rem;
    font-size:.9375rem }
html.wjb-standaard .datepicker-wrapper.floating .custom-day-circle.selected,html.wjb-standaard .datepicker-wrapper.floating .custom-day.first-selected .custom-day-circle,html.wjb-standaard .datepicker-wrapper.floating .custom-day.second-selected .custom-day-circle { background:var(--color-primary)!important;
    color:#fff!important }
html.wjb-standaard .datepicker-wrapper.floating .custom-day.range { background:var(--wjbm-bereik)!important }
html.wjb-standaard .datepicker-wrapper.floating .custom-day.range.first-date { background:linear-gradient(90deg,#0000 50%,var(--wjbm-bereik) 50%)!important }
html.wjb-standaard .datepicker-wrapper.floating .custom-day.range.second-date { background:linear-gradient(90deg,var(--wjbm-bereik) 50%,#0000 50%)!important }
html.wjb-standaard .datepicker-wrapper.floating .custom-day.range.first-date.second-date { background:0 0!important }
html.wjb-standaard .datepicker-wrapper.floating .custom-day.range:after { display:none!important }
html.wjb-standaard .datepicker-wrapper.floating .datepicker-buttons { border-top:1px solid var(--color-sand-200);
    justify-content:space-between;
    align-items:center;
    gap:1rem;
    padding:.75rem .25rem 0;
    display:flex;
    margin:.75rem 0 0!important }
html.wjb-standaard .datepicker-wrapper.floating .datepicker-buttons>* { margin:0!important }
html.wjb-standaard .datepicker-wrapper.floating .btn { letter-spacing:0!important;
    text-transform:none!important;
    box-shadow:none!important;
    font-family:inherit!important }
html.wjb-standaard .datepicker-wrapper.floating .btn-link { text-underline-offset:3px;
    text-decoration:underline;
    color:var(--color-primary-text)!important;
    background:0 0!important;
    border:0!important;
    padding:0!important;
    font-size:.875rem!important;
    font-weight:600!important }
html.wjb-standaard .datepicker-wrapper.floating .btn:not(.btn-link) { height:2.5rem;
    background:var(--color-primary)!important;
    color:#fff!important;
    border:0!important;
    border-radius:999px!important;
    padding:0 1.5rem!important;
    font-size:.875rem!important;
    font-weight:600!important }
html.wjb-standaard .datepicker-wrapper.floating .btn:not(.btn-link):hover { background:var(--color-primary-text)!important }
html.wjb-standaard bookzo-arrival-departure-picker .datepicker-wrapper.floating .custom-day .custom-day-circle.selected,html.wjb-standaard bookzo-arrival-departure-picker .datepicker-wrapper.floating .custom-day.first-date .custom-day-circle,html.wjb-standaard bookzo-arrival-departure-picker .datepicker-wrapper.floating .custom-day.second-date .custom-day-circle { background:var(--color-primary)!important;
    color:#fff!important }
html.wjb-standaard bookzo-arrival-departure-picker .datepicker-wrapper.floating .ngb-dp-day:not(.disabled) .custom-day:hover .custom-day-circle:not(.selected) { background:var(--color-green-50)!important;
    color:var(--color-text)!important }
html.wjb-standaard .objects-to-book-wrapper.floating { max-width:calc(100vw - 2rem);
    color:var(--color-text);
    font-family:inherit;
    z-index:30!important;
    border:1px solid var(--color-sand-200)!important;
    background:#fff!important;
    border-radius:1.5rem!important;
    width:22rem!important;
    padding:1.25rem 1.25rem 1rem!important;
    box-shadow:0 24px 48px -16px #0000002e,0 2px 8px #0000000a!important }
html.wjb-standaard .objects-to-book-wrapper.floating .objects-to-book,html.wjb-standaard .objects-to-book-wrapper.floating .object-to-book { margin:0!important }
html.wjb-standaard .objects-to-book-wrapper.floating .card { box-shadow:none!important;
    background:0 0!important;
    border:0!important }
html.wjb-standaard .objects-to-book-wrapper.floating .card-body { padding:0!important }
html.wjb-standaard .objects-to-book-wrapper.floating .object-to-book-title:empty { display:none }
html.wjb-standaard .objects-to-book-wrapper.floating .persons-item-accommodations { display:none!important }
html.wjb-standaard .objects-to-book-wrapper.floating .number-control { grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:.75rem;
    display:grid!important }
html.wjb-standaard .objects-to-book-wrapper.floating .number-control .label { text-align:left;
    font-size:.9375rem;
    line-height:1.35 }
html.wjb-standaard .objects-to-book-wrapper.floating .number-control .label b { color:var(--color-text);
    font-weight:600 }
html.wjb-standaard .objects-to-book-wrapper.floating .age-wrapper { font-size:.8125rem;
    color:var(--color-sand-600)!important }
html.wjb-standaard .objects-to-book-wrapper.floating .numbers { align-items:center;
    gap:.375rem;
    display:flex }
html.wjb-standaard .objects-to-book-wrapper.floating .btn-circle { place-items:center;
    font-size:1rem;
    display:grid;
    background:var(--color-primary)!important;
    color:#fff!important;
    width:2.25rem!important;
    height:2.25rem!important;
    box-shadow:none!important;
    border:0!important;
    border-radius:50%!important;
    padding:0!important }
html.wjb-standaard .objects-to-book-wrapper.floating .btn-circle:disabled { opacity:.6;
    border:1px solid var(--color-sand-300)!important;
    color:var(--color-sand-600)!important;
    background:0 0!important }
html.wjb-standaard .objects-to-book-wrapper.floating .numbers .form-control { text-align:center;
    -moz-appearance:textfield;
    font-weight:600;
    border:1px solid var(--color-sand-300)!important;
    width:2.75rem!important;
    height:2.25rem!important;
    box-shadow:none!important;
    border-radius:.625rem!important;
    padding:0!important;
    font-size:1rem!important }
html.wjb-standaard .objects-to-book-wrapper.floating .numbers .form-control::-webkit-outer-spin-button { -webkit-appearance:none;
    margin:0 }
html.wjb-standaard .objects-to-book-wrapper.floating .numbers .form-control::-webkit-inner-spin-button { -webkit-appearance:none;
    margin:0 }
html.wjb-standaard .objects-to-book-wrapper.floating .objects-to-book-buttons { border-top:1px solid var(--color-sand-200);
    justify-content:space-between;
    align-items:center;
    gap:1rem;
    margin-top:1rem;
    padding-top:.875rem;
    display:flex }
html.wjb-standaard .objects-to-book-wrapper.floating .btn { letter-spacing:0!important;
    text-transform:none!important;
    box-shadow:none!important;
    margin:0!important;
    font-family:inherit!important }
html.wjb-standaard .objects-to-book-wrapper.floating .btn-link { text-underline-offset:3px;
    text-decoration:underline;
    color:var(--color-primary-text)!important;
    background:0 0!important;
    border:0!important;
    padding:0!important;
    font-size:.875rem!important;
    font-weight:600!important }
html.wjb-standaard .objects-to-book-wrapper.floating #searchButtonObjectsToBook { height:2.5rem;
    background:var(--color-yellow-200)!important;
    color:var(--color-sand-700)!important;
    border:0!important;
    border-radius:999px!important;
    padding:0 1.5rem!important;
    font-size:.9375rem!important;
    font-weight:600!important }
html.wjb-standaard .objects-to-book-wrapper.floating #searchButtonObjectsToBook:hover { background:var(--color-yellow-400)!important }
html.wjb-standaard .objects-to-book-wrapper.floating .persons { columns:auto!important;
    display:block!important }
html.wjb-standaard .objects-to-book-wrapper.floating .persons-item { width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding:0!important }
html.wjb-standaard .objects-to-book-wrapper.floating .number-control .label,html.wjb-standaard .objects-to-book-wrapper.floating .number-control .label * { text-align:left!important;
    text-transform:none!important;
    letter-spacing:0!important;
    font-family:inherit!important }
html.wjb-standaard .objects-to-book-wrapper.floating .number-control .label b { font-size:.9375rem!important }
html.wjb-standaard .objects-to-book-wrapper.floating bookzo-persons .persons.large-persons { grid-template-columns:none!important;
    width:100%!important;
    display:block!important }
html.wjb-standaard .objects-to-book-wrapper.floating bookzo-persons { display:block }
html.wjb-standaard .objects-to-book-wrapper.floating .persons-item+.persons-item { margin-top:.875rem!important }
html.wjb-standaard .datepicker-wrapper.floating,html.wjb-standaard .objects-to-book-wrapper.floating { max-width:calc(100vw - 2rem)!important }
@media (max-width:30rem) {
  html.wjb-standaard .datepicker-wrapper.floating .ngb-dp-day,html.wjb-standaard .datepicker-wrapper.floating .ngb-dp-weekday { width:2.25rem!important;
    height:2.25rem!important }
}
.wjb-boeken .bookzo.bookzo-bootstrap .my-reservations-login { background:var(--color-green-50);
    border-radius:1.5rem;
    max-width:30rem;
    padding:1.5rem }
@media (min-width:64rem) {
  .wjb-boeken .bookzo.bookzo-bootstrap .my-reservations-login { padding:2rem }
}
.wjb-boeken .bookzo.bookzo-bootstrap .my-reservations-toolbar:not(:has(* *)) { display:none }
.wjb-boeken .bookzo.bookzo-bootstrap bookzo-login label,.wjb-boeken .bookzo.bookzo-bootstrap .my-reservations label:not(.form-check-label) { text-transform:none;
    letter-spacing:0;
    color:var(--color-text);
    margin:0 0 .375rem;
    font-size:.9375rem;
    font-weight:600;
    display:block }
.wjb-boeken .bookzo.bookzo-bootstrap bookzo-login .form-group { margin-bottom:1rem }
.wjb-boeken .bookzo.bookzo-bootstrap bookzo-login .form-control { background:#fff;
    width:100%;
    max-width:none }
.wjb-boeken .bookzo.bookzo-bootstrap bookzo-login .btn-primary { border-radius:999px;
    height:3rem;
    padding:0 1.75rem;
    font-size:1rem }
.wjb-boeken .bookzo.bookzo-bootstrap .persons-item .label b,html.wjb-standaard .objects-to-book-wrapper.floating .persons-item .label b { font-size:.9375rem;
    font-weight:600;
    text-transform:none!important;
    letter-spacing:0!important }
.wjb-boeken .bookzo.bookzo-bootstrap .persons-item-adults .age-wrapper,.wjb-boeken .bookzo.bookzo-bootstrap .persons-item-children .age-wrapper,html.wjb-standaard .objects-to-book-wrapper.floating .persons-item-adults .age-wrapper,html.wjb-standaard .objects-to-book-wrapper.floating .persons-item-children .age-wrapper { display:none!important }
.wjb-boeken .bookzo.bookzo-bootstrap .price-discount,.wjb-boeken .bookzo-bootstrap .alternative-prices-container .text-discount,.wjb-boeken .bookzo-bootstrap .price-discount { text-decoration-thickness:1px;
    color:var(--color-sand-700)!important;
    opacity:1!important }
.wjb-boeken .bookzo-bootstrap .badge-primary { font-weight:600;
    background-color:var(--color-yellow-200)!important;
    color:var(--color-sand-900)!important }
.wjb-boeken .bookzo-bootstrap .alternative-prices-table td.text-muted { color:var(--color-sand-600)!important }
.wjb-boeken .bookzo.bookzo-bootstrap .select-arrangement-buttons .btn-link,.wjb-boeken .bookzo.bookzo-bootstrap .object-info .btn-secondary { display:none!important }
.wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-image .images-thumb { border-radius:.75rem;
    width:3.5rem;
    height:3.5rem }
@media (min-width:48rem) {
  .wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-image .images-thumb { border-radius:1rem;
    width:7rem;
    height:7rem }
}
.wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-image .images-thumb { max-width:none!important;
    max-height:none!important }
@media (max-width:47.99rem) {
  .wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-description:has(.optional-cost-image) .option-cost-price-text-type { display:block }
  .wjb-boeken .bookzo.bookzo-bootstrap .optional-costs .optional-cost-description:has(.optional-cost-image) { column-gap:.75rem }
  .wjb-boeken .bookzo.bookzo-bootstrap .optional-cost-description:has(.optional-cost-image) .option-cost-price-text-type { white-space:nowrap;
    font-size:.8125rem }
}
.wjb-boeken .bookzo.bookzo-bootstrap select.form-control { appearance:none;
    border:1px solid var(--color-sand-300);
    width:100%;
    max-width:100%;
    height:3rem;
    color:var(--color-sand-900);
    cursor:pointer;
    text-overflow:ellipsis;
    background-color:#fff;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A593A' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-position:right 1rem center;
    background-repeat:no-repeat;
    background-size:1.125rem;
    border-radius:.75rem;
    padding:0 3rem 0 1rem;
    font-size:1rem;
    line-height:1.25;
    transition:border-color .2s }
@media (hover:hover) {
  .wjb-boeken .bookzo.bookzo-bootstrap select.form-control:hover { border-color:var(--color-sand-600) }
}
.wjb-boeken .bookzo.bookzo-bootstrap select.form-control:focus { border-color:var(--color-green-600);
    outline:none;
    box-shadow:0 0 0 3px #4a593a33 }
@supports (color:color-mix(in lab, red, red)) {
  .wjb-boeken .bookzo.bookzo-bootstrap select.form-control:focus { box-shadow:0 0 0 3px color-mix(in srgb, var(--color-green-600) 20%, transparent) }
}
.wjb-boeken .bookzo.bookzo-bootstrap .preference-accommodation-form-group { margin-top:1.25rem;
    margin-bottom:.5rem }
.wjb-boeken .bookzo.bookzo-bootstrap .preference-accommodation-select-group { width:100%;
    max-width:24rem }
.wjb-boeken .bookzo.bookzo-bootstrap .card-title { flex-wrap:wrap;
    align-items:center;
    gap:.5rem .75rem;
    display:flex }
.wjb-boeken .bookzo.bookzo-bootstrap .badge.badge-preference-accommodation { border:1.5px solid var(--color-green-600);
    color:var(--color-green-700);
    letter-spacing:0;
    white-space:nowrap;
    background:#fff;
    border-radius:9999px;
    justify-content:center;
    align-items:center;
    padding:.5625rem .875rem .3125rem;
    font-size:1rem;
    font-weight:700;
    line-height:1;
    display:inline-flex;
    margin-left:0!important }
.wjb-boeken .bookzo.bookzo-bootstrap label.voorkeur-label { color:var(--color-sand-900);
    margin-bottom:.5rem;
    font-weight:600;
    display:block;
    text-transform:none!important;
    letter-spacing:0!important;
    font-size:1rem!important }

/* ---- WJ-aanvullingen ---- */
/* Knoppen in de kopletter van de site (zoals de zoekknop) */
.wjb-boeken .bookzo.bookzo-bootstrap .btn-primary,
.wjb-boeken .bookzo.bookzo-bootstrap .form-group-book-button .btn {
  font-family: var(--wjbm-font-kop); font-weight: 400; font-size: 22px; letter-spacing: .02em; padding-top: 0; padding-bottom: 0;
}
.wjb-boeken .bookzo.bookzo-bootstrap .object-calendar-prices .btn { height: 3rem; padding: 0 2rem; font-size: 22px; line-height: 1; }
.wjb-boeken .bookzo.bookzo-bootstrap .btn-primary:hover:not(:disabled) { background: var(--wjbm-hover); border-color: var(--wjbm-hover); }
.wjb-boeken .bookzo-bootstrap .ngb-dp-month-name { font-family: var(--wjbm-font-kop); font-weight: 400; font-size: 22px; text-transform: capitalize; }
.wjb-boeken .bookzo-bootstrap .total-price-wrapper { font-family: var(--wjbm-font-kop); font-size: 28px; }
.boeken-terugval p { margin: 0; }
/* "Wis datums", "Eerder"/"Later": tekstlinks, zoals De Bremakker */
.wjb-boeken .bookzo.bookzo-bootstrap .btn-link:not(.ngb-dp-arrow-btn) {
  padding: 0; border: 0; background: none; box-shadow: none;
  font-family: var(--wjbm-font-tekst); font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none;
  color: var(--wjbm-accent-tekst); text-decoration: underline; text-underline-offset: 3px;
}
.boeken-terugval .btn { background-image: none; }



/* Zwevende popups (Bookzo hangt ze onderaan <body>): boven de inhoud, onder de vaste header */
html.wjb-standaard .datepicker-wrapper.floating, html.wjb-standaard .objects-to-book-wrapper.floating { z-index: 95 !important; }
html.wjb-standaard .datepicker-wrapper.floating .ngb-dp-month-name { font-family: var(--wjbm-font-kop); font-weight: 400; font-size: 22px !important; text-transform: capitalize !important; }
html.wjb-standaard .datepicker-wrapper.floating .btn:not(.btn-link),
html.wjb-standaard .objects-to-book-wrapper.floating #searchButtonObjectsToBook {
  border-radius: 8px !important; font-family: var(--wjbm-font-kop) !important; font-weight: 400 !important; font-size: 20px !important; line-height: 1 !important; padding-top: 0 !important; padding-bottom: 0 !important;
}
html.wjb-standaard .objects-to-book-wrapper.floating #searchButtonObjectsToBook { background: var(--wjbm-knop) !important; color: #fff !important; }
html.wjb-standaard .objects-to-book-wrapper.floating #searchButtonObjectsToBook:hover { background: var(--wjbm-hover) !important; }


/* ---- Kalenderdagen: cijfers optisch midden in de cirkel ---- */
.wjb-boeken .bookzo-bootstrap .custom-day-circle,
html.wjb-standaard .datepicker-wrapper.floating .custom-day-circle { line-height: 1 !important; display: grid !important; place-items: center; }

/* ---- Prijstabel ("andere aankomstdagen"): rustige tegels i.p.v. bootstrap-raster ---- */
.wjb-boeken .bookzo-bootstrap .alternative-prices-table { border-collapse: separate !important; border-spacing: 6px !important; }
.wjb-boeken .bookzo-bootstrap .alternative-prices-table th,
.wjb-boeken .bookzo-bootstrap .alternative-prices-table td { border: 0 !important; padding: 0 !important; vertical-align: middle !important; background: none; }
.wjb-boeken .bookzo-bootstrap .alternative-prices-table thead td { padding: 0 0 6px !important; }
.wjb-boeken .bookzo-bootstrap .alternative-prices-earlier-later { display: flex; justify-content: space-between; align-items: center; }
.wjb-boeken .bookzo-bootstrap .alternative-prices-earlier-later .btn-link { display: inline-flex; align-items: center; gap: .15rem; }
.wjb-boeken .bookzo-bootstrap .alternative-prices-table thead th { padding: 0 0 4px !important; }
.wjb-boeken .bookzo-bootstrap .alternative-prices-table .week-day { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--color-sand-600); line-height: 1.4; }
.wjb-boeken .bookzo-bootstrap .alternative-prices-table .short-date { font-size: 14px; font-weight: 600; color: var(--color-text); line-height: 1.4; }
.wjb-boeken .bookzo-bootstrap .alternative-prices-table th[scope="row"] { padding-right: 8px !important; text-align: left !important; font-size: 14px; font-weight: 600; color: var(--color-sand-600); }
.wjb-boeken .bookzo-bootstrap .alternative-prices-table td.text-muted,
.wjb-boeken .bookzo-bootstrap .alternative-prices-table td.price-cell { height: 46px; border-radius: 10px; text-align: center; }
/* niet beschikbaar: "---" van Bookzo als een rustig streepje */
.wjb-boeken .bookzo-bootstrap .alternative-prices-table td.text-muted { font-size: 0 !important; color: #b5b8af !important; }
.wjb-boeken .bookzo-bootstrap .alternative-prices-table td.text-muted::before { content: "–"; font-size: 14px; }
.wjb-boeken .bookzo-bootstrap .alternative-prices-table td.price-cell {
  background: #fff !important;
  box-shadow: inset 0 0 0 1px var(--color-sand-200);
  cursor: pointer;
  transition: background-color .2s, box-shadow .2s, color .2s;
}
.wjb-boeken .bookzo-bootstrap .alternative-prices-table td.price-cell h5 { margin: 0 !important; padding: 0; font: 600 14px/1 var(--wjbm-font-tekst) !important; color: var(--color-text); letter-spacing: 0; text-transform: none; }
.wjb-boeken .bookzo-bootstrap .alternative-prices-table td.price-cell:hover { background: var(--wjbm-zacht) !important; box-shadow: inset 0 0 0 1px var(--wjbm-knop); }
.wjb-boeken .bookzo-bootstrap .alternative-prices-table td.price-cell.table-active { background: var(--wjbm-accent) !important; box-shadow: none; }
.wjb-boeken .bookzo-bootstrap .alternative-prices-table td.price-cell.table-active h5 { color: #fff; }
.wjb-boeken .bookzo-bootstrap .alternative-prices-table td.pb-0 { padding: 2px 0 0 !important; }
.wjb-boeken .bookzo-bootstrap .alternative-prices-up-down-btn { padding: 4px !important; color: var(--wjbm-accent-tekst); }

/* ---- +/− in de ronde knoppen: getekend i.p.v. tekst, dus exact in het midden ---- */
.wjb-boeken .bookzo-bootstrap .btn-circle,
html.wjb-standaard .objects-to-book-wrapper.floating .btn-circle { position: relative; display: grid !important; place-items: center; padding: 0 !important; line-height: 1 !important; }
.wjb-boeken .bookzo-bootstrap .btn-circle > b,
html.wjb-standaard .objects-to-book-wrapper.floating .btn-circle > b { position: absolute; inset: 0; font-size: 0 !important; }
.wjb-boeken .bookzo-bootstrap .btn-circle > b::before,
.wjb-boeken .bookzo-bootstrap .btn-circle:last-of-type > b::after,
html.wjb-standaard .objects-to-book-wrapper.floating .btn-circle > b::before,
html.wjb-standaard .objects-to-book-wrapper.floating .btn-circle:last-of-type > b::after {
  content: ""; position: absolute; left: 50%; top: 50%;
  width: 12px; height: 2px; margin: -1px 0 0 -6px; border-radius: 1px; background: currentColor;
}
.wjb-boeken .bookzo-bootstrap .btn-circle:last-of-type > b::after,
html.wjb-standaard .objects-to-book-wrapper.floating .btn-circle:last-of-type > b::after { width: 2px; height: 12px; margin: -6px 0 0 -1px; }
@media (max-width: 600px) {
  .wjb-boeken .bookzo.bookzo-bootstrap .card-alternative-prices .card-body { padding: 14px 8px !important; }
  .wjb-boeken .bookzo-bootstrap .alternative-prices-table { border-spacing: 3px !important; }
  .wjb-boeken .bookzo-bootstrap .alternative-prices-table th[scope="row"] { padding-right: 4px !important; font-size: 12px; }
  .wjb-boeken .bookzo-bootstrap .alternative-prices-table .week-day { font-size: 10px; letter-spacing: .04em; }
  .wjb-boeken .bookzo-bootstrap .alternative-prices-table .short-date { font-size: 12px; }
  .wjb-boeken .bookzo-bootstrap .alternative-prices-table td.price-cell,
  .wjb-boeken .bookzo-bootstrap .alternative-prices-table td.text-muted { height: 40px; border-radius: 8px; }
  .wjb-boeken .bookzo-bootstrap .alternative-prices-table td.price-cell h5 { font-size: 12px !important; letter-spacing: -.01em; }
}
.wjb-boeken .eerst-vrij { font-family: var(--wjbm-font-tekst); line-height: 1; }
.wjb-boeken .bookzo.bookzo-bootstrap .datepicker-buttons .btn-link { white-space: nowrap; }

/* ---- Kaart om het boekblok + boek-/bevestigingspagina (optioneel; op een gekleurde
        pagina-achtergrond kan de kaart weg, zoals op De Bremakker) ---- */
.wjb-boekkaart { padding: clamp(18px, 3vw, 34px); border: 1px solid var(--wjbm-lijn); border-radius: 18px; background: #fff; box-shadow: 0 4px 16px rgba(0, 0, 0, .06); }
@media (max-width: 600px) { .wjb-boekkaart { padding: 10px; } }
.bookzo-sectie__kop { max-width: 760px; margin: 0 auto clamp(20px, 3vw, 30px); text-align: center; }
.bookzo-sectie__tekst { max-width: 760px; margin: 0 auto clamp(20px, 3vw, 30px); text-align: center; }
.bookzo-sectie--boeken .wjb-boekkaart,
.bookzo-sectie--bevestiging .wjb-boekkaart { max-width: 760px; margin: 0 auto; }

/* ==========================================================================
   1.3.2 — boekformulier (naam/adres in Bookzo's eigen verdeling) en
   bevestigingspagina in de standaardopmaak (opgesteld op smederijtexel).
   ========================================================================== */
/* Boekformulier: naam- en adresvelden in Bookzo's eigen verdeling (Aanhef | Voornaam,
   Tussenvoegsel | Achternaam, Straat | Huisnummer | Toevoeging, Postcode | Plaats).
   De boekstandaard (wj-bookzo 1.3.0) zet de aanhef over de volle breedte; met het
   tussenvoegsel (alleen NL) viel de achternaam daardoor op een eigen, smalle regel. */
.wjb-boeken .bookzo.bookzo-bootstrap .reservation-form .form-row + .form-row { margin-top: .5rem; }
@media (min-width: 48rem) {
  .wjb-boeken .bookzo.bookzo-bootstrap .form-group-name .form-row { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); }
  .wjb-boeken .bookzo.bookzo-bootstrap .form-group-name .form-row > :first-child { grid-column: auto; }
  /* zonder tussenvoegsel (DE/EN): achternaam over de volle breedte */
  .wjb-boeken .bookzo.bookzo-bootstrap .form-group-name .form-row:not(:has([formcontrolname="customerMiddleName"])) > :last-child { grid-column: 1 / -1; }
  .wjb-boeken .bookzo.bookzo-bootstrap .form-group-address .form-row:first-of-type { grid-template-columns: minmax(0, 6fr) minmax(0, 3fr) minmax(0, 3fr); }
  .wjb-boeken .bookzo.bookzo-bootstrap .form-group-address .form-row + .form-row { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); }
}

/* ---- Bevestigingspagina (bookzo-confirmation) ---- */
/* Meldingen in de huisstijl i.p.v. bootstrap-groen/-blauw */
.wjb-boeken .bookzo-bootstrap .bookzo-confirmation .alert {
  display: flex; align-items: flex-start; gap: 12px;
  margin: 0 0 12px; padding: 16px 20px;
  border: 0; border-left: 3px solid var(--wjbm-accent); border-radius: 0 12px 12px 0;
  background: var(--wjbm-zacht); color: var(--wjbm-ink);
  font-size: 16px; line-height: 1.5;
}
.wjb-boeken .bookzo-bootstrap .bookzo-confirmation .alert-success { font-weight: 600; }
.wjb-boeken .bookzo-bootstrap .bookzo-confirmation .alert-success::before {
  content: ""; flex: none; width: 22px; height: 22px; margin-top: 1px; border-radius: 50%;
  background: var(--wjbm-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat;
}
.wjb-boeken .bookzo-bootstrap .bookzo-confirmation .alert-info { border-left-color: var(--wjbm-hover); background: #f6f6f3; }

/* "U heeft geboekt" + reserveringsnummer */
.wjb-boeken .bookzo-bootstrap .bookzo-confirmation h2 {
  margin: 28px 0 6px; font-family: var(--wjbm-font-kop); font-weight: 400; font-size: clamp(28px, 3vw, 36px); line-height: 1.1; color: var(--wjbm-ink);
}
.wjb-boeken .bookzo-bootstrap .bookzo-confirmation h2 + p { margin: 0; font-size: 16px; color: #4f4f4a; }

/* Verblijf (links) en kamer met foto's (rechts) als één rustige kaart */
.wjb-boeken .bookzo-bootstrap .bookzo-confirmation { display: grid; grid-template-columns: minmax(0, 1fr); }
.wjb-boeken .bookzo-bootstrap .bookzo-confirmation > .mb-4:has(bookzo-book-stay-info),
.wjb-boeken .bookzo-bootstrap .bookzo-confirmation > .mb-4:has(.accommodation-title) {
  margin: 0 !important; padding: 22px 24px; background: var(--wjbm-zacht);
}
.wjb-boeken .bookzo-bootstrap .bookzo-confirmation > .mb-4:has(bookzo-book-stay-info) { border-radius: 16px 16px 0 0; padding-bottom: 6px; }
.wjb-boeken .bookzo-bootstrap .bookzo-confirmation > .mb-4:has(.accommodation-title) { border-radius: 0 0 16px 16px; }
.wjb-boeken .bookzo-bootstrap .bookzo-confirmation .stay-info-list { display: flex; flex-wrap: wrap; gap: 4px 0; font-size: 16px; color: var(--wjbm-ink); }
.wjb-boeken .bookzo-bootstrap .bookzo-confirmation .stay-info-list .arrival-departure-date { flex: 1 0 100%; font-weight: 600; font-size: 17px; white-space: normal !important; }
.wjb-boeken .bookzo-bootstrap .bookzo-confirmation .stay-info-list .number-of-nights + li::before { content: "·"; margin-inline: .5rem; color: #6d6d68; }
.wjb-boeken .bookzo-bootstrap .bookzo-confirmation .accommodation-title { margin: 0 0 12px; }
.wjb-boeken .bookzo-bootstrap .bookzo-confirmation .accommodation-title h4 {
  font-family: var(--wjbm-font-kop); font-weight: 400; font-size: 26px; line-height: 1; color: var(--wjbm-ink);
}
.wjb-boeken .bookzo-bootstrap .bookzo-confirmation .carousel-wrapper {
  width: 100%; max-width: 400px; height: auto; aspect-ratio: 8 / 5; border-radius: 12px; overflow: hidden;
}
.wjb-boeken .bookzo-bootstrap .bookzo-confirmation .slider-wrapper { height: 100%; }
@media (min-width: 48rem) {
  .wjb-boeken .bookzo-bootstrap .bookzo-confirmation { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .wjb-boeken .bookzo-bootstrap .bookzo-confirmation > * { grid-column: 1 / -1; }
  /* verblijf links (incl. kamernaam), foto rechts */
  .wjb-boeken .bookzo-bootstrap .bookzo-confirmation > .mb-4:has(bookzo-book-stay-info) { grid-column: 1; border-radius: 16px 0 0 16px; padding-bottom: 22px; }
  .wjb-boeken .bookzo-bootstrap .bookzo-confirmation > .mb-4:has(.accommodation-title) {
    grid-column: 2; border-radius: 0 16px 16px 0; padding-left: 0;
  }
  .wjb-boeken .bookzo-bootstrap .bookzo-confirmation h2 { margin-top: 32px; }
  .wjb-boeken .bookzo-bootstrap .bookzo-confirmation > .mb-4:has(h2) { margin-bottom: 20px !important; }
}

/* ==========================================================================
   Site-aanvulling: de kamerpagina's gebruiken de volledige <bookzo-object>
   (niet de object-part van het boekblok). Die markeert de gekozen periode met
   .first-date/.second-date/.range + .custom-day-circle.selected en kleurde ze
   zwart/grijs (Bookzo-standaardkleuren) — hier in de merkkleuren zoals het boekblok.
   ========================================================================== */
.wjb-boeken .bookzo-bootstrap .custom-day .custom-day-circle.selected,
.wjb-boeken .bookzo-bootstrap .custom-day.first-date .custom-day-circle,
.wjb-boeken .bookzo-bootstrap .custom-day.second-date .custom-day-circle { background: var(--bz-accent) !important; color: #fff !important; }
.wjb-boeken .bookzo-bootstrap .custom-day.range:not(.first-date):not(.second-date) { background: var(--wjbm-bereik) !important; color: var(--wjbm-ink) !important; }
.wjb-boeken .bookzo-bootstrap .custom-day.range:not(.first-date):not(.second-date) .custom-day-circle { background: none !important; color: var(--wjbm-ink) !important; }
/* Bookzo begrenst het boekformulier zelf op 650px (.bookzo-book); in de 760px-kaart
   stond het daardoor links met rechts 40px extra wit → midden. */
.wjb-boeken .bookzo-book { margin-inline: auto; }