/* ------------------------------ */
/* Tryb ciemny - wszystkie elementy oprócz #map */
/* ------------------------------ */

body.dark-mode {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
    transition: all 0.3s ease;
}

/* Nadpisanie wszystkich elementów z wyjątkiem mapy */
body.dark-mode *:not(#map):not(#map *) {
    background-color: inherit !important;
    color: inherit !important;
    border-color: #333 !important;
}

/* Linki */
body.dark-mode a {
    color: #81d4fa !important;
    text-decoration: none !important;
}
body.dark-mode a:hover,
body.dark-mode a:focus {
    color: #4fc3f7 !important;
    text-decoration: underline !important;
}

/* Formularze i inputy */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select,
body.dark-mode button {
    background-color: #2c2c2c !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}
body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
    color: #aaa !important;
}

/* Tabele */
body.dark-mode table,
body.dark-mode th,
body.dark-mode td {
    background-color: #1c1c1c !important;
    color: #ddd !important;
    border: 1px solid #444 !important;
}

/* Karty / boxy / panele */
body.dark-mode .card,
body.dark-mode .box,
body.dark-mode .panel,
body.dark-mode .widget,
body.dark-mode .modal,
body.dark-mode .popup {
    background-color: #1f1f1f !important;
    color: #ddd !important;
    border: 1px solid #333 !important;
}

/* Obrazy i media poza mapą */
body.dark-mode img:not(#map img),
body.dark-mode video:not(#map video),
body.dark-mode iframe:not(#map iframe) {
    filter: brightness(0.9) !important;
}

/* Blockquote i hr */
body.dark-mode blockquote {
    border-left: 4px solid #555 !important;
    color: #ccc !important;
    background-color: #1e1e1e !important;
    padding: 10px 15px !important;
}
body.dark-mode hr {
    border-color: #333 !important;
}

/* Tooltipy i powiadomienia */
body.dark-mode .tooltip,
body.dark-mode .alert,
body.dark-mode .notification {
    background-color: #2b2b2b !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}

/* Preformatowany tekst i kod */
body.dark-mode pre,
body.dark-mode code {
    background-color: #1e1e1e !important;
    color: #f5f5f5 !important;
    border: 1px solid #333 !important;
}

/* Przyciski hover */
body.dark-mode button:hover,
body.dark-mode .btn:hover {
    background-color: #444 !important;
    color: #fff !important;
}

/* Focus na inputach */
body.dark-mode input:focus,
body.dark-mode textarea:focus,
body.dark-mode select:focus {
    border-color: #81d4fa !important;
    outline: none !important;
}

/* Stopka */
body.dark-mode footer,
body.dark-mode footer a {
    background-color: #1e1e1e !important;
    color: #81d4fa !important;
}
body.dark-mode footer a:hover {
    color: #4fc3f7 !important;
}