:root{
  /* Huisstijl: ontleend aan MTB-Nepal-logo-kleur.svg */
  --orange:#F47216;
  --orange-deep:#C25508;
  --green:#37614C;
  --green-deep:#254435;
  --cream:#FDE1B9;
  --cream-soft:#FBF3E6;

  --bg:#FFFDF9;
  --bg-alt:var(--cream-soft);
  --bg-deep:var(--green-deep);
  --surface:#ffffff;
  --surface-alt:#F6EFE2;
  --text:#22312A;
  --text-soft:#5C6B63;
  --text-invert:#FFF8ED;
  --text-invert-soft:#D8C9AE;
  --brand:var(--orange);
  --brand-deep:var(--orange-deep);
  --brand-soft:#FCE3CF;
  --accent:var(--green);
  --line:#E7DCC8;
  --line-invert:rgba(253,225,185,.22);
  --shadow:0 1px 2px rgba(37,68,53,.06), 0 12px 32px -14px rgba(37,68,53,.22);
  --shadow-lg:0 24px 60px -24px rgba(37,68,53,.45);
  --radius:18px;
  --maxw:1140px;
  --font:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#141C18;
    --bg-alt:#19231E;
    --bg-deep:#0D140F;
    --surface:#1D2822;
    --surface-alt:#243128;
    --text:#F1EADC;
    --text-soft:#AFBCB1;
    --text-invert:#FFF8ED;
    --text-invert-soft:#D8C9AE;
    --brand:#FF8A38;
    --brand-deep:#FF8A38;
    --brand-soft:#3A2213;
    --accent:#79B396;
    --line:#2E3D34;
    --shadow:0 1px 2px rgba(0,0,0,.45), 0 12px 32px -14px rgba(0,0,0,.7);
    --shadow-lg:0 24px 60px -24px rgba(0,0,0,.8);
  }
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-block-start:84px}
body{
  margin:0;font-family:var(--font);background:var(--bg);color:var(--text);
  line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{line-height:1.14;margin:0 0 .5em;letter-spacing:-.02em;font-weight:700}
h1{font-size:clamp(2.4rem,6vw,4.2rem)}
h2{font-size:clamp(1.8rem,3.6vw,2.7rem)}
h3{font-size:1.22rem}
p{margin:0 0 1.1em}
.wrap{width:min(100% - 2.5rem,var(--maxw));margin-inline:auto}
.section{padding-block:clamp(3.5rem,7vw,6.5rem)}
.section--alt{background:var(--bg-alt)}
.eyebrow{display:inline-block;font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brand);margin-block-end:.9rem}
.lead{font-size:1.14rem;color:var(--text-soft);max-width:64ch}
.section-head{max-width:70ch;margin-block-end:2.6rem}

/* Header */
.site-header{position:sticky;inset-block-start:0;z-index:50;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(14px);border-block-end:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:1.5rem;min-block-size:72px;position:relative}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:700;letter-spacing:-.02em}
.brand .mark{inline-size:40px;block-size:44px;flex:none}
.brand small{display:block;font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft);line-height:1.3}
.nav-links{display:flex;gap:.15rem;margin-inline-start:auto;align-items:center}
.nav-links a{text-decoration:none;font-size:.94rem;font-weight:600;color:var(--text-soft);padding:.5rem .75rem;border-radius:999px;transition:color .15s,background .15s}
.nav-links a:hover,.nav-links a:focus-visible{color:var(--text);background:var(--surface-alt)}
.nav-links a.cta{background:var(--brand);color:#fff;padding-inline:1.15rem}
.nav-links a.cta:hover{background:var(--brand-deep);color:#fff}
.nav-toggle,.nav-toggle-label{display:none}
@media (max-width:960px){
  .nav-toggle-label{display:grid;place-items:center;margin-inline-start:auto;inline-size:44px;block-size:44px;border-radius:12px;cursor:pointer;border:1px solid var(--line);background:var(--surface)}
  .nav-toggle-label span{display:block;inline-size:20px;block-size:2px;background:var(--text);position:relative}
  .nav-toggle-label span::before,.nav-toggle-label span::after{content:"";position:absolute;inset-inline-start:0;inline-size:20px;block-size:2px;background:var(--text)}
  .nav-toggle-label span::before{inset-block-start:-6px}
  .nav-toggle-label span::after{inset-block-start:6px}
  .nav-links{position:absolute;inset-inline:0;inset-block-start:100%;flex-direction:column;align-items:stretch;gap:.15rem;background:var(--bg);border-block-end:1px solid var(--line);padding:.8rem 0 1.4rem;box-shadow:var(--shadow);display:none}
  .nav-toggle:checked ~ .nav-links{display:flex}
  .nav-toggle:checked ~ .nav-toggle-label span{background:transparent}
  .nav-toggle:checked ~ .nav-toggle-label span::before{inset-block-start:0;transform:rotate(45deg)}
  .nav-toggle:checked ~ .nav-toggle-label span::after{inset-block-start:0;transform:rotate(-45deg)}
  .nav-links a{padding:.75rem .9rem;font-size:1rem}
  .nav-links a.cta{text-align:center;margin-block-start:.4rem}
}



/* "Reizen" met twee sub-items — zelfde stijl als de overige menu-items */
.has-sub{position:relative;display:flex}
.nav-links .has-sub > a{display:inline-flex;align-items:center;gap:.35rem}
.caret{flex:none;opacity:.7;transition:transform .18s}
.has-sub:hover > a .caret,.has-sub:focus-within > a .caret{transform:rotate(180deg)}
.submenu{
  position:absolute;inset-block-start:calc(100% + .45rem);inset-inline-start:0;z-index:60;
  display:none;flex-direction:column;gap:.1rem;min-inline-size:190px;padding:.35rem;
  background:var(--bg);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);
}
.submenu::before{content:"";position:absolute;inset-block-start:-.45rem;inset-inline:0;block-size:.45rem}
.has-sub:hover > .submenu,.has-sub:focus-within > .submenu{display:flex}
.nav-links .submenu a{border-radius:10px;white-space:nowrap}

@media (max-width:960px){
  .has-sub{display:block}
  .nav-links .has-sub > a{display:flex}
  .caret{display:none}
  .submenu{
    position:static;display:flex;min-inline-size:0;padding:0;gap:0;
    background:none;border:0;border-radius:0;box-shadow:none;
  }
  .submenu::before{display:none}
  .nav-links .submenu a{
    padding-inline-start:2rem;border-radius:0;font-size:.95rem;color:var(--text-soft);
  }
}

/* Hero */
.hero{position:relative;overflow:hidden;color:var(--text-invert);isolation:isolate}
.hero__bg{position:absolute;inset:0;z-index:-2;object-fit:cover;inline-size:100%;block-size:100%}
.hero::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(180deg,rgba(37,68,53,.62) 0%,rgba(37,68,53,.72) 45%,rgba(13,20,15,.94) 100%),
    radial-gradient(90% 70% at 82% 12%,rgba(244,114,22,.42),transparent 60%);
}
.hero__inner{padding-block:clamp(4.5rem,11vw,8rem) clamp(8rem,15vw,12rem);position:relative}
.hero h1{max-width:16ch;margin-block-end:1.1rem;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.hero h1 em{font-style:normal;color:var(--cream);display:block}
.hero p{color:var(--text-invert-soft);font-size:1.2rem;max-width:56ch}
.hero__badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-end:1.6rem}
.badge{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:600;padding:.4rem .85rem;border-radius:999px;border:1px solid var(--line-invert);background:rgba(0,0,0,.28);color:var(--text-invert)}
.badge.is-live{background:rgba(244,114,22,.34);border-color:rgba(244,114,22,.6)}
.dot{inline-size:7px;block-size:7px;border-radius:50%;background:var(--cream);flex:none}
.btn-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-block-start:2rem}
.btn{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-weight:650;font-size:1rem;padding:.85rem 1.5rem;border-radius:999px;transition:transform .15s,background .15s,border-color .15s;border:1px solid transparent}
.btn:hover{transform:translateY(-2px)}
.btn--primary{background:var(--brand);color:#fff}
.btn--primary:hover{background:var(--brand-deep)}
.btn--ghost{border-color:var(--line-invert);color:var(--text-invert);background:rgba(0,0,0,.25)}
.btn--whatsapp{background:#25D366;color:#0B2E13}
.btn--whatsapp:hover{background:#1FB855;color:#0B2E13}
.btn .ico{flex:none}
.btn--dark{background:var(--green);color:var(--cream)}
.btn--dark:hover{background:var(--green-deep);color:var(--cream)}

.hero__stats{position:relative;z-index:3;margin-block-start:-4.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg)}
.hero__stats div{background:var(--surface);padding:1.35rem 1.5rem}
.hero__stats strong{display:block;font-size:1.85rem;letter-spacing:-.03em;line-height:1.1;color:var(--green)}
.hero__stats span{font-size:.85rem;color:var(--text-soft)}
@media (prefers-color-scheme: dark){.hero__stats strong{color:var(--brand)}}

/* Reizen */
.trip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.trip + .trip{margin-block-start:clamp(3rem,6vw,5rem);padding-block-start:clamp(3rem,6vw,5rem);border-block-start:1px solid var(--line)}
.trip__visual{margin:0;border-radius:var(--radius);overflow:hidden;position:sticky;inset-block-start:96px;box-shadow:var(--shadow);border:1px solid var(--line);background:var(--surface)}
.trip__visual figcaption{padding:.85rem 1.1rem;font-size:.85rem;color:var(--text-soft)}
.trip__media{position:sticky;inset-block-start:96px;display:grid;gap:1rem}
.trip__media figure{margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:var(--surface)}
.trip__media figcaption{padding:.75rem 1.1rem;font-size:.85rem;color:var(--text-soft)}
.frame{position:relative;background:#000}
.frame::before{content:"";display:block;padding-block-end:56.25%}
.frame--tall::before{padding-block-end:177.78%}
.trip__media--short figure{max-inline-size:340px;margin-inline:auto}
.trip__media--stack{position:static}
.frame iframe{position:absolute;inset:0;inline-size:100%;block-size:100%;border:0}
.tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .7rem;border-radius:999px;background:var(--brand-soft);color:var(--brand-deep)}
.tag--calm{background:color-mix(in srgb,var(--green) 16%,transparent);color:var(--green)}
@media (prefers-color-scheme: dark){.tag{color:#FFB37A}.tag--calm{color:var(--accent)}}
.checks{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;gap:.9rem}
.checks li{display:grid;grid-template-columns:26px 1fr;gap:.8rem;align-items:start}
.checks li::before{content:"";inline-size:20px;block-size:20px;margin-block-start:.28rem;border-radius:50%;background:var(--brand-soft);box-shadow:inset 0 0 0 3px var(--brand)}
.checks strong{display:block}
.checks span{color:var(--text-soft);font-size:.97rem}

/* Band */
.band{position:relative;min-block-size:320px;display:grid;place-items:center;overflow:hidden;isolation:isolate;text-align:center;color:var(--text-invert);padding-block:clamp(3rem,7vw,5rem)}
.band img{position:absolute;inset:0;z-index:-2;inline-size:100%;block-size:100%;object-fit:cover}
.band::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(37,68,53,.72),rgba(13,20,15,.8))}
.band blockquote{margin:0;max-width:38ch;font-size:clamp(1.3rem,2.6vw,2rem);font-weight:600;line-height:1.35;letter-spacing:-.02em}
.band cite{display:block;margin-block-start:1rem;font-style:normal;font-size:.95rem;color:var(--text-invert-soft)}

/* Kaarten */
.grid{display:grid;gap:1.25rem}
.grid--2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;box-shadow:var(--shadow)}
.card h3{margin-block-end:.4rem}
.card p:last-child{margin-block-end:0}

/* Data */
.dates{display:grid;gap:1rem}
.date-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.4rem;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem 1.6rem;box-shadow:var(--shadow);border-inline-start:4px solid var(--brand)}
.date-card--calm{border-inline-start-color:var(--green)}
.date-card__when{min-inline-size:170px;font-weight:700}
.date-card__when small{display:block;font-weight:600;color:var(--text-soft)}
.date-card h3{margin:0;font-size:1.05rem}
.date-card p{margin:.2rem 0 0;color:var(--text-soft);font-size:.93rem}
.status{white-space:nowrap;font-size:.78rem;font-weight:700;padding:.35rem .8rem;border-radius:999px;background:var(--surface-alt);color:var(--text-soft)}
.status--go{background:color-mix(in srgb,var(--green) 16%,transparent);color:var(--green)}
@media (prefers-color-scheme: dark){.status--go{color:var(--accent)}}
@media (max-width:760px){
  .date-card{grid-template-columns:1fr;gap:.6rem}
  .trip{grid-template-columns:1fr}
  .trip__visual,.trip__media{position:static}
  .trip__media--short figure{max-inline-size:300px}
}

/* Video */
.videos{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1.75rem;align-items:start}
@media (max-width:860px){.videos{grid-template-columns:1fr}}
.player{position:relative;padding-block-end:56.25%;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--line);background:#000}
.player iframe{position:absolute;inset:0;inline-size:100%;block-size:100%;border:0}
.playlist{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}
.playlist li + li{border-block-start:1px solid var(--line)}
.playlist a{display:flex;gap:.8rem;align-items:baseline;padding:.75rem 1.1rem;text-decoration:none;font-size:.95rem;transition:background .15s}
.playlist a:hover{background:var(--surface-alt)}
.playlist .num{color:var(--brand);font-weight:700;font-size:.8rem;flex:none;min-inline-size:1.4rem}
.playlist .dur{margin-inline-start:auto;color:var(--text-soft);font-size:.82rem;flex:none}

/* Fotoalbum */
.album{columns:4 220px;column-gap:1rem}
.album figure{break-inside:avoid;margin:0 0 1rem}
.album img{inline-size:100%;border-radius:14px;box-shadow:var(--shadow);border:1px solid var(--line)}

/* Quotes */
.quotes{columns:3 280px;column-gap:1.25rem}
.quote{break-inside:avoid;margin:0 0 1.25rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem 1.5rem;box-shadow:var(--shadow)}
.quote p{font-size:1rem;margin-block-end:.9rem}
.quote footer{display:flex;align-items:center;gap:.65rem;font-size:.88rem;color:var(--text-soft)}
.avatar{inline-size:32px;block-size:32px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:.78rem;font-weight:700;color:var(--cream);background:var(--green)}

/* Over */
.people{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem}
.person{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.7rem;box-shadow:var(--shadow)}
.person__top{display:flex;align-items:center;gap:1rem;margin-block-end:1rem}
.person__top img{inline-size:64px;block-size:64px;border-radius:50%;object-fit:cover;flex:none;border:2px solid var(--cream)}
.person__top h3{margin:0}
.person__top small{color:var(--text-soft)}

/* Contact */
.contact{background:var(--bg-deep);color:var(--text-invert);border-radius:calc(var(--radius) + 6px);padding:clamp(2rem,5vw,3.5rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem}
.contact h2{color:var(--text-invert)}
.contact p{color:var(--text-invert-soft)}
.contact .eyebrow{color:var(--cream)}
.contact a{color:var(--text-invert);text-decoration:none;border-block-end:1px solid rgba(253,225,185,.35)}
.contact .btn{border-block-end:0}
.contact .btn--whatsapp{color:#0B2E13}
.contact a:hover{border-color:var(--brand)}
.contact dl{margin:0;display:grid;gap:1rem}
.contact dt{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-invert-soft);font-weight:700}
.contact dd{margin:.15rem 0 0;font-size:1.05rem}
.social{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:1.4rem}
.social a{border:1px solid var(--line-invert);border-radius:999px;padding:.4rem .9rem;font-size:.85rem;font-weight:600;background:rgba(253,225,185,.08)}

/* Footer */
.site-footer{border-block-start:1px solid var(--line);padding-block:2.5rem;font-size:.9rem;color:var(--text-soft)}
.site-footer .wrap{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}


/* Zwevende WhatsApp-knop, altijd bereikbaar */
.wa-float{
  position:fixed;inset-block-end:1.25rem;inset-inline-end:1.25rem;z-index:80;
  display:inline-flex;align-items:center;gap:.6rem;
  padding:.85rem 1.15rem;border-radius:999px;text-decoration:none;
  background:#25D366;color:#0B2E13;font-weight:650;font-size:.95rem;
  box-shadow:0 6px 24px -6px rgba(11,46,19,.5), 0 2px 6px rgba(0,0,0,.18);
  transition:transform .16s, box-shadow .16s, background .16s;
}
.wa-float:hover,.wa-float:focus-visible{
  background:#1FB855;color:#0B2E13;transform:translateY(-2px);
  box-shadow:0 10px 30px -8px rgba(11,46,19,.55), 0 2px 8px rgba(0,0,0,.2);
}
.wa-float svg{flex:none}

/* Op smalle schermen alleen het icoon, zodat er niets wordt afgedekt */
@media (max-width:600px){
  .wa-float{inset-block-end:1rem;inset-inline-end:1rem;padding:.85rem;border-radius:50%}
  .wa-float__label{
    position:absolute;inline-size:1px;block-size:1px;overflow:hidden;
    clip-path:inset(50%);white-space:nowrap;
  }
}

@media print{.wa-float{display:none}}
@media (prefers-reduced-motion:reduce){.wa-float:hover{transform:none}}

@media print{
  .site-header,.btn-row,.social,.player,.band,.frame{display:none}
  body{background:#fff;color:#000;font-size:11pt}
  .hero{color:#000}
  .hero__bg,.hero::after{display:none}
  .hero h1,.hero h1 em{color:#000;text-shadow:none}
  .hero p,.contact p{color:#333}
  .contact{background:#fff;color:#000;border:1px solid #999}
  .contact h2,.contact dd,.contact a,.contact .eyebrow{color:#000}
  .card,.quote,.date-card,.person{break-inside:avoid;box-shadow:none;border:1px solid #ccc}
  .quotes{columns:2}.album{columns:3}
  .hero__stats{margin-block-start:1rem;box-shadow:none}
  .trip__visual,.trip__media{position:static}
  .trip__media figure{box-shadow:none;border:1px solid #ccc}
  a{text-decoration:none}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn:hover{transform:none}}

/* ============================================================
   Programmapagina's (reisdetail)
   ============================================================ */

/* Kop van een reispagina */
.page-hero{position:relative;overflow:hidden;color:var(--text-invert);isolation:isolate}
.page-hero__bg{position:absolute;inset:0;z-index:-2;object-fit:cover;inline-size:100%;block-size:100%}
.page-hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(37,68,53,.66) 0%,rgba(37,68,53,.74) 45%,rgba(13,20,15,.92) 100%),
             radial-gradient(90% 70% at 82% 12%,rgba(244,114,22,.38),transparent 60%)}
.page-hero__inner{padding-block:clamp(3rem,8vw,6rem) clamp(3.5rem,9vw,6rem)}
.page-hero h1{font-size:clamp(2rem,4.6vw,3.4rem);max-width:20ch;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.page-hero .dates-line{font-size:1.25rem;font-weight:600;color:var(--cream);margin-block-end:1rem}
.page-hero p{color:var(--text-invert-soft);max-width:62ch}

.crumbs{font-size:.9rem;margin-block-end:1.2rem;color:var(--text-invert-soft)}
.crumbs a{color:var(--cream);text-decoration:none;border-block-end:1px solid rgba(253,225,185,.4)}
.crumbs span{margin-inline:.45rem;opacity:.6}

/* Kenmerkenbalk */
.facts{position:relative;z-index:3;margin-block-start:-3.5rem;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg)}
.facts div{background:var(--surface);padding:1.2rem 1.4rem}
.facts strong{display:block;font-size:1.35rem;letter-spacing:-.02em;line-height:1.2;color:var(--green)}
.facts span{font-size:.83rem;color:var(--text-soft)}
@media (prefers-color-scheme: dark){.facts strong{color:var(--brand)}}

/* Hoogtepunten */
.highlights{list-style:none;padding:0;margin:0;display:grid;gap:.85rem;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.highlights li{display:grid;grid-template-columns:24px 1fr;gap:.8rem;align-items:start;
  background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.3rem;
  box-shadow:var(--shadow)}
.highlights li::before{content:"";inline-size:18px;block-size:18px;margin-block-start:.3rem;border-radius:50%;
  background:var(--brand-soft);box-shadow:inset 0 0 0 3px var(--brand)}

/* Dagprogramma */
.days{display:grid;gap:1.1rem;counter-reset:day}
.day{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);overflow:hidden;border-inline-start:4px solid var(--brand)}
.day--calm{border-inline-start-color:var(--green)}
.day__head{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:baseline;
  padding:1.25rem 1.6rem .35rem}
.day__no{font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand)}
.day__head h3{margin:0;flex:1 1 100%;font-size:1.18rem}
.day__body{padding:0 1.6rem 1.4rem}
.day__body p{margin-block-end:.9rem}
.day__body p:last-child{margin-block-end:0}
.day__meta{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 1.6rem 1rem}
.chip{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;
  padding:.3rem .75rem;border-radius:999px;background:var(--surface-alt);color:var(--text-soft)}
.chip--ride{background:var(--brand-soft);color:var(--brand-deep)}
.chip--stay{background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green)}
@media (prefers-color-scheme: dark){
  .chip--ride{color:#FFB37A}
  .chip--stay{color:var(--accent)}
}


/* Foto's binnen een dagkaart */
.day__photos{
  display:grid;gap:.6rem;padding:0 1.6rem 1.5rem;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
}
.day__photos figure{margin:0}
.day__photos img{
  inline-size:100%;aspect-ratio:4/3;object-fit:cover;
  border-radius:12px;border:1px solid var(--line);background:var(--surface-alt);
}
.day__photos figcaption{
  font-size:.8rem;color:var(--text-soft);margin-block-start:.4rem;line-height:1.4;
}

/* Videoblok op een reispagina */
.trip-videos{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.trip-videos figure{
  margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;box-shadow:var(--shadow);
}
.trip-videos figcaption{padding:.8rem 1.1rem;font-size:.88rem;color:var(--text-soft)}
.trip-videos--short{grid-template-columns:minmax(0,340px)}

@media print{
  .day__photos{grid-template-columns:repeat(3,1fr)}
  .day__photos img{border:1px solid #ccc}
  .trip-videos{display:none}
}

/* Kosten */
.price-head{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:baseline;
  padding:1.6rem 1.8rem;background:var(--green);color:var(--cream);border-radius:var(--radius);
  margin-block-end:1.5rem}
.price-head .amount{font-size:clamp(2rem,4vw,2.8rem);font-weight:700;letter-spacing:-.03em;line-height:1}
.price-head .note{font-size:.95rem;color:rgba(253,225,185,.85);max-width:46ch}
.incl{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.incl h3{display:flex;align-items:center;gap:.55rem;margin-block-end:.9rem}
.incl ul{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
.incl li{display:grid;grid-template-columns:18px 1fr;gap:.7rem;align-items:start;font-size:.97rem}
.incl li ul{margin-block-start:.55rem;padding-inline-start:0}
.incl li li{font-size:.93rem;color:var(--text-soft)}
.incl--yes li::before{content:"";inline-size:14px;block-size:14px;margin-block-start:.35rem;border-radius:50%;
  background:color-mix(in srgb,var(--green) 22%,transparent);box-shadow:inset 0 0 0 2px var(--green)}
.incl--no li::before{content:"";inline-size:14px;block-size:14px;margin-block-start:.35rem;border-radius:50%;
  background:var(--surface-alt);box-shadow:inset 0 0 0 2px var(--text-soft)}
@media (prefers-color-scheme: dark){
  .incl--yes li::before{box-shadow:inset 0 0 0 2px var(--accent)}
}

/* Losse aanvullingen */
.notes{display:grid;gap:1rem;margin-block-start:1.75rem}
.note-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;
  padding:1.2rem 1.4rem;box-shadow:var(--shadow);border-inline-start:4px solid var(--cream)}
.note-card h3{font-size:1rem;margin-block-end:.35rem}
.note-card p:last-child{margin-block-end:0}

/* Afsluitende oproep */
.cta-band{background:var(--bg-deep);color:var(--text-invert);border-radius:calc(var(--radius) + 6px);
  padding:clamp(2rem,5vw,3.25rem);text-align:center}
.cta-band h2{color:var(--text-invert)}
.cta-band p{color:var(--text-invert-soft);max-width:52ch;margin-inline:auto}
.cta-band .btn-row{justify-content:center}

@media print{
  .page-hero__bg,.page-hero::after{display:none}
  .page-hero{color:#000}
  .page-hero h1,.page-hero .dates-line{color:#000;text-shadow:none}
  .page-hero p,.crumbs{color:#333}
  .facts{margin-block-start:1rem;box-shadow:none}
  .day,.note-card,.highlights li{break-inside:avoid;box-shadow:none;border:1px solid #ccc}
  .price-head{background:#fff;color:#000;border:1px solid #999}
  .price-head .note{color:#333}
  .cta-band{display:none}
}

/* Datumkaart met doorklik naar het programma */
.date-card h3 a{text-decoration:none;border-block-end:2px solid transparent;transition:border-color .15s,color .15s}
.date-card h3 a:hover,.date-card h3 a:focus-visible{color:var(--brand);border-block-end-color:var(--brand)}