/* ===== 2B-gemeenschappelijk (x-*): site-scoped aanvullingen voor eten/natuur/vogels (staat identiek in eten.css, natuur.css en vogels.css) ===== */
.x-intro{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:24px;align-items:center}
.x-intro .x-aside{width:130px;height:auto;justify-self:center}
.x-legend{display:flex;flex-wrap:wrap;gap:8px 12px;margin:10px 0 0;font-weight:600;font-size:15px}
.x-legend span{display:inline-flex;align-items:center;gap:8px;background:#fff;border:3px solid var(--ink);border-radius:999px;padding:2px 14px 2px 8px;box-shadow:2px 3px 0 var(--shadow)}
.x-dot{width:16px;height:16px;border-radius:50%;border:3px solid var(--ink);display:inline-block;flex:none;background:var(--acc)}
.x-sq{width:18px;height:18px;border:3px solid var(--ink);background:var(--yellow);display:inline-block;flex:none;transform:rotate(45deg);border-radius:4px;box-shadow:2px 2px 0 var(--shadow)}
.x-lbl{font-weight:700;font-size:14px;margin:12px 0 6px;display:inline-block;background:var(--acc-soft);border:2px solid var(--ink);border-radius:999px;padding:0 12px}
.x-ings{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.x-ings li{background:#fff;border:2px solid var(--ink);border-radius:999px;padding:0 10px;font-size:14px;line-height:1.5;background:var(--acc-soft)}
.x-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0;order:9;flex:1 1 100%}
@media (min-width:701px){.c-tools .c-input{flex:1 1 220px}}
button.c-chip{font:inherit;font-weight:600;font-size:15px;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:2px 14px;line-height:1.4}
button.c-chip.on{background:var(--yellow);box-shadow:2px 3px 0 var(--ink)}
button.c-chip:hover{background:var(--acc-soft)}button.c-chip.on:hover{background:var(--yellow)}
button.c-chip .x-dot{width:14px;height:14px;border-width:2.5px}
.c-badge.g{background:#aef0c0}.c-badge.r{background:#ffb3bd}.c-badge.y{background:var(--yellow)}.c-badge.b{background:#a8e6ff}.c-badge.l{background:var(--lilac)}.c-badge.o{background:#ffd08a}
.c-hero-bot{position:absolute;left:0;right:0;bottom:-1px;height:46px;background:url(../art/wave-sand.svg) repeat-x 0 0/120px 46px;z-index:2;pointer-events:none}
.t-eten .c-tools,.t-natuur .c-tools,.t-vogels .c-tools{border-radius:34px}
.x-wh{color:#fff;text-shadow:-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink),2px 2px 0 var(--ink),0 4px 0 var(--ink)}
.c-intro.x-wh{background:none;font-weight:600}
.c-note.hide{display:none}
.leaflet-popup-content-wrapper{border:3px solid var(--ink);border-radius:18px;box-shadow:3px 4px 0 var(--shadow);font-family:var(--ff);color:var(--ink)}
.leaflet-popup-content{margin:10px 14px;line-height:1.35}
.leaflet-popup-tip{border:3px solid var(--ink);box-shadow:none}
.leaflet-container a.leaflet-popup-close-button{color:var(--ink);font-weight:700}
.c-card figure.ph .x-phart{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);height:150px;width:auto;max-width:80%;object-fit:contain}
.c-card figure.ph .t{position:absolute;top:8px;left:0;right:0;font-size:22px}
.c-card.hide-sec{display:none}
@media (max-width:700px){
 .x-intro{grid-template-columns:minmax(0,1fr)}.x-intro .x-aside{display:none}
 .c-tools .x-chips{flex-wrap:nowrap;order:0;flex:0 0 auto}
 .c-tools .x-chips button{flex-shrink:0;white-space:nowrap}
 .c-tools .c-select{max-width:70vw}
}
.t-eten .c-dl,.t-natuur .c-dl{grid-template-columns:minmax(0,1fr);gap:3px 0}
.t-eten .c-dl dt,.t-natuur .c-dl dt{justify-self:start;margin-top:8px}
.t-eten .c-dl dt:first-child,.t-natuur .c-dl dt:first-child{margin-top:0}
.x-lbl{align-self:flex-start}
/* ===== natuur (thema t-natuur staat in cartoon.css) ===== */
.t-natuur .c-hero{background-color:#a6ecb8;background-image:radial-gradient(rgba(255,255,255,.7) 2.5px,transparent 3px),linear-gradient(180deg,#bff3d0 0,#8fe3ad 100%);background-size:34px 34px,auto;padding-bottom:84px}
.t-natuur .c-hero .c-hero-grid{z-index:3}
.t-natuur .c-photo .ele{width:150px;height:auto;right:4px;bottom:-34px;transform:none}
.t-natuur .c-photo figcaption{max-width:calc(100% - 140px)}
.t-natuur .c-dec.bfl{width:64px;height:auto;right:4%;top:20px;z-index:2}
.t-natuur .c-dec.cld{width:120px;height:auto;left:44%;top:14px;z-index:1;opacity:.95}
.t-natuur .c-dec.tre{width:64px;height:auto;left:41%;bottom:-8px;z-index:3}
.x-t-park{background:#3bc27a}.x-t-marine_park{background:#4c7dff}.x-t-waterfall{background:#19b5c4}.x-closed{background:#fff;border-color:#ff1744;border-width:4px}
.c-badge.t{background:#8fe3ec}
.closed{display:inline-block;background:#ffb3bd;border:2px solid var(--ink);border-radius:999px;padding:0 10px;font-weight:700;font-size:14px}
.x-fee{display:inline-block;background:var(--yellow);border:2px solid var(--ink);border-radius:999px;padding:0 10px;font-weight:700;font-size:14.5px}
.c-dl dd small{color:#4a4c6e;font-size:13.5px}
.x-cal{list-style:none;margin:8px 0 2px;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px}
.x-cal li{height:24px;border:2px solid var(--ink);border-radius:7px;background:#aef0c0;position:relative;font-size:10.5px;font-weight:700;display:grid;place-items:center;line-height:1}
.x-cal li::before{content:attr(data-m)}
.x-cal li.c{background:#ff8a9a}.x-cal li.c::after{content:"";position:absolute;left:2px;right:2px;top:50%;height:2px;background:var(--ink);transform:rotate(-14deg)}
.x-cal li.now{box-shadow:0 0 0 3px var(--focus);z-index:1}
.x-stays{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:15px}
.x-stays li{background:var(--acc-soft);border:2px solid var(--ink);border-radius:14px;padding:6px 12px}
.x-stays a{font-weight:600;color:#a31232}.x-stays small{color:#4a4c6e}
.x-stays .pc{font-size:12.5px;padding:0 8px;margin-left:4px;transform:none}
.c-card .cw{margin:6px 0 10px}
.c-card .hl{margin:8px 0 0}
.c-card .hl li{background:var(--acc-soft)}
.c-card figure.ph .x-phart.x-wide{width:100%;max-width:none;height:100%;object-fit:cover;left:0;top:0;transform:none}
.c-card figure.ph.ph-waterfall,.c-card figure.ph.ph-marine_park{background:#7fdcff}
.c-card figure.ph .t,.c-card figure.ph .l{z-index:1}
.c-card figure.ph .t{background:#fff;border:3px solid var(--ink);border-radius:999px;padding:0 14px;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap;font-size:19px;top:10px}
@media (max-width:960px){.t-natuur .c-photo .ele{width:110px}}
@media (max-width:700px){
 .t-natuur .c-hero{padding-bottom:70px}.t-natuur .c-photo .ele{width:96px;right:-8px;bottom:-26px}.t-natuur .c-photo figcaption{max-width:calc(100% - 100px)}
 .t-natuur .c-dec.bfl{width:46px;right:3%;top:10px}.t-natuur .c-dec.cld,.t-natuur .c-dec.tre{display:none}
}
/* mini-kaart per park/waterval (cartoon.css geeft .c-card .c-mini de basisstijl) */
.c-card .x-mini{flex:0 0 auto}
.x-coord{margin:6px 2px 0;font-size:13px;font-weight:600;color:#4a4a6a}