/** * Mappa del Sito — HTML Sitemap * Stili isolati. Tutti i colori sono CSS vars del tema attivo — * zero hex hardcoded. Bridge → variabili del sito principale. */ /* ── Theme bridge ──────────────────────────────────────────── Mappa le variabili del tema principale su alias locali. Aggiungere qui nuove var se il tema le espone. ─────────────────────────────────────────────────────────── */ body.sitemap-page{--sm-bg:var(--bg-primary);--sm-surface:var(--bg-secondary);--sm-text:var(--text-primary);--sm-muted:var(--text-muted);--sm-accent:var(--accent);--sm-border:var(--border)}/* ── Base ────────────────────────────────────────────────────*/ body.sitemap-page{height:auto;min-height:100vh;overflow-y:auto;overflow-x:hidden;display:block;background:var(--sm-bg);color:var(--sm-text);scrollbar-width:thin;scrollbar-color:var(--sm-accent) var(--sm-surface)}/* ── Custom scrollbar (Chrome/Safari/Edge) ── */ body.sitemap-page::-webkit-scrollbar{width:6px}body.sitemap-page::-webkit-scrollbar-track{background:var(--sm-surface)}body.sitemap-page::-webkit-scrollbar-thumb{background:var(--sm-border);border-radius:3px}body.sitemap-page::-webkit-scrollbar-thumb:hover{background:var(--sm-accent)}/* ── Layout ──────────────────────────────────────────────────*/ .sm-wrap{max-width:1200px;margin:0 auto;padding:48px 24px 96px}/* ── Hero ────────────────────────────────────────────────────*/ .sm-hero{text-align:center;margin-bottom:56px}.sm-hero__breadcrumb{font-size:0.78rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--sm-muted);margin-bottom:16px}.sm-hero__breadcrumb a{color:var(--sm-accent);text-decoration:none}.sm-hero__breadcrumb span{margin:0 6px;opacity:.5}.sm-hero h1{font-size:2rem;font-weight:700;letter-spacing:-0.01em;margin:0 0 12px;color:var(--sm-text)}.sm-hero__desc{color:var(--sm-muted);font-size:0.95rem;max-width:520px;margin:0 auto 28px;line-height:1.6}/* ── Search bar ──────────────────────────────────────────────*/ .sm-search-wrap{display:none;/* shown only when JS is available */ max-width:420px;margin:0 auto;position:relative}.sm-search-wrap.js-ready{display:block}.sm-search-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--sm-muted);font-size:0.9rem;pointer-events:none}.sm-search{width:100%;box-sizing:border-box;padding:11px 16px 11px 40px;border:1px solid var(--sm-border);border-radius:26px;font-size:16px;background:var(--sm-surface);color:var(--sm-text);outline:none;transition:border-color 0.18s,box-shadow 0.18s}.sm-search:focus{border-color:var(--sm-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sm-accent) 12%,transparent)}.sm-search::placeholder{color:var(--sm-muted)}/* ── Stats bar ───────────────────────────────────────────────*/ .sm-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;margin-bottom:48px;padding:16px 0;border-top:1px solid var(--sm-border);border-bottom:1px solid var(--sm-border)}.sm-stat{text-align:center}.sm-stat__n{display:block;font-size:1.6rem;font-weight:700;color:var(--sm-accent);line-height:1.2}.sm-stat__l{display:block;font-size:0.72rem;letter-spacing:0.07em;text-transform:uppercase;color:var(--sm-muted);margin-top:2px}/* ── Sections grid ───────────────────────────────────────────*/ .sm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px 32px}.sm-section--full{grid-column:1 / -1}/* ── Section header ──────────────────────────────────────────*/ .sm-section__head{display:flex;align-items:center;gap:10px;border-bottom:2px solid var(--sm-accent);padding-bottom:10px;margin-bottom:16px}.sm-section__icon{color:var(--sm-accent);font-size:0.95rem;width:18px;text-align:center;flex-shrink:0}.sm-section__title{font-size:0.72rem;font-weight:700;letter-spacing:0.09em;text-transform:uppercase;color:var(--sm-text);margin:0;flex:1}.sm-section__count{font-size:0.72rem;color:var(--sm-muted);font-weight:500;white-space:nowrap}/* ── Link list ───────────────────────────────────────────────*/ .sm-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.sm-item a{display:flex;align-items:baseline;gap:8px;padding:5px 8px;border-radius:4px;color:var(--sm-text);text-decoration:none;font-size:0.875rem;line-height:1.45;transition:background 0.14s,color 0.14s}.sm-item a:hover{background:color-mix(in srgb,var(--sm-accent) 8%,transparent);color:var(--sm-accent)}.sm-badge{display:inline-block;font-size:0.68rem;padding:1px 7px;border-radius:10px;background:color-mix(in srgb,var(--sm-accent) 12%,transparent);color:var(--sm-accent);font-weight:600;white-space:nowrap;flex-shrink:0}/* ── Full-width group sections (properties / intent) ─────────*/ .sm-prop-group{margin-bottom:28px}.sm-prop-group:last-child{margin-bottom:0}.sm-prop-group__label{font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--sm-muted);margin:0 0 10px 8px}.sm-prop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2px 8px}/* Intent:nomi più lunghi → colonne leggermente più larghe */ .sm-intent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2px 8px}/* ── No results (JS) ─────────────────────────────────────────*/ .sm-no-results{display:none;text-align:center;padding:48px 24px;color:var(--sm-muted);font-size:0.95rem;grid-column:1 / -1}.sm-no-results i{font-size:2rem;display:block;margin-bottom:12px;opacity:.4}/* ── Responsive ──────────────────────────────────────────────*/ @media (max-width:640px){.sm-wrap{padding:74px 16px 72px}.sm-hero h1{font-size:1.55rem}.sm-grid{grid-template-columns:1fr}.sm-prop-grid,.sm-intent-grid{grid-template-columns:1fr}.sm-stats{gap:16px}}