/**
 * Layout pubblico - header, body, main
 */
body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background-color: #f5f5f5;
}

main {
    flex: 1 0 auto;
}

.nav-wrapper {
    padding: 0 20px;
}

/* Logo / Home: aspetto più sobrio, meno "pulsante" */
nav .site-logo {
    font-weight: 600;
    letter-spacing: 0.02em;
}
nav .site-logo .material-icons {
    font-size: 1.6rem;
    vertical-align: middle;
    margin-right: 6px;
    opacity: 0.95;
}

/* Sidenav (menu mobile): palette medico – azzurro chiaro, coerente con la nav blu */
.sidenav {
    background-color: #e3f2fd !important; /* light blue 50 – pulito, sanitario */
}
.sidenav li > a {
    color: #1565c0 !important; /* blue 800 – leggibile, contesto salute */
}
.sidenav li > a .material-icons {
    color: #0d47a1 !important; /* blue 900 – icona leggermente più scura */
}
.sidenav li > a:hover {
    background-color: #bbdefb !important; /* blue 100 – hover delicato */
}
.sidenav .divider {
    background-color: #90caf9 !important; /* blue 200 – separatore soft */
}