/* Ukrywamy elementy mobilne na komputerach */
.menu-checkbox, .hamburger-btn {
    display: none;
} 

/* --- Language Switcher Styles --- */
#lang {
    display: block;
    clear: both;
    width: 100%;
    float: right;
    background-color: #002e5a;
    border-bottom: 2px solid #ffffff;
}

#lang a {
    display: block;
    position: relative;
    float: right;
    background-color: #002e5a;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    line-height: 16px;
    margin: 2px 10px;
    text-decoration: none;
}

#lang a:hover {
    color: #5e81b5;
}

/* --- Main Menu Styles --- */
#menu {
    display: block;
    clear: both;
    width: 95%;
    float: left;
    background-color: #002e5a;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding-left: 5%;
}

/* Reset stylów dla list wewnątrz menu */
#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 100; /* Zapewnia, że podmenu wyświetli się nad treścią strony */
}

/* Elementy głównego poziomu menu */
#menu > ul > li {
    float: left;
    position: relative; /* Ważne: to punkt odniesienia dla podmenu */
}

/* Wygląd wszystkich linków w menu */
#menu a {
    display: block;
    background-color: #002e5a;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 17px;
    color: #ffffff;
    line-height: 20px;
    /* Zamieniono margin na padding, aby kursor nie gubił "hovera" w pustych przestrzeniach */
    padding: 10px 15px; 
    text-decoration: none;
    white-space: nowrap; /* Zapobiega łamaniu tekstu w podmenu */
}

#menu a:hover {
    color: #5e81b5;
}

/* --- Style dla ROZWIJANEGO PODMENU --- */
#menu ul ul {
    display: none; /* Domyślnie ukrywa podmenu */
    position: absolute;
    top: 100%; /* Ustawia podmenu idealnie pod głównym linkiem */
    left: 0;
    background-color: #002e5a;
    min-width: 200px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3); /* Lekki cień dla lepszego wyglądu */
}

/* Pojawianie się podmenu po najechaniu na element rodzica (li) */
#menu li:hover > ul {
    display: block;
}

/* Opcjonalne korekty dla elementów samego podmenu */
#menu ul ul li {
    float: none; /* Elementy podmenu układają się jeden pod drugim */
    border-bottom: 1px solid #1a436b; /* Subtelne odcięcie elementów podmenu */
}

#menu ul ul a {
    font-size: 15px; /* Nieco mniejsza czcionka dla podpunktów */
    padding: 10px 15px;
}