/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 05 2026 | 08:30:33 */
#isp-coverage-map {
    height: 600px;
    width: 100%;
    background-color: #f8f9fa;
    border-radius: 15px;
    z-index: 1;
}

/* 1. KONTENER (To ten kwadrat 44x44 generowany przez Leaflet) */
.custom-marker-container {
    /* Wymuszamy tryb Flexbox, który automatycznie centruje zawartość */
    display: flex !important;
    justify-content: center !important; /* Centrowanie w poziomie */
    align-items: center !important;     /* Centrowanie w pionie */
    
    /* Reset stylów, żeby nic nie przeszkadzało */
    background: transparent !important;
    border: none !important;
    margin-left: -22px !important; /* To zapewnia Leaflet, ale dla pewności zostawiamy */
    margin-top: -22px !important;
    padding: 0 !important;
}

/* 2. KROPKA (To Twój widoczny punkt) */
.dot-visual {
    width: 12px;
    height: 12px;
    background: #39acea;
    border: 2px solid white;
    border-radius: 50%;
    
    /* Animacja */
    box-shadow: 0 0 0 rgba(57, 172, 234, 0.4);
    animation: pulse 2s infinite;
    pointer-events: none;
    
    /* WAŻNE: Usuwamy wszelkie pozycjonowanie absolutne/marginesy */
    /* Flexbox rodzica (kontenera) sam zadba o pozycję */
    position: static !important;
    margin: 0 !important;
    transform: none !important;
}

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(57, 172, 234, 0.7); }
    70% { box-shadow: 0 0 0 12px rgba(57, 172, 234, 0); }
    100% { box-shadow: 0 0 0 0 rgba(57, 172, 234, 0); }
}

/* Style dymków i przycisków bez zmian */
.leaflet-popup-content { font-size: 15px; font-weight: 600; text-align: center; }
.map-switcher { display: flex; justify-content: center; gap: 10px; margin-bottom: 15px; }
.map-switcher button { background: white; border: 1px solid #39acea; color: #39acea; padding: 8px 18px; border-radius: 20px; cursor: pointer; font-weight: 600; }