/* Stili di base per far visualizzare correttamente la navbar isolata */
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', sans-serif; }
body { background-color: #fcfcfc; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }

/* Stili specifici per la Navbar (Header) */
header {
    background-color: #4A769D; /* Colore di sfondo blu */
    color: white;
    padding: 1rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Area Logo */
.logo-area { display: flex; align-items: center; gap: 1rem; }
.logo-icon { font-size: 2.5rem; }
.logo-text h1 { font-size: 1.2rem; line-height: 1.2; }
.logo-text span { font-size: 0.9rem; font-weight: 400; opacity: 0.9; }

/* Menu di navigazione centrale */
nav ul { display: flex; gap: 1.5rem; font-weight: 600; font-size: 0.95rem; }
nav ul li a { padding-bottom: 5px; transition: color 0.2s; }
nav ul li a:hover { color: #E4C893; } /* Effetto hover al passaggio del mouse */
nav ul li.active a { border-bottom: 2px solid #E4C893; } /* Sottolineatura dorata per la pagina attiva */

/* Barra di ricerca */
.search-bar { position: relative; }
.search-bar input {
    padding: 0.6rem 1rem 0.6rem 2.5rem;
    border-radius: 20px;
    border: none;
    outline: none;
    width: 250px;
    font-family: 'Inter', sans-serif;
}
.search-bar i {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
}