/* Asigură că site-ul are stilul original */
body {
    background-color: #f8f9fa;
    color: #212529;
    font-family: Arial, sans-serif;
}

/* Stiluri Dark Mode */
.dark-mode {
    background-color: #121212;
    color: #ffffff;
}

/* Container principal */
.dark-mode .container-fluid {
    background-color: #1e1e1e;
    color: white;
}

/* Carduri */
.dark-mode .card {
    background-color: #222;
    color: white;
    border: 1px solid #444;
}

/* Bare de notificare */
.dark-mode .alert {
    background-color: #333;
    color: white;
}

/* Footer */
.dark-mode footer {
    background-color: #000;
    color: white;
}

/* Buton Dark Mode */
.dark-mode-toggle {
    text-align: right;
    padding: 10px;
}

#darkModeBtn {
    background-color: #444;
    color: white;
    border: none;
    padding: 8px 15px;
    cursor: pointer;
    border-radius: 5px;
}

#darkModeBtn:hover {
    background-color: #666;
}

.navbar {
    transition: background-color 0.3s;
    padding: 10px 20px; /* Increase padding for better spacing */
}

.navbar-dark .navbar-nav .nav-link {
    color: #f8f9fa; /* Set link color to a lighter shade */
    font-size: 1.1rem; /* Slightly increase font size for better readability */
    margin: 0 15px; /* Add margin for spacing between links */
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #ffcc00; /* Change color on hover for better visibility */
    background-color: rgba(255, 255, 255, 0.1); /* Add background on hover */
    border-radius: 5px; /* Rounded corners on hover */
}

.welcome-message {
    font-weight: bold; /* Make welcome message bold */
    color: #ffffff; /* Ensure contrast with the background */
}

/* Optional: Add a shadow effect on navbar */
.navbar.shadow {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}