/* Ripristino base dei margini e dei padding */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

body {
font-family: Arial, Helvetica, sans-serif;
background-color: #f4f6f8;
color: #333;
}

/* --- MENÙ LATERALE FISSO --- */
.sidebar {
position: fixed; /* Rende il menù fisso durante lo scroll */
top: 0;
left: 0;
width: 220px; /* Larghezza della colonna verticale */
height: 100vh; /* Copre il 100% dell'altezza della finestra */
background-color: #1e293b; /* Colore di sfondo scuro per il menù */
padding: 20px 10px;
box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
}

.sidebar h2 {
color: #ffffff;
font-size: 1.2rem;
margin-bottom: 20px;
padding-left: 10px;
text-transform: uppercase;
letter-spacing: 1px;
}

.sidebar ul {
list-style-type: none; /* Rimuove i pallini della lista */
}

.sidebar li {
margin-bottom: 8px;
}

/* --- STILE E COLORI DEI LINK --- */
.sidebar a {
display: block;
padding: 10px 12px;
border-radius: 6px;
text-decoration: none; /* Rimuove la sottolineatura */
font-weight: 500;
transition: background-color 0.2s ease, color 0.2s ease;
}

/* Stato normale (link non ancora cliccato o interagito) */
.sidebar a:link,
.sidebar a:visited {
color: #38bdf8; /* Azzurro luminoso */
}

/* Passaggio del mouse sopra il link (Hover) */
.sidebar a:hover {
background-color: #334155;
color: #ffffff; /* Diventa bianco al passaggio del mouse */
}

/* Quando il link viene cliccato (Active) */
.sidebar a:active {
background-color: #0284c7;
color: #ffffff;
}

/* Classe speciale per evidenziare la pagina corrente */
.sidebar a.active {
background-color: #0284c7;
color: #ffffff;
}

/* --- CONTENUTO PRINCIPALE --- */
.content {
/* Margine sinistro pari alla larghezza della sidebar + spaziatura */
margin-left: 240px;
padding: 40px 20px;
}