/* ===== steden (nieuw thema t-steden; hoort bij steden/site_build_cartoon.py) ===== */
.t-steden{--acc:#ff9f8f;--acc-soft:#ffe4de;--hero:#ffe0b3}
.t-steden .c-hero{background-color:#ffe0b3;padding-bottom:84px}
.t-steden .c-hero .c-hero-grid{z-index:3}
.t-steden .c-photo .main.art{aspect-ratio:auto;object-fit:contain;border:0;box-shadow:none;background:none;transform:none;max-height:340px;margin:0 auto}
.t-steden .c-dec.cld1{width:120px;height:auto;left:46%;top:14px;z-index:1;opacity:.95}
.t-steden .c-dec.sun{width:84px;height:auto;right:3%;top:16px;z-index:1}
.t-steden .c-tools{border-radius:34px}
/* filter-chips (zelfde look als natuur) */
.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)}
.x-dot{width:16px;height:16px;border-radius:50%;border:3px solid var(--ink);display:inline-block;flex:none;background:var(--acc)}
button.c-chip .x-dot{width:14px;height:14px;border-width:2.5px}
.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)}
.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}
.leaflet-popup-content a{font-weight:700;color:#a31232}
.c-badge.w{background:#fff}
/* kaartjes: thumbnail zonder blur-achtergrond (geen 100 extra downloads), 3:2 */
.t-steden .c-card figure{height:auto;aspect-ratio:3/2}
.t-steden .c-card figure img{object-fit:cover}
.t-steden .c-card h3 a{text-decoration:none}.t-steden .c-card h3 a:hover{text-decoration:underline}
.t-steden .c-card .sub{margin-top:0}
.t-steden .c-card .c-links{margin-top:auto;padding-top:6px}
#empty{max-width:520px;margin:10px 0}
/* detailpagina */
.st-det .c-crumbs{margin:0 0 12px}.st-det .c-crumbs a{color:var(--ink)}
.st-th{margin:-6px 0 12px;font-size:22px;font-weight:600}
.st-two{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start}
.st-todo{background:var(--acc-soft)}.st-todo h2{margin-top:0}
.x-hl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.x-hl li{position:relative;background:#fff;border:3px solid var(--ink);border-radius:18px;padding:8px 14px 8px 44px;box-shadow:3px 4px 0 var(--shadow);font-weight:500}
.x-hl li::before{content:"★";position:absolute;left:12px;top:6px;font-size:22px;color:var(--yellow);-webkit-text-stroke:2px var(--ink)}
.st-mini{height:420px}
.st-near{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:8px}
.st-near .c-chip{text-decoration:none}.st-near small{font-weight:500;font-size:13px;color:#4a4c6e}
.x-src{margin:0;padding-left:20px}.x-src a{color:#a31232;font-weight:600;overflow-wrap:anywhere}
/* video (lite embed) */
.yt-lite{max-width:860px;margin:14px 0 8px}
.yt-lite .yt-play{position:absolute;inset:0;display:block;text-decoration:none}
.yt-lite .yt-play img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.yt-lite .pl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;background:var(--yellow);border:5px solid var(--ink);display:grid;place-items:center;font-size:34px;box-shadow:4px 5px 0 var(--ink)}
.st-yt{margin:8px 0}
/* voorbeeldbanner */
.st-sample{background:#ff1744;color:#fff;font-weight:700;text-align:center;padding:8px 14px;border-bottom:4px solid var(--ink);position:relative;z-index:900}
@media (max-width:700px){
 .st-two{grid-template-columns:minmax(0,1fr)}
 .st-mini{height:min(55vh,360px)}
 .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-steden .c-photo .main.art{max-height:240px}
}

/* highlights als {title,text} + tekening als foto-placeholder */
.x-hl li strong{display:block;font-weight:700}.x-hl li span{font-size:15.5px}
.st-det .c-prose h3{margin:16px 0 4px;font-size:21px}
.t-steden .c-card figure.ph{aspect-ratio:3/2;display:grid;place-items:center;background:var(--acc-soft)}
.t-steden .c-card figure.ph img.phart{height:130px;width:auto;object-fit:contain}

.st-note{padding:26px 0 10px}.st-note::before{display:none}
.st-note .c-alert p{margin:0 0 6px}.st-note .c-alert p:last-child{margin:0}
.st-note .c-alert a{font-weight:700;color:#a31232}
.st-det .c-prose small{display:block;color:#4a4c6e;font-size:13.5px;margin-top:4px}