/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 23 2026 | 23:52:28 */
/* ============================================================
   WP GOOGLE MAPS - ATLAS NOVUS (OPENLAYERS) BİLGİ PENCERESİ
   (Temizlenmiş, Lightbox'sız ve Özel Kapatma Butonlu Versiyon)
   ============================================================ */

/* ----------------------------------------------------------
   GENEL FONT AYARI 
---------------------------------------------------------- */
.wpgmza-infowindow, 
.ol-popup,
.wpgmza-infowindow *, 
.ol-popup * {
    font-family: Arial, Helvetica, sans-serif !important;
}

/* ----------------------------------------------------------
   1. DIŞ ÇERÇEVE VE YUKARI İTME 
---------------------------------------------------------- */
.wpgmza-infowindow,
.ol-popup {
    padding: 10px !important;
    width: 230px !important; 
    min-width: 230px !important; 
    max-height: none !important; 
    height: auto !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
    background: #ffffff !important;
    overflow: visible !important; 
    
    /* Balonu konum ikonunun üstüne iter */
    margin-bottom: 20px !important; 
}

/* ALT ÜÇGENİ MANUEL ÇİZİYORUZ (Kaybolmaz) */
.wpgmza-infowindow::after,
.ol-popup::after {
    content: "" !important;
    position: absolute !important;
    top: 100% !important; 
    left: 50% !important; 
    margin-left: -12px !important; 
    border-width: 12px !important;
    border-style: solid !important;
    border-color: #ffffff transparent transparent transparent !important; 
    display: block !important;
    z-index: 100 !important;
}

/* ----------------------------------------------------------
   2. RESİM AYARLARI
---------------------------------------------------------- */
.wpgmza_infowindow_image {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.ol-popup img,
.wpgmza_infowindow_image img {
    width: 100% !important;
    height: 130px !important; 
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 4px !important;
    display: block !important;
    margin: 0 0 10px 0 !important; 
    max-width: 100% !important; 
}

/* WP Google Maps InfoWindow Resim Kırpma - Kesin Çözüm */
.wpgmza_infowindow_image img,
.wpgmza-infowindow img,
.ol-popup img,
.gm-style-iw img,
.gm-style-iw-d img {
    width: 100% !important;
    height: 150px !important; /* İstediğin dikey ölçü */
    max-height: 150px !important; /* Esnemeyi kesin olarak engeller */
    min-height: 150px !important; /* Alanın daralmasını engeller */
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 4px !important;
    display: block !important;
    margin: 0 0 10px 0 !important; 
}

/* ----------------------------------------------------------
   4. İÇERİK BOŞLUKLARI VE YAZILAR
---------------------------------------------------------- */
.wpgmza_infowindow_title {
   font-size: 15px !important; 
   color: #5b0000 !important;
   font-weight: bold !important;
   display: block !important;
   line-height: 1.3 !important;
   margin-top: 0px !important;    
   margin-bottom: 4px !important; 
   position: relative !important; 
   z-index: 101 !important; 
   pointer-events: none !important; 
}

.wpgmza_infowindow_categories,
.wpgmza_infowindow_address {
    display: none !important; 
}

.wpgmza_infowindow_description {
    white-space: normal !important;
    line-height: 1.4 !important;
    font-size: 13px !important;
    margin-top: 4px !important;     
    margin-bottom: 4px !important; 
    position: relative !important;
    z-index: 101 !important; 
}

.wpgmza-distance-from-location,
.wpgmza_distance_from_location {
    display: block !important;
    font-size: 12px !important;
    color: #13abb9 !important; 
    font-weight: bold !important;
    margin-top: 0px !important;    
    margin-bottom: 10px !important; 
}

/* ----------------------------------------------------------
   5. ALT BUTON (LINK)
---------------------------------------------------------- */
.wpgmza_infowindow_link {
    display: block !important; 
    position: relative !important;
    margin-top: 5px !important;    
    margin-bottom: 5px !important; 
    z-index: 9999 !important; 
}

.wpgmza_infowindow_link a {
    pointer-events: auto !important; 
    cursor: pointer !important;
    background: #13abb9 !important;
    padding: 8px 10px !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    font-weight: bold !important;
    font-size: 13px !important;
    text-decoration: none !important;
    display: block !important; 
    text-align: center !important;
}

/* ----------------------------------------------------------
   İNFO PENCERESİ KAPATMA BUTONU (GÜNCELLENDİ)
---------------------------------------------------------- */
.ol-info-window-close {
    position: absolute !important;
    z-index: 999999 !important;
    background: #615b57 !important;
    right: 5px !important;
    top: 4px !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 7px !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0px 0px 2px 0px #595959 !important;
    padding: 0px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    color: transparent !important; /* Orijinal metin varsa şeffaf yap */
    text-indent: -9999px !important; /* İstenmeyen kalıntıları ekran dışına it */
}

/* Orijinal eklentinin içine gömdüğü SVG veya İkonları Kesin Olarak Gizle */
.ol-info-window-close * {
    display: none !important;
}

/* Kendi "X" İkonumuzu Tam Merkeze Oturt */
.ol-info-window-close::before {
    content: "✖" !important; /* Normal x harfi yerine daha estetik bir çarpı işareti */
    color: #ffffff !important; /* Bembeyaz yap */
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    font-style: normal !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    text-indent: 0 !important; /* Görünür olması için indent'i sıfırla */
}

/* Tıklama (rollover) alanını genişleten GÖRÜNMEZ KATMAN */
.ol-info-window-close::after {
    content: '' !important;
    position: absolute !important;
    top: -15px !important;    
    bottom: -15px !important; 
    left: -15px !important;   
    right: -15px !important;  
    cursor: pointer !important;
}



/* ----------------------------------------------------------
İNFO PENCERE AYARLARI SONU
---------------------------------------------------------- */













/* ----------------------------------------------------------
   7. MOBİL UYUM ÖLÇÜ AYARI
---------------------------------------------------------- */
@media only screen and (max-width: 768px) {
    .wpgmza-lightbox-image, 
    #wpgmza_lightbox img,
    .wpgmza_modal_image { 
        max-width: calc(100vw - 30px) !important;
        width: calc(100vw - 30px) !important;
        height: auto !important;
        max-height: 100vh !important;
        margin: auto !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        object-fit: contain !important;
    }
}



/* Harita ve Uydu butonlarını birleştir ve küçült */
.gm-style-mtc {
    float: left; /* Butonları yan yana tut */
}

/* Genel Buton Tasarımı */
.gm-style-mtc > button {
    height: 30px !important;    /* Yüksekliği küçülttük */
    padding: 0 12px !important; /* İç boşluğu daralttık */
    font-size: 11px !important; /* Yazı fontunu ufattık */
    font-weight: 600 !important;
    text-transform: uppercase !important; /* Daha profesyonel görünüm */
    background-color: #ffffff !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    transition: all 0.2s ease;
}

/* İlk Buton (Harita): Sol köşeleri yuvarla */
div:not(.gm-style-mtc) + .gm-style-mtc > button {
    border-radius: 20px 0 0 20px !important;
    border-right: none !important;
}

/* İkinci Buton (Uydu): Sağ köşeleri yuvarla */
.gm-style-mtc + .gm-style-mtc > button {
    border-radius: 0 20px 20px 0 !important;
}

/* Üzerine gelince veya seçiliyken efekt */
.gm-style-mtc > button:hover, 
.gm-style-mtc > button[aria-checked="true"] {
    background-color: #f1f1f1 !important;
    color: #222 !important;
}

/* Zoom butonlarını (+/-) da orantılı küçült */
.gm-control-active {
    width: 30px !important;
    height: 30px !important;
}







/* PUSULA DÜZENLEME Dinamik Pusulanın Konumu ve Görünümü (Güncel) */
/* 1. Kaybolma Sorununa Kesin Çözüm */
.ol-rotate.ol-hidden {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 2. Konumlandırma ve KARE ARKA PLANI GİZLEME */
.ol-rotate {
    top: 75px !important; 
    right: 10px !important;
    position: absolute !important;
    background: transparent !important; 
    box-shadow: none !important; 
    padding: 0 !important;
    border: none !important;
    z-index: 9999 !important; 
}

/* 3. Buton Boyutu (BÜYÜTÜLDÜ) ve Yuvarlaklık */
.ol-rotate button {
    background: transparent !important; 
    border: none !important;
    box-shadow: none !important;
    cursor: pointer;
    width: 60px !important;  /* 40'tan 60 piksele çıkarıldı */
    height: 60px !important; /* 40'tan 60 piksele çıkarıldı */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border-radius: 50% !important; 
    transition: transform 0.2s ease;
}

/* Dokunma/Üzerine gelme efekti */
.ol-rotate button:hover {
    background: transparent !important;
    transform: scale(1.05); 
}

/* 4. Standart Oku Gizle ve Özel Görseli Giydir */
.ol-rotate button .ol-compass {
    color: transparent !important; 
    font-size: 0px !important; 
    
    /* KENDİ PUSULA SVG LİNKİNİZİ AŞAĞIDAKİ TIRNAKLARIN İÇİNE YAPIŞTIRIN: */
    background-image: url('https://istiklalyolu.org.tr/wp-content/uploads/2026/05/pusula.svg') !important; 
    
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}









/* --- AKILLI MESAFE GÖSTERGESİ (GİZLEME/GÖSTERME) --- */
/* GPS kapalıyken mesafe satırını tamamen gizle */
body:not(.gps-aktif) .wpgmza-distance-from-location,
body:not(.gps-aktif) .wpgmza_distance_from_location {
    display: none !important;
}

/* GPS açıkken mesafe satırını görünür yap ve yeşil ile vurgula */
body.gps-aktif .wpgmza-distance-from-location,
body.gps-aktif .wpgmza_distance_from_location {
    display: block !important;
    color: #27ae60 !important;
    font-weight: bold !important;
    margin-top: 8px !important;
    padding-top: 8px !important;
    border-top: 1px dashed #eee;
}



/* CANLI KONUM IKON OpenLayers Canlı Konum İkonunu Merkeze Alma (Güncel) */

/* 1. OpenLayers'ın içiçe geçmiş tüm kapsayıcı katmanlarında taşmaya izin ver */
div.ol-overlay-container:has(img[src*="KONUM-1.png"]),
div.wpgmza-marker:has(img[src*="KONUM-1.png"]),
div.ol-overlay-container div:has(> img[src*="KONUM-1.png"]) {
    overflow: visible !important;
    background: transparent !important;
}

/* 2. Sadece konum.png görselini %50 aşağı kaydırarak merkezini koordinata eşitle */
img[src*="KONUM-1.png"] {
    position: relative !important;
    transform: translateY(50%) !important;
    display: block !important;
    z-index: 9999999 !important; /* Konum ikonunu diğer işaretçilerin üstünde tutar */
}











/* --- AÇILIR MENÜ (DROPDOWN) KATMAN SEÇİCİ harita topo ve uydu --- */
.custom-layer-switcher {
    position: absolute;
    bottom: 20px;
    left: 10px;
    z-index: 9999;
}

/* Ana Buton (Görünen Kısım) */
.custom-layer-switcher .layer-toggle {
    background: rgba(255, 255, 255, 0.95) !important;
    border: none !important;
    padding: 10px 15px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important;
    cursor: pointer;
    transition: background 0.2s;
}

/* Açılır Liste Kutusu (Başlangıçta Gizli) */
.custom-layer-switcher .layer-menu {
    display: none; /* Sadece butona basılınca açılacak */
    position: absolute;
    bottom: 115%; /* Butonun hemen üstüne doğru açılır, harita dışına taşmaz */
    left: 0;
    background: rgba(255, 255, 255, 0.98);
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    width: 140px;
    overflow: hidden;
    flex-direction: column;
}

/* Menü Açıkken Devreye Giren Sınıf */
.custom-layer-switcher.open .layer-menu {
    display: flex;
}

/* Açılır Menü İçindeki Seçenekler */
.custom-layer-switcher .layer-menu button {
    background: transparent !important;
    border: none !important;
    padding: 12px 15px !important;
    text-align: left !important;
    font-size: 13px !important;
    color: #444 !important;
    cursor: pointer;
    border-bottom: 1px solid #eee !important;
    width: 100% !important;
    margin: 0 !important;
    transition: background 0.2s;
}

.custom-layer-switcher .layer-menu button:last-child {
    border-bottom: none !important;
}

.custom-layer-switcher .layer-menu button:hover {
    background: #f0f0f0 !important;
}

/* Seçili Olan Katman */
.custom-layer-switcher .layer-menu button.active {
    color: #0073aa !important; /* Tema mavisi */
    font-weight: bold !important;
    background: #f9f9f9 !important;
}








/* --- C) CANLI KONUM AÇ KAPA BUTONU (GPS) BUTONU --- */
.custom-locate-btn {
    position: absolute;
    bottom: 20px; /* Sağ alt köşeden yükseklik */
    right: 10px;  /* Sağ kenardan boşluk */
    z-index: 9999;
    background: rgba(255, 255, 255, 0.95) !important;
    border: none !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important; /* Tam yuvarlak */
    box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666 !important; /* Varsayılan GRİ renk */
    transition: all 0.2s ease;
    padding: 0 !important;
}

.custom-locate-btn svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
}

/* Aktif (Açık) Olduğundaki Görünüm */
.custom-locate-btn.active {
    color: #27ae60 !important; /* YEŞİL renk */
    background: #e8f8f5 !important; /* Hafif yeşilimsi arka plan (opsiyonel) */
}

.custom-locate-btn:hover {
    transform: scale(1.05);
}









/* --- D) TAM EKRAN (BÜYÜTME) BUTONU ÖZELLEŞTİRMESİ --- */
/* --- BÜYÜTME KUTUSUNUN İKONUNU ZORLA DEĞİŞTİRME VE BÜYÜTME --- */

/* 1. Orijinal minik ikonu tamamen gizle ve içindeki kalıntıları yok et */
.ol-full-screen button {
    color: transparent !important;
    text-indent: -9999px !important; /* Varsa metinleri ekran dışına atar */
}
.ol-full-screen button * {
    display: none !important;
}

/* 2. Kendi büyük ve net SVG ikonumuzu kutunun içine oturtalım */
.ol-full-screen button {
    /* Kare kutunun arka plan rengi */
    background-color: rgba(255, 255, 255, 0.95) !important; 
    
    /* Yeni genişleme oklarımız (Vektör olarak doğrudan koda gömülü) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333333'%3E%3Cpath d='M10 21v-2H6.41l4.5-4.5-1.41-1.41-4.5 4.5V14H3v7h7zm4.5-10.09L19 6.41V10h2V3h-7v2h3.59l-4.5 4.5 1.41 1.41z'/%3E%3C/svg%3E") !important;
    
    /* İŞTE BURASI İKONUN BOYUTU: Gözünüze göre (20px - 26px) değiştirebilirsiniz */
    background-size: 24px 24px !important; 
    
    background-repeat: no-repeat !important;
    background-position: center center !important;
    border: none !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2) !important;
}

/* 3. Tam ekrandan "Çıkış" yaparken ikonun (daralma okları) değişmesi için */
.ol-full-screen.ol-full-screen-true button,
.ol-full-screen[class*="active"] button {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333333'%3E%3Cpath d='M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z'/%3E%3C/svg%3E") !important;
}



/* ============================================================
   YÜZDELİK ORANLI TAM EKRAN APP DÜZENİ (DÜZELTİLMİŞ)
   ============================================================ */

/*:root {
    --harita-oran: 100dvh; /* Haritanın kaplayacağı net alan (%80) */
}

/* 1. HARİTA BOYUTUNU KİLİTLE (margin-top SİLİNDİ) */
/*.wpgmza_map,
.wpgmza_map .ol-viewport {
    height: var(--harita-oran) !important;
    max-height: var(--harita-oran) !important;
    min-height: auto !important;
    /* Beyaz boşluk yapan margin-top kodu buradan kaldırıldı */
}


/* ============================================================
   KUTUYA UYUMLU HARİTA DÜZENİ (TAŞMAYI ENGELLER)
   ============================================================ */

:root {
    --harita-oran: 100%; /* 100dvh yerine 100% yapıldı */
}

/* 1. HARİTA BOYUTUNU KİLİTLE */
.wpgmza_map,
.wpgmza_map .ol-viewport {
    height: var(--harita-oran) !important;
    max-height: 100% !important;
    min-height: 400px; /* Haritanın tamamen kaybolmaması için minimum bir yükseklik (isteğe bağlı değiştirebilirsiniz) */
}

/* Elementor'un gizli boşluklarını tamamen sıfırla */
.wpgmza-container,
.elementor-widget-wp-google-maps {
    margin: 0 !important;
    padding: 0 !important;
}

/* ============================================================
   UX KORUMASI: CAN SIKICI KAYMALARI VE BÜYÜMELERİ ENGELLEME
   ============================================================ */

/* 2. SAYFAYI KİLİTLE (Sadece harita içi hareket etsin) */
body.page-id-5921 {
    overflow: hidden !important;
    overscroll-behavior-y: none !important;
}

/* 3. HEADER VE FOOTER'DA YANLIŞLIKLA BÜYÜTMEYİ (ZOOM) İPTAL ET */
header, 
footer, 
.elementor-location-header, 
.elementor-location-footer,
[data-elementor-type="header"],
[data-elementor-type="footer"] {
    touch-action: none !important; /* Bu alanlarda iki parmakla zoom yapmayı sağırlaştırır */
    user-select: none !important; /* Yazıların basılı tutup seçilmesini engeller */
}

/* ============================================================
   TAM EKRAN (FULLSCREEN) SİYAH BOŞLUK KESİN ÇÖZÜM
   ============================================================ */

/* 1. Tam ekrana giren asıl kapsayıcıyı hedefle */
.wpgmza_map:fullscreen,
.wpgmza_map:-webkit-full-screen,
.wpgmza-container:fullscreen,
.wpgmza-container:-webkit-full-screen,
.ol-viewport:fullscreen,
.ol-viewport:-webkit-full-screen {
    height: 100vh !important;
    max-height: 100vh !important;
    margin-top: 0 !important; /* İŞTE BURASI: Üstteki %15'lik itmeyi sıfırlar! */
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Tam ekran kapsayıcısının İÇİNDEKİ harita katmanlarını hedefle */
:fullscreen .wpgmza_map,
:-webkit-full-screen .wpgmza_map,
:fullscreen .ol-viewport,
:-webkit-full-screen .ol-viewport {
    height: 100vh !important;
    max-height: 100vh !important;
    margin-top: 0 !important; 
    margin: 0 !important;
}


/* ============================================================
   GPS ARANIYOR (YÜKLENİYOR) ANİMASYONU
   ============================================================ */

/* Dönme ve hafif büyüme-küçülme (nabız) efekti */
@keyframes gps-spin-pulse {
    0% { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(180deg) scale(1.15); }
    100% { transform: rotate(360deg) scale(1); }
}

/* Konum aranırken butonun alacağı Turuncu/Uyarı görünümü */
.custom-locate-btn.locating {
    color: #e67e22 !important; /* Turuncu renk */
    background: #fdf2e9 !important;
    box-shadow: 0 0 12px rgba(230, 126, 34, 0.6) !important;
}

/* İkonun dönmesini tetikleyen sınıf */
.custom-locate-btn.locating svg {
    animation: gps-spin-pulse 1.2s ease-in-out infinite;
}






/* KONUMU ORTALA BUTONU */
/* Ana Konum ve Odaklanma Butonlarının Ortak Tasarımı */
.custom-locate-btn, .custom-recenter-btn {
    position: absolute;
    right: 10px;
    width: 44px; /* Büyüklükler eşitlendi */
    height: 44px;
    background: #ffffff;
    border: 2px solid rgba(0,0,0,0.2);
    border-radius: 50% !important; /* Yuvarlak yapıldı */
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    z-index: 1000;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

/* Konum Butonu Alt Kısımda */
.custom-locate-btn {
    bottom: 10px;
}

/* Odaklanma Butonu Hemen Onun Üstünde */
.custom-recenter-btn {
    bottom: 70px; /* Arada 10px boşluk bırakır */
}

.custom-locate-btn svg, .custom-recenter-btn img {
    width: 20px;
    height: 20px;
}

.custom-locate-btn.active {
    background: #00ff7e;
}

.custom-locate-btn.active svg {
    fill: #fff;
}

/* Buton Aktif Olduğundaki Canlı Renk Ayarı */
.custom-locate-btn.active {
    background-color: #2196F3 !important; /* Renginizi buraya yazın */
    border-color: #2196F3 !important; /* Kenarlığı da aynı renk yapar */
    opacity: 1 !important; /* Temanın rengi soluklaştırmasını KESİN OLARAK engeller */
}

/* Aktif butonun içindeki ikonun rengi */
.custom-locate-btn.active svg {
    fill: #ffffff !important; /* İkonu bembeyaz yapar */
}




/* ========================================= */
/*  HAREKET YÖNÜNE KİLİTLENEN PUSULA / NAVİGASYON BUTONU TASARIMI */
/* ========================================= */
.custom-nav-lock-btn {
    position: absolute !important;
    bottom: 145px !important; 
    right: 10px !important;  
    z-index: 9999 !important;
    width: 48px !important;  
    height: 48px !important; 
    border-radius: 50px !important; 
    font-size: 29px !important; 
    
    /* DİKKAT: Buradaki !important kaldırıldı ki JS butonu gizleyebilsin */
    display: flex; 
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;

    background-color: #ffffff !important;
    color: #333333 !important;
    border: 2px solid rgba(0,0,0,0.15) !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.25) !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.custom-nav-lock-btn:hover {
    transform: scale(1.05);
}

.custom-nav-lock-btn.aktif-mod {
    background-color: #27ae60 !important;
    color: #ffffff !important;
    border-color: #27ae60 !important;
    box-shadow: 0 0 10px rgba(39, 174, 96, 0.4) !important;
}

/* ============================================================
   HAREKET YÖNÜNE KİLİTLENEN PUSULA tasarımı SONU
   ============================================================ */




/* ============================================================
  HARİTANIN DEFAULT İŞARETÖİLERİNİ GİZLE
   ============================================================ */

/* ============================================================
  HARİTANIN DEFAULT İŞARETÖİLERİNİ GİZLE KOD SONU
   ============================================================ */