/* ═══════════════════════════════════════════════
   FONT DEDICATO — Lato self-hosted (Opzione 2 "puro")
   File: wwwroot/css/fonts.css
   Caricato dal layout _HomeLayout.cshtml
   ═══════════════════════════════════════════════ */

/* ── 5 pesi self-hosted, file in /fonts/ ── */
@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-ThinItalic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ── Lato ovunque (vince sugli stili serif delle pagine) ── */
/* :not(i) protegge le icone Font Awesome (spinner, ecc.) */
body.home-body,
body.home-body *:not(i) {
    font-family: 'Lato', sans-serif !important;
}

    /* ── Titoli: Lato Thin maiuscolo spaziato ── */
    body.home-body h1,
    body.home-body h2,
    body.home-body h3,
    body.home-body .home-footer-tagline,
    body.home-body .login-title,
    body.home-body .login-eyebrow {
        font-weight: 100 !important;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    /* ═══════════════════════════════════════════════
   DIMENSIONI TESTI — HOME (responsive)
   Modifica qui i font-size, si aggiorna con Ctrl+F5
   (file statico: niente rebuild, niente stop debug)
   ═══════════════════════════════════════════════ */

    /* Titolo grande "THE ART OF LIVING, REIMAGINED" */
    body.home-body .landing-title {
        font-size: clamp(1.7rem, 4vw, 3.5rem) !important;
    }

    /* Sottotitolo "Bespoke spaces..." (responsive, in proporzione) */
    body.home-body .landing-subtitle {
        font-size: clamp(0.85rem, 1.4vw, 1.1rem) !important;
    }

    /* ═══════════════════════════════════════════════
   DIMENSIONI NAVBAR (aree riservate con molte voci)
   ═══════════════════════════════════════════════ */

    /* Link del menù principale */
    body.home-body .home-nav a {
        font-size: 0.5rem !important;
    }

    /* Spazio tra i link del menù */
    body.home-body .home-nav {
        gap: 0.7rem !important;
    }