@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap');


/* Ustawienia tła mapy */
#map {
    background-color: #666666; /* Białe tło mapy */
}

/* Stylizacja informacji wyświetlanych na mapie */
.info {
    padding: 6px 8px; /* Wewnętrzne odstępy */
    font: 300 12px/16px 'Ubuntu', Arial, Helvetica, sans-serif; /* Styl czcionki */
    background: white; /* Białe tło */
    background: rgba(255,255,255,0.8); /* Półprzezroczyste białe tło */
    box-shadow: 0 0 15px rgba(0,0,0,0.2); /* Cień wokół obiektu */
    border-radius: 5px; /* Zaokrąglone rogi */
}

/* Stylizacja nagłówków w informacji */
.info h2 {
    margin: 0 0 5px; /* Marginesy wokół nagłówka */
    color: #777; /* Kolor tekstu */
}

/* Ustawienia kontenera mapy */
.leaflet-container {
    background: #fff; /* Białe tło */
    padding-right: 10px; /* Wewnętrzny odstęp z prawej strony */
}

/* Stylizacja przewijanych popupów */
.leaflet-popup-scrolled {
    border-bottom: unset!important; /* Brak dolnej ramki */
    border-top: unset!important; /* Brak górnej ramki */
}

/* Stylizacja zawartości popupów */
.leaflet-popup-content {
    max-height: 70vh; /* Maksymalna wysokość */
    max-width: 70vw; /* Maksymalna szerokość */
    text-align: center; /* Wyśrodkowanie tekstu */
    font-family: 'Ubuntu', Arial, Helvetica, sans-serif; /* Styl czcionki */
}

/* Specjalna stylizacja dla zawartości typu media */
.leaflet-popup-content.media {
    width: auto!important; /* Automatyczna szerokość */
    height: auto!important; /* Automatyczna wysokość */
}

/* Stylizacja tabel w popupach */
.leaflet-popup-content th {
    text-align: center; /* Wyrównanie tekstu do lewej */
    vertical-align: top; /* Wyrównanie do góry */
    min-width: 75px; /* Minimalna szerokość */
}

/* Stylizacja komórek tabel w popupach */
.leaflet-popup-content td {
    min-width: 75px; /* Minimalna szerokość */
}

/* Stylizacja obrazków w popupach */
.leaflet-popup-content td img, .leaflet-popup-content img {
    max-height: 30vh; /* Maksymalna wysokość */
    max-width: 30vw; /* Maksymalna szerokość */
    display: block; /* Sprawia, że marginesy auto działają */
    margin: 0 auto; /* Automatyczny margines, aby wyśrodkować obrazki */
}

/* Stylizacja tooltipów */
.leaflet-tooltip {
    background: none; /* Brak tła */
    box-shadow: none; /* Brak cienia */
    border: none; /* Brak ramki */
}

/* Stylizacja lewego i prawego tooltipa */
.leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
    border: 0px; /* Brak obramowania */
}

/* Stylizacja ikonek, kontenera mapy i linków */
.fa, .leaflet-container, a {
    color: #ffffff !important; /* Biały kolor tekstu */
}

/* Stylizacja przycisków zoom, lokalizacji, wyszukiwania, miary */
.leaflet-control-zoom-in, .leaflet-control-zoom-out,
.leaflet-control-locate a,
.leaflet-touch .leaflet-control-geocoder-icon,
.leaflet-control-search .search-button,
.leaflet-control-measure {
    background-color: #615d59 !important; /* Kolor tła */
    border-radius: 0px !important; /* Brak zaokrąglenia */
    color: #ffffff !important; /* Biały kolor tekstu */
}

/* Stylizacja przycisku abstrakt */
.abstract {
    font: bold 18px 'Ubuntu', 'Lucida Console', Monaco, monospace; /* Styl czcionki */
    text-indent: 1px; /* Wcięcie tekstu */
    background-color: #615d59 !important; /* Kolor tła */
    width: 30px !important; /* Szerokość */
    color: #ffffff !important; /* Biały kolor tekstu */
    height: 30px !important; /* Wysokość */
    text-align: center !important; /* Wyśrodkowanie tekstu */
    line-height: 30px !important; /* Wysokość linii */
}

/* Stylizacja rozwiniętego abstraktu */
.abstractUncollapsed {
    padding: 6px 8px; /* Wewnętrzne odstępy */
    font: 300 12px/1.5 'Ubuntu', "Helvetica Neue", Arial, Helvetica, sans-serif; /* Styl czcionki */
    background-color:#615d59 !important; /* Kolor tła */
    color: #ffffff !important; /* Biały kolor tekstu */
    box-shadow: 0 0 15px rgba(0,0,0,0.2); /* Cień wokół obiektu */
    border-radius: 5px; /* Zaokrąglone rogi */
    max-width: 40%; /* Maksymalna szerokość */
}

/* Stylizacja elementów interfejsu w dotykowych urządzeniach */
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar,
.leaflet-control-search,
.leaflet-control-measure {
    border: 3px solid rgba(255,255,255,.4) !important; /* Ramka */
}

/* Stylizacja linków w atrybucjach */
.leaflet-control-attribution a {
    color: #0078A8 !important; /* Kolor linków */
}

/* Stylizacja linii skali */
.leaflet-control-scale-line {
    border: 2px solid #615d59 !important; /* Ramka */
    border-top: none !important; /* Brak górnej ramki */
    color: black !important; /* Czarny kolor tekstu */
}

/* Stylizacja przycisku wyszukiwania */
.leaflet-control-search .search-button,
.leaflet-container .leaflet-control-search,
.leaflet-control-measure {
    box-shadow: none !important; /* Brak cienia */
}

/* Stylizacja przycisku wyszukiwania */
.leaflet-control-search .search-button {
    width: 30px !important; /* Szerokość */
    height: 30px !important; /* Wysokość */
    font-size: 13px !important; /* Rozmiar czcionki */
    text-align: center !important; /* Wyśrodkowanie tekstu */
    line-height: 30px !important; /* Wysokość linii */
}

/* Stylizacja elementów kontrolnych w miarce */
.leaflet-control-measure .leaflet-control {
    width: 30px !important; /* Szerokość */
    height: 30px !important; /* Wysokość */
}

/* Stylizacja kontenera wyszukiwania */
.leaflet-container .leaflet-control-search {
    background: none !important; /* Brak tła */
}

/* Stylizacja pola wyszukiwania */
.leaflet-control-search .search-input {
    margin: 0px 0px 0px 0px !important; /* Marginesy */
    height: 30px !important; /* Wysokość */
}

/* Stylizacja miary */
.leaflet-control-measure {
    background: none!important; /* Brak tła */
    border-radius: 4px !important; /* Zaokrąglenie */
}

/* Stylizacja interakcji w miarce */
.leaflet-control-measure .leaflet-control-measure-interaction {
    background-color: #615d59 !important; /* Kolor tła */
}

/* Stylizacja miarki w dotykowych urządzeniach */
.leaflet-touch .leaflet-control-measure .leaflet-control-measure-toggle,
.leaflet-touch .leaflet-control-measure .leaflet-control-measure-toggle:hover {
    width: 30px !important; /* Szerokość */
    height: 30px !important; /* Wysokość */
    border-radius: 0px !important; /* Brak zaokrąglenia */
    background-color: #615d59 !important; /* Kolor tła */
    color: #ffffff !important; /* Biały kolor tekstu */
    font-size: 13px; /* Rozmiar czcionki */
    line-height: 30px; /* Wysokość linii */
    text-align: center; /* Wyśrodkowanie tekstu */
    text-indent: 0%; /* Brak wcięcia tekstu */
}

/* Stylizacja przełącznika warstw */
.leaflet-control-layers-toggle {
    background-color: #615d59 !important; /* Kolor tła */
}

/* Ustawienie indeksów z-index dla różnych elementów */
.leaflet-overlay-pane {
    z-index: 550; /* Indeks z dla warstw nakładek */
}

.leaflet-popup-pane {
    z-index: 700; /* Indeks z dla warstw popupów */
}