#custom-map, #single-map {
    height:100%;
    width:100%;
}

/* Kontener markera */
.custom-marker .marker-container {
    display: flex; /* Ustawienie elementów obok siebie */
    align-items: center; /* Wyrównanie elementów w pionie */
    gap: 8px; /* Odstęp między ikoną a tekstem */
}

/* Ikona */
.custom-marker .marker-icon {
    transition: background-color 0.3s ease;
    background-color: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

img.marker-icon-img {
    padding: 8px !important;
    width: 40px !important;
}

/* Tekst obok ikony */
.custom-marker .marker-title {
    font-size: 16px;
    color: #000;
    white-space: nowrap;
    text-shadow: 
        1px 1px 0 #fff,  /* Prawy dolny */
        -1px -1px 0 #fff, /* Lewy górny */
        -1px 1px 0 #fff,  /* Lewy dolny */
        1px -1px 0 #fff;  /* Prawy górny */
}


/* Efekt hover */
.custom-marker .marker-container:hover .marker-icon, #single-map .custom-marker .marker-container .marker-icon {
    background-color: #ce2a01; /* Zmiana koloru tła na hover */
}

/* Stylizuj linki w popupie */
.leaflet-popup-content a {
    color: #000!important; /* Czarny kolor */
    text-decoration: none;
    transition: color 0.3s ease;
    font-size:18px;
}

.leaflet-popup-content a:hover {
    color: #ce2a01!important; /* Czerwony kolor na hover */
    text-decoration: underline; /* Opcjonalnie dodaj podkreślenie */
}

.leaflet-popup-content {
    width: 200px !important;
}

.leaflet-popup {
    margin-bottom: 5px !important;
    margin-left: 20px;
}