/*
 * theme.css
 *
 * Stili globali dell'applicazione Dealer Atlas.
 * Caricato da resources/views/partials/head-theme.blade.php — unica fonte di verità del tema.
 * Qui risiedono SOLO regole CSS vere e proprie; la palette colori e le utility
 * derivano da Tailwind (config inline nel partial).
 *
 * Per aggiungere stili specifici di una feature (mappe, editor, ecc.) creare un
 * file separato in public/css/ e linkarlo dalla pagina relativa.
 */

/* Font globale — Inter è caricato da Google Fonts nel partial head-theme */
body { font-family: 'Inter', system-ui, sans-serif; }

/* Alpine.js: nasconde gli elementi x-data finché il framework non è inizializzato */
[x-cloak] { display: none !important; }

/* Scrollbar tematizzato per i contenitori scrollabili del progetto
   (tabelle con scroll orizzontale e liste verticali della dealer-locator). */
.table-container::-webkit-scrollbar,
.dealer-list::-webkit-scrollbar        { height: 8px; width: 6px; }
.table-container::-webkit-scrollbar-thumb,
.dealer-list::-webkit-scrollbar-thumb  { background: #cbd5e1; border-radius: 4px; }
.dark .table-container::-webkit-scrollbar-thumb,
.dark .dealer-list::-webkit-scrollbar-thumb { background: #48484f; }
.dark .table-container::-webkit-scrollbar-track,
.dark .dealer-list::-webkit-scrollbar-track { background: #2b2b30; }