/* Header */
header {
    background-color: #343a40; /* Colore di sfondo scuro per la navbar */
    color: black; /* Colore del testo bianco per la navbar */
}

.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    background-color: #f8f9fa; /* Stesso colore del footer */
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.1); /* Aggiunge un'ombra per separare visivamente la navbar dal contenuto */
    transition: all 0.3s ease-in-out;
    padding: 0.5rem 1rem; /* Aggiungi un po' di padding */
}

.navbar-brand {
    font-size: 1.5rem;
    font-weight: bold;
    color: black; /* Colore del testo per il brand */
}

.navbar-nav .nav-link {
    color: black !important; /* Colore del testo dei link nella navbar */
}

    .navbar-nav .nav-link:hover {
        background-color: #343a40; /* Scuro per contrastare */
        color: #ffffff !important; /* Colore del testo bianco */
    }


/* Dropdown */
.navbar-nav .dropdown-menu {
    background-color: #343a40; /* Colore di sfondo per il menu a discesa */
    border: none; /* Rimuovi il bordo del menu a discesa */
}

.navbar-nav .dropdown-item {
    color: white; /* Colore del testo degli item nel menu a discesa */
}

    .navbar-nav .dropdown-item:hover {
        background-color: #495057; /* Mantieni lo sfondo scuro */
        color: #ffffff; /* Testo bianco per leggibilità */
    }

/* Footer */
footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #343a40;
    color: #fff;
    padding: 1rem 0;
    text-align: center;
    z-index: 10;
    transition: all 0.3s ease-in-out;
}

    footer a {
        color: #adb5bd;
    }

        footer a:hover {
            color: #f8f9fa; /* Colore leggermente chiaro ma leggibile */
        }

/* Modalità Chiara (Default) */
body {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #ffffff;
    color: #000000;
}

    /* Modalità Notte */
    body.night-mode {
        background-color: #121212;
        color: #ffffff;
    }

/* Navbar in Modalità Notte */
.night-mode .navbar {
    background-color: #000000;
}

.night-mode .navbar-nav .nav-link {
    color: #ffffff !important;
}

.night-mode .dropdown-menu {
    background-color: #333333;
}

.night-mode .dropdown-item {
    color: #ffffff;
}

    .night-mode .dropdown-item:hover {
        background-color: #444444;
    }

/* Footer in Modalità Notte */
.night-mode footer {
    background-color: #000000;
    color: #ffffff;
}