/* =========================================
   COMMON.CSS - SOLO BASE, NAVBAR E FOOTER
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400;1,600&display=swap');

:root {
    --crema-sfondo: #F3EEE4;
    --verde-oliva-titoli: #5E6E4F;
    --verde-salvia: #9AA08B; /* Il colore del banner promozionale */
    --testo-scuro: #333333;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
    font-family: 'Cormorant Garamond', serif;
    background-color: var(--crema-sfondo);
    color: var(--testo-scuro);
    line-height: 1.6;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* TIPOGRAFIA DI BASE */
h1, h2, h3, h4 { color: var(--verde-oliva-titoli); font-weight: 600; text-align: center; }
.maiuscole-spaziate { text-transform: uppercase; letter-spacing: 3px; font-size: 1rem; color: var(--verde-oliva-titoli); }

/* --- NAVBAR VERDE SALVIA --- */
.sub-nav {
    background-color: var(--verde-salvia); /* Colore cambiato per matchare il banner! */
    padding: 20px 5%;
    display: flex; 
    justify-content: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    position: sticky; top: 0; z-index: 1000;
}

.nav-links { list-style: none; display: flex; gap: 50px; }

.nav-links a {
    color: var(--crema-sfondo); /* Testo crema chiaro per risaltare sul verde */
    text-decoration: none; 
    text-transform: uppercase; letter-spacing: 2px; 
    font-weight: 600; font-size: 1.1rem; transition: color 0.3s;
}

.nav-links a:hover { color: #ffffff; }

/* FOOTER */
.footer-bar {
    background-color: var(--verde-oliva-titoli); color: var(--crema-sfondo);
    text-align: center; padding: 30px 20px; text-transform: uppercase;
    letter-spacing: 2px; font-size: 0.9rem; margin-top: auto;
}
.footer-bar a { color: var(--crema-sfondo); text-decoration: underline; margin: 0 10px; }

/* RESPONSIVE BASE */
@media (max-width: 768px) {
    .nav-links { flex-wrap: wrap; gap: 15px; justify-content: center; }
}