/* ============================================================================ HABITUAL TOURIST β€” TEXT.CSS v2.9 πŸ”₯ v2.9: ingrandito --fs-map-drawer-filter (17-18px) per migliore leggibilitΓ  mobile πŸ”₯ v2.8: aggiunte 4 variabili drawer mappa mobile - --fs-map-drawer-filter - --fs-map-drawer-ball - --fs-map-drawer-title - --fs-map-drawer-close πŸ”₯ v2.7: TITOLO TESTATINA PIΓ™ GRANDE SU MOBILE - --fs-testatina-title-mobile: 24-32px (era 20-26px) - --fs-testatina-title-small: 22-28px (era 18-22px) πŸ”₯ v2.6: fix mobile - --fs-testatina-title-mobile: 17px β†’ 20px (ideale) - --fs-testatina-title-small: 15px β†’ 18px (ideale) - --fs-testatina-subtitle: 12px β†’ 13px (ideale, chip piΓΉ leggibile) πŸ”₯ v2.5: rimossi 5 dead code πŸ”₯ v2.4: ritocchi tipografici πŸ”₯ v2.3: aggiunte 13 variabili πŸ”₯ v2.2: aggiunta --fs-card-wip-badge πŸ”₯ v2.1: aggiunte variabili mancanti πŸ”₯ v2.0: MINIMO DI LEGGIBILITΓ€ con clamp() ORDINE DI CARICAMENTO CSS (da Layout.php): 1. base.css β†’ reset, colori, spazi (NO font-size) 2. text.css β†’ QUESTO FILE β€” tutte le font-size 3. testatina.css 4. layout.css 5. carosello.css 6. tag.css 7. pagina-coso.css 8. map.css 9. admin.css 10. dark.css ============================================================================ */ :root { /* ═══════════════════════════════════════════════════════════════════ BASE ═══════════════════════════════════════════════════════════════════ */ --fs-body: clamp(14px, 1rem, 17px); --fs-body-sm: clamp(13px, 0.9rem, 15px); --fs-h1: clamp(22px, 1.75rem, 34px); --fs-h2: clamp(18px, 1.4rem, 26px); --fs-h3: clamp(16px, 1.2rem, 22px); /* ═══════════════════════════════════════════════════════════════════ ICONE ═══════════════════════════════════════════════════════════════════ */ --fs-icon-sm: clamp(14px, 1.3rem, 20px); --fs-user-menu-icon: clamp(20px, 1.5rem, 24px); --fs-user-menu-header-icon: clamp(24px, 2rem, 32px); /* ═══════════════════════════════════════════════════════════════════ CARD (carosello.css) ═══════════════════════════════════════════════════════════════════ */ --fs-card-title: clamp(13px, 1rem, 17px); --fs-card-title-compact: clamp(12px, 0.8rem, 14px); --fs-card-title-tipo: clamp(14px, 1.1rem, 20px); --fs-card-subtitle: clamp(12px, 0.9rem, 16px); --fs-card-subtitle-tipo: clamp(12px, 0.85rem, 14px); --fs-card-grid-label: clamp(10px, 13px, 16px); --fs-card-stream-icon: clamp(8px, 0.5rem, 10px); --fs-card-wip-badge: clamp(10px, 0.7rem, 12px); --fs-titolo-sub: clamp(12px, 0.9rem, 16px); /* ═══════════════════════════════════════════════════════════════════ TAG (tag.css) ═══════════════════════════════════════════════════════════════════ */ --fs-tag-title: clamp(14px, 1.05rem, 20px); --fs-tag-title-chip: clamp(12px, 0.8rem, 14px); --fs-tag-title-mobile: clamp(13px, 1rem, 16px); --fs-tag-icon: clamp(16px, 1.1rem, 22px); /* ═══════════════════════════════════════════════════════════════════ TESTATINA (testatina.css) ═══════════════════════════════════════════════════════════════════ */ --fs-testatina-title-desktop: clamp(22px, 1.75rem, 32px); --fs-testatina-title-tablet: clamp(18px, 1.15rem, 22px); --fs-testatina-title-mobile: clamp(24px, 1.7rem, 32px); --fs-testatina-title-small: clamp(22px, 1.5rem, 28px); --fs-testatina-subtitle: clamp(13px, 0.9rem, 16px); --fs-testatina-chip: clamp(12px, 0.85rem, 14px); --fs-testatina-btn-icon: clamp(14px, 1.1rem, 20px); --fs-testatina-date: clamp(12px, 0.7rem, 14px); /* ═══════════════════════════════════════════════════════════════════ FILTER CHIP ═══════════════════════════════════════════════════════════════════ */ --fs-filter-chip: clamp(12px, 0.85rem, 14px); --fs-filter-chip-count: clamp(11px, 0.75rem, 13px); /* ═══════════════════════════════════════════════════════════════════ PAGINA COSO (pagina-coso.css) ═══════════════════════════════════════════════════════════════════ */ --fs-coso-testo: clamp(14px, 1rem, 18px); --fs-coso-testo-mobile: clamp(14px, 0.95rem, 18px); --fs-toggle-btn: clamp(14px, 0.9rem, 18px); --fs-toggle-btn-mobile: clamp(14px, 1rem, 18px); --fs-toggle-btn-small: clamp(14px, 1.05rem, 18px); --fs-lightbox-counter: clamp(12px, 14px, 16px); --fs-lightbox-close: clamp(28px, 40px, 48px); --fs-lightbox-nav: clamp(32px, 50px, 60px); --fs-coso-nav-arrow: clamp(20px, 24px, 28px); --fs-coso-badge-count: clamp(12px, 0.75rem, 14px); --fs-coso-tag-card-mobile: clamp(12px, 0.8rem, 16px); --fs-coso-libro: clamp(13px, 0.9rem, 15px); /* ═══════════════════════════════════════════════════════════════════ MAP (map.css) ═══════════════════════════════════════════════════════════════════ */ --fs-map-context: clamp(12px, 13px, 16px); --fs-map-context-small: clamp(11px, 11px, 14px); --fs-map-tooltip: clamp(12px, 13px, 16px); --fs-map-tooltip-perm: clamp(11px, 11px, 13px); --fs-map-popup-title: clamp(14px, 15px, 18px); --fs-map-popup-subtitle: clamp(12px, 12px, 14px); --fs-map-popup-bold: clamp(13px, 14px, 16px); --fs-map-popup-link: clamp(13px, 14px, 16px); --fs-map-popup-close: clamp(14px, 16px, 18px); --fs-map-cluster-count: clamp(12px, 13px, 16px); --fs-map-cluster-title: clamp(13px, 14px, 16px); --fs-map-cluster-value: clamp(18px, 24px, 32px); --fs-map-cluster-label: clamp(12px, 12px, 14px); --fs-map-filters-title: clamp(13px, 14px, 16px); --fs-map-filters-badge: clamp(11px, 11px, 13px); --fs-map-marker-badge: clamp(11px, 11px, 13px); --fs-map-tooltip-name: clamp(14px, 15px, 18px); /* πŸ”₯ v2.9: DRAWER FILTRI MAPPA MOBILE (testo ingrandito) */ --fs-map-drawer-filter: clamp(17px, 1.05rem, 18px); --fs-map-drawer-ball: clamp(12px, 0.85rem, 13px); --fs-map-drawer-title: clamp(14px, 1rem, 16px); --fs-map-drawer-close: clamp(13px, 0.9rem, 15px); /* ═══════════════════════════════════════════════════════════════════ ADMIN (admin.css) ═══════════════════════════════════════════════════════════════════ */ --fs-admin-nav: clamp(12px, 0.85rem, 14px); --fs-admin-card-title: clamp(12px, 0.875rem, 14px); --fs-admin-card-meta: clamp(11px, 0.75rem, 13px); --fs-admin-debug: clamp(12px, 0.85rem, 14px); --fs-admin-doc-h2: clamp(20px, 1.5em, 28px); --fs-admin-doc-h3: clamp(16px, 1.3em, 24px); --fs-admin-doc-sub: clamp(13px, 1.05em, 17px); --fs-admin-icon-xl: clamp(48px, 80px, 96px); --fs-admin-error-code: clamp(12px, 14px, 16px); --fs-admin-error-title: clamp(24px, 32px, 40px); --fs-admin-error-message: clamp(14px, 18px, 22px); --fs-admin-error-debug: clamp(12px, 14px, 16px); --fs-admin-error-footer: clamp(12px, 14px, 16px); --fs-admin-mode-icon: clamp(20px, 1.5rem, 28px); --fs-admin-mode-small: clamp(11px, 0.7rem, 13px); --fs-admin-url-box: clamp(12px, 0.9rem, 14px); --fs-admin-status-msg: clamp(12px, 13px, 14px); --fs-admin-badge: clamp(11px, 0.75rem, 13px); --fs-admin-badge-sm: clamp(10px, 0.65rem, 12px); --fs-admin-stat-number: clamp(24px, 2rem, 40px); --fs-admin-menu-icon: clamp(32px, 3rem, 56px); --fs-admin-menu-title: clamp(14px, 1.2rem, 20px); --fs-admin-logs-title: clamp(14px, 1.3rem, 22px); --fs-admin-logs-btn: clamp(12px, 0.85rem, 14px); --fs-admin-logs-filter: clamp(11px, 0.8rem, 13px); --fs-admin-logs-viewer: clamp(11px, 12px, 14px); --fs-admin-empty-icon: clamp(32px, 3rem, 48px); --fs-admin-dashboard-title: clamp(20px, 2rem, 36px); --fs-admin-scan-title: clamp(14px, 18px, 20px); --fs-admin-scan-bar: clamp(13px, 16px, 18px); --fs-admin-scan-value: clamp(18px, 24px, 32px); --fs-admin-scan-label: clamp(11px, 12px, 14px); --fs-admin-scan-batch: clamp(12px, 13px, 14px); --fs-admin-scan-check: clamp(28px, 40px, 56px); --fs-admin-regola-h4: clamp(14px, 1.1em, 20px); --fs-admin-regola-code: clamp(11px, 13px, 15px); --fs-admin-regola-perche: clamp(12px, 0.9em, 15px); --fs-admin-import-title: clamp(14px, 18px, 20px); --fs-admin-import-sub: clamp(12px, 13px, 14px); --fs-admin-import-close: clamp(20px, 28px, 32px); --fs-admin-import-h3: clamp(12px, 14px, 16px); --fs-admin-import-icon: clamp(24px, 36px, 48px); --fs-admin-import-alert: clamp(12px, 13px, 14px); --fs-admin-import-clear: clamp(11px, 12px, 13px); --fs-admin-import-name: clamp(12px, 13px, 14px); --fs-admin-import-remove: clamp(14px, 16px, 18px); --fs-admin-import-input: clamp(12px, 13px, 15px); --fs-admin-import-tag: clamp(12px, 13px, 14px); --fs-admin-import-status: clamp(12px, 13px, 14px); --fs-admin-import-prog: clamp(24px, 32px, 40px); --fs-admin-scan-btn: clamp(12px, 13px, 14px); --fs-admin-table-before: clamp(10px, 0.75rem, 12px); --fs-admin-status-select: clamp(12px, 13px, 14px); --fs-admin-picker-ball: clamp(10px, 12px, 14px); --fs-admin-table-action: clamp(12px, 0.875rem, 14px); --fs-admin-table-label: clamp(11px, 0.75rem, 13px); --fs-admin-table-cell: clamp(11px, 0.8125rem, 13px); --fs-admin-table-head: clamp(10px, 0.75rem, 12px); --fs-admin-col-file: clamp(10px, 0.75rem, 12px); --fs-admin-th-sort: clamp(8px, 9px, 10px); --fs-admin-chip-remove: clamp(12px, 14px, 16px); --fs-admin-section-tab: clamp(12px, 0.95rem, 14px); --fs-admin-textarea: clamp(14px, 16px, 18px); /* ═══════════════════════════════════════════════════════════════════ PAGINAZIONE, HEADER, FOOTER, SIDEBAR ═══════════════════════════════════════════════════════════════════ */ --fs-pagination: clamp(13px, 0.9rem, 15px); --fs-logo-text: clamp(16px, 1.15rem, 22px); --fs-search-input: clamp(14px, 1rem, 16px); --fs-sidebar-link: clamp(13px, 0.9rem, 15px); --fs-footer: clamp(12px, 0.85rem, 14px); --fs-footer-link: clamp(12px, 0.85rem, 14px); /* ═══════════════════════════════════════════════════════════════════ PULSANTI ═══════════════════════════════════════════════════════════════════ */ --fs-btn: clamp(14px, 1rem, 16px); --fs-btn-sm: clamp(12px, 0.85rem, 14px); --fs-btn-xs: clamp(11px, 0.8rem, 13px); --fs-btn-icon: clamp(14px, 1.1rem, 20px); /* ═══════════════════════════════════════════════════════════════════ WIP BANNER ═══════════════════════════════════════════════════════════════════ */ --fs-wip-banner: clamp(15px, 1.1rem, 18px); /* ═══════════════════════════════════════════════════════════════════ INTRO CAROSELLO (base.css) ═══════════════════════════════════════════════════════════════════ */ --fs-intro-overlay: clamp(12px, 0.9rem, 14px); --fs-intro-text: clamp(14px, 1rem, 17px); }