:root{
    --accent:#0f4c6a;
    --accent-light:#e6f0f5;
    --text-main:#111;
}

body{
    margin:0;
    font-family:Arial,sans-serif;
    color:var(--text-main)
}

/* ================= HEADER ================= */

.site-header{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    padding:20px 40px;
    background:white
}

.logo img{
    height:90px
}

.main-nav{
    text-align:right
}

.main-nav a,
.lang-switch a{
    color:var(--accent);
    text-decoration:none;
    font-weight:600;
    margin-left:20px
}

/* ================= HERO / HOME ================= */

.hero{
    min-height:50vh; /* ridotta per visualizzare anche le aree prodotto */
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px 20px;
    background:
        linear-gradient(rgba(248,252,252,.30),rgba(248,252,252,.30)),
        url('images/hero-home.jpg');
    background-size:cover;
    background-position:center 100%;
}

.hero-content{
    text-align:center;
    max-width:900px
}

.hero h1{
    font-size:2.4rem;
    color:var(--accent)
}

/* sottotitolo hero – Title Case */
.hero-content p{
    font-size:1.1rem;
    letter-spacing:.03em;
    text-transform:capitalize;
}

/* ================= PRODUCT AREAS / GRID ================= */

.product-areas{
    background:var(--accent-light);
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
    padding:70px 40px;
    text-align:center
}

.product-areas a{
    text-decoration:none;
    color:var(--accent);
    font-size:1.1rem
}

.product-image{
    max-width:260px;
    width:100%;
    margin-bottom:20px
}

/* ================= PRODUCTS & ABOUT PAGES ================= */

.products-page{
    max-width:900px;
    margin:auto;
    padding:60px 40px
}

.products-intro{
    text-align:center;
    max-width:720px;
    margin:40px auto 70px
}

.products-page h1{
    margin-bottom:40px;
    color:var(--accent);
}

.products-page h2{
    margin-top:50px;
    margin-bottom:15px;
    color:var(--accent);
}

.products-page p{
    line-height:1.7;
    margin-bottom:18px;
    color:#2f2f2f;
}

/* ================= FOOTER ================= */

.site-footer{
    text-align:center;
    padding:20px;
    background:#f4f4f4;
    font-size:.85rem
}

/* ================= ANGLO‑STYLE TYPOGRAPHY ================= */
/* SOLO VISIVO – NON MODIFICA I TESTI */

h1,h2,h3,h4,h5,h6,
.main-nav a,
.product-areas a{
    text-transform:capitalize;
    letter-spacing:.02em
}

/* ================= RESPONSIVE ================= */

@media(max-width:900px){
    .site-header{
        grid-template-columns:1fr;
        gap:15px
    }

    .product-areas{
        grid-template-columns:1fr;
        padding:60px 30px
    }

    .hero{
        min-height:45vh;
        padding:30px 20px
    }
}

/* ================= CONTACT PAGE – FINAL FIX ================= */

/* Contenitore contact: rende tutto più compatto */
.products-page{
    line-height:1.6;
}

/* Riduce lo spazio verticale tra le righe */
.products-page br{
    line-height:1.2;
}

/* Distanza corretta tra email e address */
.products-page a[href^="mailto"]{
    display:inline-block;
    margin-bottom:20px;
}

/* --- Google Maps link: diventa un bottone --- */
.products-page a[href*="google.com/maps"]{
    display:inline-block;
    margin-top:14px;
    padding:10px 16px;
    background:var(--accent);
    color:#fff;
    text-decoration:none;
    font-weight:600;
    font-size:0.9rem;
    border-radius:4px;
}

.products-page a[href*="google.com/maps"]:hover{
    background:#0c3d55;
}