/* Earth Portals: 2026-11-01 — duidelijke reis- en eigenaarsroute, zonder de wereldbol te wijzigen. */
.ep-wa .header .ep-locatie-nav{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;border-radius:999px;border:1px solid rgba(23,61,50,.22);background:#f0fbf7;color:#174c3d;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}
.ep-wa .header .ep-locatie-nav:hover{background:#e2f8ef;border-color:#489b7f}
.ep-doelkeuze{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 8px}
.ep-doel{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:center;min-height:68px;padding:11px 12px;border-radius:15px;border:1px solid #d5e7dd;background:#fff;color:#173d32;text-decoration:none;text-align:left;font:inherit;cursor:pointer;box-sizing:border-box;transition:border-color .2s,transform .2s,box-shadow .2s}
.ep-doel strong{font-size:13.5px;line-height:1.35}
.ep-doel small{font-size:11.5px;line-height:1.35;color:#5e7369}
.ep-doel-reiziger{background:linear-gradient(130deg,#e3f9f4,#eef9ff);border-color:#8cd7ce}
.ep-doel-eigenaar{background:linear-gradient(135deg,#fff6e8,#fffaf4);border-color:#e9d5b8}
.ep-doel:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(23,61,50,.11)}
.ep-doel:focus-visible,.ep-locatie-nav:focus-visible,.ep-wiz-navbutton:focus-visible,.ep-kaarthulp summary:focus-visible{outline:3px solid #258bba;outline-offset:2px}
.ep-kaarthulp{border-radius:12px;border:1px solid rgba(30,67,60,.12);background:rgba(255,255,255,.7);color:#173d32;font-size:12px;line-height:1.5}
.ep-kaarthulp summary{padding:8px 10px;cursor:pointer;font-weight:700;list-style:none}
.ep-kaarthulp summary::before{content:'✧ ';color:#518e94}
.ep-kaarthulp[open] summary{border-bottom:1px solid #dbe9e3}
.ep-kaarthulp p{padding:6px 10px 10px;margin:0;max-width:375px}
.ep-mobiele-eigenaar{display:none}
/* uitleg voor eigenaren */
.ep-aanmeld-intro{border:1px solid #dce9e3;background:linear-gradient(110deg,rgba(237,250,244,.95),rgba(241,247,255,.92),rgba(253,244,242,.92));border-radius:25px;padding:24px;margin:26px 0 26px;box-shadow:0 14px 38px rgba(25,83,68,.06)}
.ep-uitlegkop{display:flex;gap:16px;align-items:center}
.ep-kristal-icoon{flex:0 0 52px;display:grid;place-items:center;width:52px;height:52px;background:#d8f2ec;border:1px solid #a4d6ca;border-radius:18px;color:#246656;font-size:32px}
.ep-aanmeld-intro h2{font-size:clamp(21px,3vw,27px);margin:0 0 4px;font-weight:600;color:#214d40}
.ep-aanmeld-intro p{margin:0;color:#536b61;line-height:1.6}
.ep-aanmeld-stappen{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 0;padding:0}
.ep-aanmeld-stappen li{padding:15px;border:1px solid #e1ebe5;border-radius:17px;background:#fff;display:grid;gap:5px}
.ep-aanmeld-stappen b{font-size:12px;color:#468b76;letter-spacing:.13em}
.ep-aanmeld-stappen strong{font-size:14px;color:#173d32}
.ep-aanmeld-stappen span{font-size:12px;color:#65796e;line-height:1.5}
/* formulier in drie werkelijke stappen; blijft normaal formulier zonder JS */
#ep-form.ep-blok{overflow:visible}
.ep-wiz-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:12px}
.ep-wiz-navbutton{min-height:47px;padding:9px 10px;font:inherit;font-size:12px;font-weight:700;border:1px solid #d4e8dd;background:#f4f8f5;border-radius:12px;color:#526f61;cursor:pointer}
.ep-wiz-navbutton.actief{background:#e2f7ed;border-color:#7ac4a7;color:#14533d;box-shadow:0 0 0 1px #acdaca inset}
.ep-wiz-status{font-size:12px;color:#678176;margin:0 0 12px}
.ep-wiz-pane[hidden]{display:none!important}
.ep-wiz-title{font-size:19px;margin:6px 0 16px;color:#285449;font-weight:650}
.ep-wiz-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-top:18px;padding-top:14px;border-top:1px solid #e7eee9}
.ep-wiz-next{background:linear-gradient(110deg,#247d62,#22a68b);color:#fff}
.ep-preview-controls{border:1px dashed #aacbbf;border-radius:16px;padding:13px;margin:14px 0;background:#f5fbf8}
.ep-preview{background:#fff;border:1px solid #dae9e1;border-radius:18px;padding:0 15px 14px;margin-top:12px;overflow:hidden;box-shadow:0 10px 24px rgba(33,83,69,.08)}
.ep-preview[hidden]{display:none}
.ep-preview-foto{height:160px;background:linear-gradient(135deg,#eaf9f3,#eaf3ff 60%,#fff0ec);display:grid;place-items:center;color:#50a78f;font-size:56px;margin:0 -15px 14px;overflow:hidden}
.ep-preview-foto img{width:100%;height:100%;object-fit:cover}
.ep-preview-eyebrow{font-size:11px;font-weight:750;letter-spacing:.12em;color:#398a75}
.ep-preview h3{font-size:24px;margin:8px 0;color:#204b3d}
.ep-preview p{line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.ep-preview-place,.ep-preview-note{color:#6a7b71;font-size:12px}
.ep-preview-story{color:#33483e}
.ep-dagboek-link{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;padding:8px 12px;border-radius:999px;background:#e4f6ef;color:#285b4c;font-weight:700;font-size:13px;text-decoration:none}
#ep-dagboek{scroll-margin-top:95px}
@media(min-width:901px) and (max-width:1190px){.ep-wa .header .ep-locatie-nav{padding:7px 9px;font-size:12px}.ep-wa .header.ep-app-kop nav{gap:9px}}
@media(max-width:900px){
  .ep-wa .header .ep-locatie-nav{display:none}
  .ep-planner-kop .ep-doelkeuze{margin:8px 0 8px;gap:6px}
  .ep-doel{min-height:43px;padding:8px 10px;border-radius:12px}
  .ep-doel strong{font-size:12px}
  .ep-doel small{display:none}
  .ep-mobiele-eigenaar{position:absolute;z-index:16;display:inline-flex;right:9px;top:172px;padding:9px 11px;border-radius:999px;background:rgba(255,255,255,.94);border:1px solid #cce5da;color:#1c5947;font-weight:700;font-size:12px;box-shadow:0 5px 20px rgba(22,51,37,.12);text-decoration:none}
  .ep-lagen{max-width:min(300px,calc(100vw - 20px))}
  .ep-kaarthulp summary{font-size:11px;padding:7px 9px}
  .ep-kaarthulp p{font-size:11px}
}
@media(max-width:600px){.ep-aanmeld-stappen{grid-template-columns:1fr;gap:6px}.ep-aanmeld-stappen li{grid-template-columns:34px 1fr;align-items:center;padding:9px 12px}.ep-aanmeld-stappen span{grid-column:2}.ep-aanmeld-intro{padding:16px}.ep-wiz-navbutton{font-size:10.5px;padding:8px 5px}.ep-uitlegkop{gap:9px}.ep-kristal-icoon{height:42px;width:42px;flex-basis:42px;font-size:24px}}
@media (max-height:610px) and (max-width:900px){.ep-mobiele-eigenaar{top:130px}}
@media(prefers-reduced-motion:reduce){.ep-doel{transition:none}}
