/* CoopMate: ricerca globale (prefisso search-), FUN-5. Si carica dal blocco page_css del template.
   Solo var(--ui-*), nessun colore letterale. Budget della pagina: 4 KB gzip (lo controlla tests/twig_smoke.php). */

.search-top { padding-block: var(--ui-space-5); border-bottom: 1px solid var(--ui-border); background: color-mix(in srgb, var(--ui-accent) 8%, var(--ui-surface)); }
.search-top h1 { margin-bottom: var(--ui-space-3); overflow-wrap: anywhere; }
.search-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ui-space-3); align-items: end; }
.search-results { padding-block: var(--ui-space-4) var(--ui-space-6); }
.search-count { margin: 0 0 var(--ui-space-3); color: var(--ui-ink-muted); font-weight: 700; }
.search-section { margin-bottom: var(--ui-space-5); }
.search-section__head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--ui-space-3); margin-bottom: var(--ui-space-3); }
.search-section__head h2 { margin: 0; }
.search-all { font-weight: 700; }
.search-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ui-space-3); margin: 0; padding: 0; list-style: none; }
.search-grid > li { display: grid; grid-template-columns: minmax(0, 1fr); }
.search-browse { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--ui-space-2); margin: var(--ui-space-3) 0 0; }
.search-note { color: var(--ui-ink-muted); }

@media (min-width: 640px) {
    .search-form { grid-template-columns: minmax(0, 1fr) auto; }
    .search-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ui-space-4); }
}
@media (min-width: 1024px) {
    .search-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}