/* ===== tempels (sectie /temples/; hoort bij tools/temples_src.py). Bouwt voort op feesten.css (detailpagina, galerij, kaartjes); body = "t-feesten t-tempels" ===== */
.t-tempels{--acc:#e0a100;--acc-soft:#fff1c2;--hero:#ffe7a3}
.t-tempels .c-hero{background-color:#ffe7a3}
.t-tempels .c-photo .main.art{max-height:300px}
.t-tempels .c-card figure.noph{background:var(--acc-soft);display:flex;align-items:center;justify-content:center}
.t-tempels .c-card figure.noph img{object-fit:contain;width:70%;height:auto}
.t-tempels .c-card .fs-th{font-size:15px;margin:-4px 0 4px;font-weight:600;opacity:.8}
.t-tempels .fs-det .c-photo .main{aspect-ratio:4/3;object-fit:cover}
/* praktische info */
.tp-dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:0 0 12px;padding:0}
.tp-dl>div{background:#fff;border:3px solid var(--ink);border-radius:18px;padding:10px 14px;box-shadow:3px 4px 0 var(--shadow)}
.tp-dl>div:nth-child(odd){transform:rotate(-.4deg)}.tp-dl>div:nth-child(even){transform:rotate(.4deg)}
.tp-dl dt{font-weight:700;font-size:15px;color:#7a5a00;margin:0 0 2px}
.tp-dl dd{margin:0;line-height:1.45}
.tp-dl a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.tp-src{font-size:.85em;opacity:.85}
/* FAQ als gewone tekst */
.tp-faq h3{margin:1.1em 0 .25em;font-size:19px}.tp-faq h3:first-of-type{margin-top:.4em}
.tp-faq p{margin:0 0 .6em}
@media (prefers-reduced-motion:reduce){.tp-dl>div{transform:none!important}}
@media (max-width:900px){.t-tempels .c-dec.cld1{display:none}}   /* 24 okt: wolk overlapte het kruimelpad op smalle schermen (zelfde fix als linkcards) */