body {
  background-color: #082540;
  background-image: url('../assets/blur-map.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Navbar'ın Köşeleri */
.navbar {
  border-radius: 0;
  /* Navigasyon çubuğunun köşelerini keskin yapar, yuvarlaklığı kaldırır */
}

/* Salt okunur (readonly) input alanlarının stilleri */
input[readonly],
input[readonly="readonly"],
input[readonly="true"] {
  background-color: #d8d8d8 !important;
  /* Salt okunur inputların arka planını hafif gri yapar */
  cursor: not-allowed;
  /* İmleci "yasak işareti" olarak değiştirir, düzenlenemez olduğunu belirtir */
}

/* Navbar logosunun stilleri */
.logo-navbar {
  height: 36px;
  /* Yüksekliğini ayarlar */
  width: auto;
  /* Genişliğini otomatik ayarlar, oranını korur */
  display: block;
  /* Bir blok elementi gibi davranmasını sağlar */
  object-fit: contain;
  /* İçeriğin kutu içine sığmasını sağlar, kırpılmaz */
  max-width: 120px;
  /* Logonun maksimum genişliğini ayarlar (isteğe bağlı, logoyu büyütmek için) */
}

/* Navbar'daki kullanıcı açılır menüsü (dropdown) için stil */
.navbar .dropdown-toggle::after {
  margin-left: 0.4em;
  /* Açılır menü okunun metinden biraz daha uzakta olmasını sağlar */
}

.navbar .dropdown-menu {
  /* Bu kısım mevcut haliyle kalsın */
  min-width: 180px;
  font-size: 0.98rem;

  /* BURADAKİ DEĞİŞİKLİK */
  background-color: #212529; /* Navbar'ın bg-dark rengine benzer, daha koyu bir arka plan */
  border: 1px solid rgba(255, 255, 255, 0.1); /* Hafif, koyu bir çerçeve */
}
.dropdown-menu .dropdown-item {
  color: #f8f9fa; /* Açık gri metin rengi */
  background-color: transparent; /* Varsayılan olarak şeffaf yap, menünün koyu arka planını göstersin */
  transition: background-color 0.2s ease, color 0.2s ease;
}
.dropdown-menu .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.15); /* Hover'da hafif saydam beyaz arka plan */
  color: #fff; /* Hover'da beyaz metin */
}

.dropdown-menu .dropdown-item.text-danger:hover {
  background-color: #dc3545; /* Logout için kırmızı hover */
  color: #fff !important;
}

.dropdown-menu .dropdown-divider {
  border-top-color: rgba(255, 255, 255, 0.2); /* Ayırıcı çizginin rengini koyu temaya uygun yap */
}
/* PREMIUM BUTON STILLERI (Değişiklik Yok - Mevcut Hali Korundu) */
.premium-button {
  position: relative;
  /* İçindeki öğelerin konumlandırılması için referans noktası olur */
  overflow: hidden;
  /* Taşmayı gizler */
  transition: all 0.3s ease;
  /* Tüm geçişleri 0.3 saniyede yumuşak yapar */
  color: #FFD700 !important;
  /* Altın rengi metin */
  font-weight: bold;
  /* Metni kalın yapar */
  border-radius: 5px;
  /* Köşeleri hafifçe yuvarlak yapar */
}

.premium-button:hover {
  color: #fff !important;
  /* Fare üzerine geldiğinde metin rengini beyaz yapar */
  background-color: rgba(255, 215, 0, 0.2);
  /* Fare üzerine geldiğinde hafif altın sarısı, saydam bir arka plan verir */
}

/* Premium Rozet Stili (Premium yazan küçük etiket) */
.premium-badge {
  margin-left: 8px;
  /* Metinden sol boşluk bırakır */
  font-size: 0.75em;
  /* Yazı tipi boyutunu küçültür */
  padding: 0.3em 0.6em;
  /* İç boşluk ekler */
  border-radius: 0.25rem;
  /* Köşeleri yuvarlak yapar */
  vertical-align: middle;
  /* Dikeyde ortalar */
  animation: pulse 2s infinite;
  /* "pulse" adında bir animasyonu sonsuz tekrarla uygular */
}

/* Elmas ikonu için stil */
.premium-button .bi-gem-fill {
  color: #007bff;
  /* İkonun rengini Bootstrap mavisi yapar */
  margin-right: 5px;
  /* İkonun sağında boşluk bırakır */
}

/* Pulse Animasyonu Tanımı */
@keyframes pulse {
  0% {
    /* Animasyonun başında */
    transform: scale(1);
    /* Boyutu normal */
    box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.7);
    /* Gölge yok */
  }

  70% {
    /* Animasyonun %70'inde */
    transform: scale(1.05);
    /* Boyutu %5 büyüt */
    box-shadow: 0 0 0 10px rgba(255, 215, 0, 0);
    /* Altın sarısı, saydamlaşan bir gölge yay */
  }

  100% {
    /* Animasyonun sonunda */
    transform: scale(1);
    /* Boyutu tekrar normale döndür */
    box-shadow: 0 0 0 0 rgba(255, 215, 0, 0);
    /* Gölgeyi kaldır */
  }
}

/* GENEL NAV LINK STILLERI (Documentation, Pricing) */
.navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.75) !important;
  /* Metin rengini hafif saydam beyaz yapar */
  transition: color 0.3s ease, background-color 0.3s ease;
  /* Renk ve arka plan rengi değişimlerini yumuşatır */
  padding: 0.5rem 1rem;
  /* İç boşluk ekler */
  border-radius: 5px;
  /* Köşeleri hafifçe yuvarlak yapar */
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  color: #fff !important;
  /* Fare üzerine gelince veya aktifse metni tam beyaz yapar */
  background-color: rgba(255, 255, 255, 0.1);
  /* Fare üzerine gelince veya aktifse hafif saydam beyaz arka plan verir */
}

/* KAYIT OL BUTONU (Register) */
/* HTML'de class="btn btn-outline-info-custom" olarak değiştirmelisiniz */
.btn-outline-info-custom {
  background-color: transparent;
  /* Şeffaf arka plan */
  border: 1px solid #17a2b8;
  /* Turkuaz çerçeve */
  color: #17a2b8;
  /* Turkuaz metin */
  transition: all 0.3s ease;
  font-weight: 600;
}

.btn-outline-info-custom:hover {
  background-color: #17a2b8;
  /* Hover'da turkuaz arka plan */
  color: #fff;
  /* Hover'da beyaz metin */
  border-color: #17a2b8;
}

/* GİRİŞ YAP BUTONU (Log in) */
/* HTML'de class="btn btn-outline-success-custom" olarak değiştirmelisiniz */
.btn-outline-success-custom {
  background-color: transparent;
  /* Şeffaf arka plan */
  border: 1px solid #28a745;
  /* Yeşil çerçeve */
  color: #28a745;
  /* Yeşil metin */
  transition: all 0.3s ease;
  font-weight: 600;
}

.btn-outline-success-custom:hover {
  background-color: #28a745;
  /* Hover'da yeşil arka plan */
  color: #fff;
  /* Hover'da beyaz metin */
  border-color: #28a745;
}

/* Kullanıcı Dropdown Menü İçi Linkler için stil */
.dropdown-menu .dropdown-item {
  color: #f8f9fa;
  background-color: #343a40;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.dropdown-menu .dropdown-item:hover {
  background-color: #495057;
  color: #fff;
}

.dropdown-menu .dropdown-item.text-danger:hover {
  background-color: #dc3545;
  color: #fff !important;
}

.dropdown-menu .dropdown-divider {
  border-top-color: rgba(255, 255, 255, 0.1);
}
.navbar {
    z-index: 1050; /* Bootstrap modal z-index'inden daha yüksek, harita üzerinde */
    position: relative; /* z-index için position gerekli */
}