/* Visites thématiques (js/themes.js). Jetons de app.css uniquement. */
.themes .th-grid,.themes .th-list{list-style:none;margin:14px 0;padding:0;display:grid;gap:12px}
.themes .th-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.th-card{display:flex;align-items:center;gap:14px;min-height:88px;padding:14px 16px;border-radius:var(--r);background:var(--card);border:1px solid var(--line2);color:var(--tx);transition:border-color var(--dur-base),transform var(--dur-fast)}
.th-card:hover{border-color:var(--acc)}
.th-card:active{transform:scale(.99)}
.th-card>.ico:last-child{color:var(--tx3);margin-left:auto}
.th-ico{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--acc);color:var(--acc)}
.th-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.th-body strong{font-family:var(--fd);font-size:1.12rem;font-weight:600}
.th-pitch{color:var(--tx2);font-size:.88rem;line-height:1.4}
.th-count{color:var(--tx3);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-top:2px}
.th-back{display:inline-flex;align-items:center;gap:4px;min-height:44px}
.th-visit{margin:0}
.th-vt{font-family:var(--fd);font-size:1.15rem;line-height:1.25}
.th-vp{color:var(--tx2);margin:6px 0 10px;font-size:.95rem}
.th-meta{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--tx3);font-size:.82rem;font-weight:600}
.th-prog{margin:8px 0 0;color:var(--acc2);font-size:.85rem;font-weight:600}
.th-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:12px}
.th-go{display:inline-flex;align-items:center;gap:6px;min-height:44px}
.th-place{min-height:44px;display:inline-flex;align-items:center}
.th-note{color:var(--tx3);font-size:.82rem;margin:14px 2px}
/* entrée du menu latéral (grand écran) : même aspect que les boutons de .tabs-extra */
@media(min-width:1000px){.tabs-extra a{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 14px;border-radius:999px;color:var(--tx3);font-size:.95rem;font-weight:600}
.tabs-extra a:hover{color:var(--tx);background:color-mix(in srgb,var(--acc) 10%,transparent)}
.tabs-extra a[aria-current="page"]{color:var(--acc)}}
@media(prefers-reduced-motion:reduce){.th-card{transition:none}}