/* * Mosaic Theme Custom CSS 
 */

/* Abilita lo scroll fluido nativo per i browser che lo supportano */
html {
    scroll-behavior: smooth;
}

/* Compensazione dell'ancora se CSS scroll-behavior è attivo (96px è l'h-24 di Tailwind) */
html {
    scroll-padding-top: 96px; 
}

/* Rimuove l'outline blu fastidioso sui bottoni cliccati da mobile */
button:focus, a:focus {
    outline: none;
}

/* * ⚠️ NOTA IMPORTANTE SU TAILWIND CSS:
 * L'HTML che stiamo usando utilizza moltissime classi Tailwind (es. text-[#C9A962], md:grid-cols-2).
 * Affinché il sito appaia come nell'anteprima, devi fare una di queste tre cose:
 * 1. (Consigliato per dev veloce) Aggiungere la CDN di Tailwind nell'header.php prima di wp_head(): 
 * <script src="https://cdn.tailwindcss.com"></script>
 * 2. Compilare Tailwind localmente nella cartella del tuo tema e importarlo qui.
 * 3. Copiare il file CSS generato nel sito di anteprima e incollarlo in questo file main.css.
 */