/*
Theme Name: Asprinum
Theme URI: https://giojastudio.com
Author: Gioja Studio
Author URI: https://giojastudio.com
Description: Tema custom starter ultra-leggero e pulito, ottimizzato specificamente per lo sviluppo con Elementor Pro.
Version: 1.0.0
Text Domain: asprinum
*/

/* Reset e stili strutturali minimi di sicurezza */
body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* ==========================================================================
   MODERN CSS RESET (Josh W. Comeau + Andy Bell Best Practices)
   ========================================================================== */

/* 1. Cambia il box-sizing a border-box per tutti gli elementi */
*, *::before, *::after {
    box-sizing: border-box;
}

/* 2. Rimuove i margini e padding di default di browser diversi */
* {
    margin: 0;
    padding: 0;
}

/* 3. Configurazione base del body per fluidità e leggibilità */
body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    overflow-x: hidden; /* Evita lo scrolling orizzontale imprevisto su mobile */
}

/* 4. Reset degli elementi multimediali (evita overflow e comportamenti inline bizzarri) */
img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
    height: auto;
}

/* 5. Eredità dei font per gli elementi dei form (input, textarea...) */
input, button, textarea, select {
    font: inherit;
}

/* 6. Previene l'overflow del testo lungo e dei link */
p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
}

/* 7. Migliora la formattazione dei titoli (evita orfani fastidiosi di una singola parola) */
h1, h2, h3, h4, h5, h6 {
    text-wrap: balance;
}

/* 8. Rimuove le animazioni per gli utenti che preferiscono ridurle (Accessibilità / WCAG) */
@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto;
    }
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}