Şablon:İnteraktifHarita/styles.css

/* MediaWiki Harita Kutusu - Çerçevesiz, Tam Entegrasyon */
.wiki-map-container {
    width: 100%;
    margin: 25px 0;
    border: 1px solid #141414;
    border-radius: 8px;
    overflow: hidden;
    background: #090909;
}

#leaflet-wiki-map {
    height: 480px;
    width: 100%;
}

/* Kırmızı pırıltılı özel harita noktaları (Marker) */
.custom-map-marker {
    background-color: #b30000;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    box-shadow: 0 0 10px rgba(179, 0, 0, 0.9);
}

/* Pop-up pencerelerini karanlık temaya ve site fontlarına uyarlama */
.leaflet-popup-content-wrapper {
    background: #111111 !important;
    color: #e0e0e0 !important;
    border: 1px solid #222 !important;
    border-radius: 6px !important;
    font-family: inherit;
}
.leaflet-popup-tip {
    background: #111111 !important;
}

/* + ve - Zoom Butonlarının Yeni Modern Tasarımı */
.leaflet-bar {
    border: none !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;
}

.leaflet-bar a, 
.leaflet-bar a:hover {
    background-color: #111111 !important;
    color: #b30000 !important;
    border: 1px solid #222 !important;
    border-bottom: 1px solid #222 !important;
    width: 32px !important;
    height: 32px !important;
    line-height: 30px !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    transition: all 0.2s ease;
    border-radius: 4px !important;
    margin-bottom: 4px;
}

.leaflet-bar a:hover {
    background-color: #1a1a1a !important;
    color: #ff1a1a !important;
    border-color: #b30000 !important;
}

.leaflet-control-zoom-in {
    border-radius: 4px !important;
}

.leaflet-control-zoom-out {
    border-radius: 4px !important;
}