/* --- Ogólne Style --- */

body {
    background-color: #D4EBF2; /* Nowy kolor tła dla całej strony */
}

/* Utrzymujemy Twój styl dla nagłówków */
h2 {
    color: #0a58ca; /* Ciemniejszy niebieski dla lepszego kontrastu (WCAG AA) */
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}

/* --- Układ Strony (Sticky Footer) --- */

/* Ustawiamy główny kontener, aby zajmował całą wysokość ekranu */
.page-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Ustawiamy, aby główna treść (z nawigacją i contentem) rozpychała się,
   spychając stopkę na sam dół strony. */
.container {
    flex: 1;
}

/* --- Pasek Boczny (Sidebar) --- */

.sidebar-nav nav ul {
    list-style-type: none; /* Usuwa kropki z listy */
    padding-left: 0;       /* Usuwa domyślne wcięcie listy */
}

/* Dodajemy :visited, aby linki, które już zostały odwiedzone, wyglądały tak samo jak nieodwiedzone. */
/* Zwiększamy specyficzność selektora (dodając ul li), aby mieć pewność, że nasza reguła wygra z domyślnymi stylami Bootstrapa. */
.sidebar-nav nav ul li a, .sidebar-nav nav ul li a:visited {
    display: block;
    padding: 10px 15px;
    margin-bottom: 5px; /* Odstęp między przyciskami */
    background-color: #24C0F0 !important; /* Jasnoszary, pasuje do Bootstrapa */
    color: #212529 !important;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.2s, color 0.2s;
}

.sidebar-nav nav ul li a:hover, .sidebar-nav nav ul li a.active {
    background-color: #0a58ca !important; /* Ciemniejszy niebieski dla lepszego kontrastu (WCAG AA) */
    color: white !important;
}

/* --- Stopka (Footer) --- */
.footer {
    background-color: #212529; /* Ciemne tło jak w dokumentacji Bootstrapa */
    color: white;
    text-align: center;
    padding: 20px 0;
    margin-top: 40px; /* Odstęp od treści powyżej */
}

/* --- Poprawki dla widoku mobilnego --- */
@media (max-width: 767.98px) {
    .sidebar-nav {
        margin-bottom: 30px; /* Dodaje większy odstęp pod nawigacją na telefonie */
    }
}