/* Custom Leaflet Map Overrides for Pure Black Theme */
.leaflet-container {
    background-color: #000000 !important; /* Saf siyah arka plan */
    cursor: crosshair;
}

:root {
    --marker-scale: 1;
}

/* İşaretçi (Marker) kapsayıcısı */
.custom-marker {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
}

.custom-marker:hover {
    z-index: 1000 !important;
}

/* İşaretçi içindeki SVG ikon için gölge ve dinamik boyutlandırma */
.custom-marker svg {
    filter: drop-shadow(0px 4px 8px rgba(0,0,0,0.9)) drop-shadow(0px 0px 4px rgba(0,0,0,1));
    transform: scale(var(--marker-scale));
    transition: transform 0.2s ease-out;
}

.custom-marker:hover svg {
    transform: scale(calc(var(--marker-scale) * 1.25));
}

/* Çift tıklama seçimi veya metin seçimi gibi istenmeyen durumları engelle */
.leaflet-marker-icon {
    user-select: none;
    -webkit-user-select: none;
}

/* Custom Scrollbar for better UI (Dark Theme) */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #0a0a0a;
}
::-webkit-scrollbar-thumb {
    background: #262626;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #404040;
}

/* Custom Tooltip (Notlar için) */
.leaflet-tooltip {
    background-color: #111 !important;
    color: #eee !important;
    border: 1px solid #333 !important;
    border-radius: 8px !important;
    padding: 8px 14px !important;
    font-family: ui-sans-serif, system-ui, sans-serif !important;
    font-size: 13px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.9) !important;
    font-weight: 500 !important;
}
.leaflet-tooltip-left::before {
    border-left-color: #333 !important;
}
.leaflet-tooltip-right::before {
    border-right-color: #333 !important;
}
.leaflet-tooltip-top::before {
    border-top-color: #333 !important;
}
.leaflet-tooltip-bottom::before {
    border-bottom-color: #333 !important;
}

/* MiniMap Dark Theme Overrides */
.leaflet-control-minimap {
    border: 2px solid #222 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 30px rgba(0,0,0,0.9) !important;
    background: #0a0a0a !important;
    overflow: hidden !important;
    transition: all 0.3s ease;
}
.leaflet-control-minimap:hover {
    border-color: #3b82f6 !important; /* Tailwind blue-500 */
}
.leaflet-control-minimap a {
    background-color: #111 !important;
    color: #fff !important;
    border-radius: 0 0 16px 0 !important;
}
.leaflet-control-minimap a.minimized-bottomright {
    border-top-left-radius: 8px !important;
}