html body #lotte-ein{
  /* LOTTE 2.0 v1.4.2 — SBA-kleuren */
  --le-navy:#2363b8;        /* SBA donkerblauw */
  --le-blue:#5699ef;        /* SBA btn-blue */
  --le-orange:#cc6d00;      /* SBA btn-orange */
  --le-orange-dark:#a85a00;
  --le-ink:#202834;         /* SBA tekst */
  --le-muted:#5a6475;
  --le-line:#cfe0f8;
  --le-bg:#ffffff;
  --le-soft:#eaf2fd;        /* SBA lightblue */
  --le-grad:linear-gradient(#eaf2fd,#ffffff);
  font-family:inherit;color:var(--le-ink);line-height:1.4;max-width:1100px;margin:0 auto;
}
html body #lotte-ein *,html body #lotte-ein *::before,html body #lotte-ein *::after{box-sizing:border-box}
html body #lotte-ein button,html body #lotte-ein input{font:inherit;color:inherit}
/* Theme-reset: thema zet uppercase/padding/min-width op alle buttons */
html body #lotte-ein button,html body #lotte-ein .le-btn{text-transform:none!important;letter-spacing:normal!important;min-width:0!important;box-shadow:none;line-height:1.2}
html body #lotte-ein .le-card{padding:14px!important;height:auto!important;white-space:normal!important}
html body #lotte-ein .le-nav{padding:0!important;width:36px!important;height:36px!important;border-radius:50%!important;line-height:36px!important;box-shadow:0 2px 10px rgba(10,20,60,.2)!important}
html body #lotte-ein .le-step button{padding:0!important;width:30px!important;height:30px!important;border-radius:50%!important}
html body #lotte-ein .le-trip button{padding:6px 16px!important}
html body #lotte-ein .le-search{background:var(--le-navy);color:#fff;border-radius:14px;padding:20px;display:grid;gap:14px}
html body #lotte-ein .le-trip{display:inline-flex;background:rgba(255,255,255,.12);border-radius:999px;padding:3px;justify-self:start}
html body #lotte-ein .le-trip button{border:0;background:none;color:#fff;padding:6px 16px;border-radius:999px;cursor:pointer;font-weight:600;font-size:14px}
html body #lotte-ein .le-trip button[aria-pressed="true"]{background:#fff;color:var(--le-navy)}
html body #lotte-ein .le-row{display:grid;grid-template-columns:1fr 1.4fr 1fr 1fr;gap:10px}
html body #lotte-ein .le-field{background:#fff;color:var(--le-ink);border-radius:10px;padding:8px 12px;position:relative;min-width:0}
html body #lotte-ein .le-field label,html body #lotte-ein .le-field .le-lbl{display:block;font-size:12px;color:var(--le-muted);font-weight:600}
html body #lotte-ein .le-field input{border:0;outline:0;width:100%;padding:2px 0;font-size:16px;font-weight:600;background:transparent}
html body #lotte-ein .le-field .le-static{font-size:16px;font-weight:600;padding:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #lotte-ein .le-field:focus-within{box-shadow:0 0 0 3px var(--le-orange)}
html body #lotte-ein .le-field.le-off{opacity:.45}
html body #lotte-ein .le-pax{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
html body #lotte-ein .le-step{background:#fff;color:var(--le-ink);border-radius:10px;padding:6px 8px 6px 12px;display:flex;align-items:center;gap:10px}
html body #lotte-ein .le-step .le-lbl{font-size:13px;font-weight:600;min-width:84px}
html body #lotte-ein .le-step .le-lbl small{display:block;font-weight:400;color:var(--le-muted);font-size:12px}
html body #lotte-ein .le-step button{width:30px;height:30px;border-radius:50%;border:1px solid var(--le-line);background:var(--le-soft);cursor:pointer;font-size:18px;line-height:1}
html body #lotte-ein .le-step button:disabled{opacity:.35;cursor:default}
html body #lotte-ein .le-step output{min-width:18px;text-align:center;font-weight:700}
html body #lotte-ein .le-go{margin-left:auto;border:0;background:var(--le-orange);color:#fff;font-weight:700;font-size:16px;padding:0 28px;border-radius:10px;cursor:pointer;min-height:46px}
html body #lotte-ein .le-go:hover{background:var(--le-orange-dark)}
html body #lotte-ein button:focus-visible{outline:3px solid var(--le-orange);outline-offset:2px}
html body #lotte-ein .le-err{color:#ffd2b0;font-size:14px;min-height:0}
/* Autocomplete */
html body #lotte-ein .le-ac{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border-radius:10px;box-shadow:0 12px 32px rgba(10,20,60,.25);max-height:340px;overflow:auto;z-index:50;display:none}
html body #lotte-ein .le-ac.open{display:block}
html body #lotte-ein .le-ac-group{padding:8px 12px 4px;font-size:12px;color:var(--le-muted);font-weight:700;background:var(--le-soft);position:sticky;top:0}
html body #lotte-ein .le-ac-item{padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;gap:8px}
html body #lotte-ein .le-ac-item b{color:var(--le-muted);font-weight:600}
html body #lotte-ein .le-ac-item.active,html body #lotte-ein .le-ac-item:hover{background:var(--le-soft)}
html body #lotte-ein .le-ac-empty{padding:12px;color:var(--le-muted);font-size:14px}
/* Resultaten */
html body #lotte-ein .le-results{margin-top:20px;display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
html body #lotte-ein .le-leg,html body #lotte-ein .le-sum{min-width:0}
html body #lotte-ein .le-leg h3{margin:0 0 4px;font-size:18px;color:var(--le-navy)}
html body #lotte-ein .le-leg p.le-sub{margin:0 0 10px;color:var(--le-muted);font-size:14px}
html body #lotte-ein .le-track-wrap{position:relative}
html body #lotte-ein .le-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 0 10px;scrollbar-width:none;max-width:100%}
html body #lotte-ein .le-track::-webkit-scrollbar{display:none}
html body #lotte-ein .le-nav{position:static;width:36px;height:36px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 10px rgba(10,20,60,.2);cursor:pointer;font-size:18px;color:var(--le-navy);z-index:2}
html body #lotte-ein .le-navbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:-4px 0 8px}
html body #lotte-ein .le-navbar[hidden]{display:none}
html body #lotte-ein .le-count{font-size:13px;color:var(--le-muted);margin-right:4px}
html body #lotte-ein .le-nav:disabled{opacity:.35;cursor:default;box-shadow:none!important}
html body #lotte-ein .le-card{flex:0 0 calc((100% - 36px)/4);min-width:0;scroll-snap-align:start;text-align:left;border:2px solid var(--le-line);background:var(--le-grad);color:var(--le-ink);border-radius:12px;padding:14px;cursor:pointer;display:grid;gap:10px}
html body #lotte-ein .le-card.alt{background:#fff}
html body #lotte-ein .le-card[aria-pressed="true"]{border-color:var(--le-navy);background:var(--le-navy);color:#fff}
html body #lotte-ein .le-card-top{display:flex;justify-content:space-between;align-items:baseline;font-size:14px}
html body #lotte-ein .le-card-top strong{font-size:15px;color:var(--le-navy)}
html body #lotte-ein .le-card[aria-pressed="true"] .le-card-top strong{color:#fff}
html body #lotte-ein .le-tag{font-size:11px;background:rgba(35,99,184,.1);color:var(--le-navy);padding:2px 8px;border-radius:999px}
html body #lotte-ein .le-times{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}
html body #lotte-ein .le-times .t{font-size:24px;font-weight:700;line-height:1}
html body #lotte-ein .le-times .c{font-size:12px;opacity:.8}
html body #lotte-ein .le-card[aria-pressed="true"] .le-tag{background:rgba(255,255,255,.2);color:#fff}
html body #lotte-ein .le-times .line{height:2px;background:rgba(35,99,184,.3);position:relative}
html body #lotte-ein .le-times .line span{position:absolute;left:50%;top:-18px;transform:translateX(-50%);font-size:12px;white-space:nowrap;opacity:.9}
html body #lotte-ein .le-card[aria-pressed="true"] .le-times .line{background:rgba(255,255,255,.4)}
html body #lotte-ein .le-times sup{font-size:11px;color:var(--le-orange)}
html body #lotte-ein .le-card[aria-pressed="true"] .le-times sup{color:#ffd08a}
html body #lotte-ein .le-meta{font-size:13px;opacity:.9}
html body #lotte-ein .le-cta{justify-self:start;background:var(--le-blue);color:#fff;font-weight:700;font-size:14px;padding:7px 16px;border-radius:8px}
html body #lotte-ein .le-card[aria-pressed="true"] .le-cta{background:var(--le-orange);color:#fff}
html body #lotte-ein .le-msg{background:var(--le-soft);border:1px dashed var(--le-line);border-radius:12px;padding:16px;color:var(--le-muted)}
html body #lotte-ein .le-skel{flex:0 0 240px;height:170px;border-radius:12px;background:linear-gradient(90deg,#dbe8fb,#eef5fe,#dbe8fb);background-size:200% 100%;animation:le-sh 1.2s infinite}
@keyframes le-sh{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){html body #lotte-ein .le-skel{animation:none}}
/* Samenvatting */
html body #lotte-ein .le-sum{position:sticky;bottom:0;background:#fff;border:1px solid var(--le-line);border-radius:14px;padding:14px 16px;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;box-shadow:0 -6px 24px rgba(10,20,60,.08)}
html body #lotte-ein .le-sum-legs{display:grid;gap:4px;font-size:14px;flex:1 1 320px}
html body #lotte-ein .le-sum-legs b{color:var(--le-navy)}
html body #lotte-ein .le-sum-actions{display:flex;flex-wrap:wrap;gap:10px}
html body #lotte-ein .le-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:10px;font-weight:700;text-decoration:none;font-size:15px}
html body #lotte-ein .le-btn.pri{background:var(--le-orange);color:#fff}
html body #lotte-ein .le-btn.pri:hover{background:var(--le-orange-dark)}
html body #lotte-ein .le-btn.sec{background:var(--le-blue);color:#fff}
html body #lotte-ein .le-btn.sec:hover{background:var(--le-navy)}
html body #lotte-ein .le-note{font-size:12px;color:var(--le-muted);flex-basis:100%}
@media (max-width:860px){
  html body #lotte-ein .le-row{grid-template-columns:1fr 1fr}
  html body #lotte-ein .le-row .le-to{grid-column:1/-1;order:-1}
  html body #lotte-ein .le-row .le-from{grid-column:1/-1;order:-2}
  html body #lotte-ein .le-go{margin-left:0;width:100%}
  html body #lotte-ein .le-card{flex-basis:calc((100% - 12px)/2)}
}
/* ---- Datumvelden + kalender (v1.1.0) ---- */
html body #lotte-ein .le-row{position:relative}
html body #lotte-ein .le-date{display:block;width:100%;text-align:left;border:0!important;background:transparent!important;padding:2px 0!important;font-size:16px;font-weight:600;color:var(--le-ink)!important;cursor:pointer;min-height:0;white-space:nowrap}
html body #lotte-ein .le-date:disabled{cursor:default}
html body #lotte-ein .le-cal{position:absolute;z-index:60;width:320px;max-width:calc(100vw - 32px);background:#fff;color:var(--le-ink);border-radius:12px;box-shadow:0 14px 36px rgba(10,20,60,.28);padding:12px}
html body #lotte-ein .le-cal[hidden]{display:none}
html body #lotte-ein .le-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}
html body #lotte-ein .le-cal-head strong{font-size:15px;color:var(--le-navy);text-transform:capitalize}
html body #lotte-ein .le-cal-nav{width:32px!important;height:32px!important;padding:0!important;border-radius:50%!important;border:0!important;background:var(--le-soft)!important;color:var(--le-navy)!important;font-size:18px;cursor:pointer}
html body #lotte-ein .le-cal-nav:disabled{opacity:.3;cursor:default}
html body #lotte-ein .le-cal-title{font-size:12px;color:var(--le-muted);margin-bottom:8px}
html body #lotte-ein .le-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
html body #lotte-ein .le-cal-wd span{font-size:11px;color:var(--le-muted);text-align:center;font-weight:600;padding-bottom:2px}
html body #lotte-ein .le-day{position:relative;height:36px!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--le-ink)!important;font-size:14px;cursor:pointer}
html body #lotte-ein .le-day:hover:not(:disabled){background:var(--le-soft)!important}
html body #lotte-ein .le-day.nofly{color:#9aa3b5!important}
html body #lotte-ein .le-day.fly{font-weight:700;color:var(--le-navy)!important}
html body #lotte-ein .le-day.fly::after{content:"";position:absolute;left:50%;bottom:4px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--le-orange)}
html body #lotte-ein .le-day.range{background:var(--le-soft)!important}
html body #lotte-ein .le-day.edge{box-shadow:inset 0 0 0 2px var(--le-navy)}
html body #lotte-ein .le-day.sel{background:var(--le-navy)!important;color:#fff!important}
html body #lotte-ein .le-day.sel::after{background:#fff}
html body #lotte-ein .le-day:disabled{color:#c9cfdb!important;background:transparent!important;cursor:default}
html body #lotte-ein .le-day:disabled::after{display:none}
html body #lotte-ein .le-cal-foot{display:flex;flex-direction:column;gap:4px;margin-top:8px;font-size:12px;color:var(--le-muted)}
html body #lotte-ein .le-cal-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--le-orange);vertical-align:middle;margin-right:4px}
html body #lotte-ein .le-shift{margin:0 0 10px;padding:8px 12px;border-radius:8px;background:#fff4e6;color:var(--le-ink);font-size:14px}
html body #lotte-ein .le-card:disabled{opacity:.4;cursor:not-allowed}
@media (max-width:860px){ html body #lotte-ein .le-cal{left:0!important;right:0;width:auto;max-width:none} }
html body #lotte-ein .le-day.closed{background:repeating-linear-gradient(135deg,#f3f4f7 0 4px,#e6e8ee 4px 8px)!important;color:#a9b0bf!important;text-decoration:line-through}
html body #lotte-ein .le-cal-legend b{display:inline-block;width:10px;height:10px;border-radius:2px;margin:0 4px 0 10px;vertical-align:middle;background:repeating-linear-gradient(135deg,#f3f4f7 0 2px,#d5d9e2 2px 4px)}
html body #lotte-ein .le-cal-closed{margin-top:8px;padding:8px 10px;border-radius:8px;background:#fff4e6;font-size:12px;line-height:1.4;color:var(--le-ink)}
html body #lotte-ein .le-cl-title{display:block;color:var(--le-navy);font-size:14px;margin-bottom:2px}
html body #lotte-ein .le-cl-link{display:inline-block;margin-top:6px;color:var(--le-orange);font-weight:700;text-decoration:underline;text-underline-offset:2px}
html body #lotte-ein .le-cl-link:hover{color:var(--le-orange-dark)}
html body #lotte-ein .le-closed-note .le-cl-title{font-size:16px}
html body #lotte-ein .le-cl-after{display:block;margin-top:6px}
html body #lotte-ein .le-orig{display:flex;gap:4px;margin-top:3px}
html body #lotte-ein .le-orig button{flex:1;padding:4px 8px!important;border-radius:6px!important;border:1px solid var(--le-line)!important;background:#fff!important;color:var(--le-ink)!important;font-size:14px;font-weight:600;cursor:pointer}
html body #lotte-ein .le-orig button[aria-pressed="true"]{background:var(--le-navy)!important;border-color:var(--le-navy)!important;color:#fff!important}
html body #lotte-ein .le-ac-item small{color:var(--le-orange);font-size:11px;font-weight:600;margin-left:4px;white-space:nowrap}
html body #lotte-ein .le-first{display:block;min-height:15px;font-size:12px;font-weight:600;color:var(--le-orange);line-height:1.2}
html body #lotte-ein .le-first.busy{color:var(--le-muted);font-weight:400}
html body #lotte-ein .le-first.none{color:var(--le-muted)}
html body #lotte-ein .le-card.mixed{opacity:.45;filter:grayscale(1)}
html body #lotte-ein .le-card.mixed .le-cta{background:#9aa3b5}
html body #lotte-ein .le-mixnote{color:var(--le-ink)}
html body #lotte-ein .le-go:disabled{opacity:.5;cursor:not-allowed}
html body #lotte-ein .le-go:disabled:hover{background:var(--le-orange)}
@media (max-width:520px){ html body #lotte-ein .le-card{flex-basis:85%} }
html body #lotte-ein .le-navbar .le-count{display:inline-block!important;white-space:nowrap;margin:0 4px 0 0!important;line-height:36px}
html body #lotte-ein .le-navbar{flex-wrap:nowrap}
html body #lotte-ein .le-orig button{font-size:13px;padding:4px 4px!important;white-space:nowrap}
html body #lotte-ein .le-row.le-o3{grid-template-columns:1.5fr 1.4fr 1fr 1fr}
html body #lotte-ein .le-orig button{white-space:nowrap;min-width:0}
html body #lotte-ein .le-o3 .le-orig button{font-size:13px;padding:4px 6px!important}
@media (max-width:860px){ html body #lotte-ein .le-row.le-o3{grid-template-columns:1fr 1fr} }
html body #lotte-ein .le-ports{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px;line-height:1.3;opacity:.85;margin-top:-4px}
html body #lotte-ein .le-ports span:last-child{text-align:right}