/* doc-project | public/assets/css/pages/templates.css | Présente le catalogue réel de formes, filtres, grille, cartes SVG et responsive. | Expose: styles bibliothèque | Dépend de: base.css | Impacte: templates/public/templates.php | Tables: aucune */
.templates-page{max-width:var(--content);margin:0 auto;padding:4rem 2rem 7rem}.template-toolbar{display:flex;gap:.55rem;flex-wrap:wrap;margin:1.5rem 0}.template-toolbar button{padding:.55rem .85rem;border:1px solid var(--ink-300);border-radius:999px;background:#fff}.template-toolbar button.is-active{background:var(--ink-900);border-color:var(--ink-900);color:#fff}.templates-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.template-card{display:flex;flex-direction:column;padding:1.2rem;border:1px solid var(--ink-200);border-radius:var(--radius-lg);background:#fff}.template-card[hidden]{display:none}.template-card__visual{display:grid;place-items:center;height:170px;border-radius:.8rem;background:var(--ink-50);color:var(--ink-700)}.template-card__visual svg{width:80%;height:80%}.template-card small{margin-top:1rem;color:var(--accent);font-weight:800;text-transform:uppercase}.template-card h2{font-size:1.25rem;margin:.35rem 0}.template-card p{flex:1;color:var(--ink-600)}
@media(max-width:900px){.templates-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.templates-page{padding:2.5rem 1rem}.templates-grid{grid-template-columns:1fr}}

/* Classes réellement émises par templates/public/templates.php. */
.template-library{max-width:var(--content);margin:0 auto;padding:0 2rem 7rem}
.template-filters{display:flex;gap:.55rem;flex-wrap:wrap;margin:0 0 1.5rem}
.template-filters button{padding:.55rem .85rem;border:1px solid var(--ink-300);border-radius:999px;background:#fff;color:var(--ink-800);font-weight:750}
.template-filters button:hover,.template-filters button:focus-visible{border-color:var(--accent);background:var(--accent-soft)}
.template-filters button.is-active{background:var(--ink-900);border-color:var(--ink-900);color:#fff}
.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.template-card{min-width:0;gap:1rem;box-shadow:var(--shadow-xs)}
.template-card__drawing{display:grid;place-items:center;height:170px;border-radius:.8rem;background:var(--ink-50);color:var(--ink-700);overflow:hidden}
.template-card__drawing svg{width:80%;height:80%}
.template-card>div:nth-child(2){display:grid;align-content:start;gap:.35rem;flex:1}
.template-card .badge{justify-self:start}
.template-card>.button{margin-top:auto;width:100%}
@media(max-width:900px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.template-library{padding:0 1rem 4rem}.template-grid{grid-template-columns:1fr}.template-filters button{flex:1 1 auto}}