/* ===== TourixPro VIP Demo - Minimal + Premium ===== */

/* 1) Genel arka planı ve tipografiyi yumuşat */
body {
  background: #f5f7fb !important;
  font-family: Arial, sans-serif !important;
}

/* 2) Harita/iframe köşelerini yumuşat, premium kart hissi */
iframe, .map-iframe, .tour-map-iframe {
  border-radius: 14px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.12) !important;
}

/* 3) Üst başlık/toolbar benzeri alanları sadeleştir (varsa) */
.header, .topbar, .map-header, .map-toolbar, .toolbar, .navbar {
  background: rgba(255,255,255,0.88) !important;
  backdrop-filter: blur(8px) !important;
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}

/* 4) Gereksiz metin bloklarını gizlemeye çalış (varsa) */
.map-title, .title, .subtitle, .breadcrumb, .credits, .powered-by {
  display: none !important;
}

/* 5) Kontrol butonlarına kurumsal görünüm ver (varsa) */
button, .btn, .map-button, .control-btn, .leaflet-control a {
  border-radius: 10px !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.12) !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
}

/* 6) TourixPro turuncu vurguyu butonlarda kullan */
button.primary, .btn-primary, .primary-btn, .map-button.primary {
  background: #f36a21 !important;
  color: #ffffff !important;
  border: none !important;
}

/* 7) Hover'da premium hissiyat */
button:hover, .btn:hover, .map-button:hover, .control-btn:hover, .leaflet-control a:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,0.16) !important;
}

/* 8) Mobilde daha temiz: bazı kontrolleri azalt (varsa) */
@media (max-width: 768px) {
  .map-controls.secondary,
  .secondary-controls,
  .extra-controls,
  .help,
  .legend {
    display: none !important;
  }

  button, .btn, .map-button, .control-btn, .leaflet-control a {
    border-radius: 12px !important;
  }
}

/* 9) Eğer Leaflet kullanılıyorsa: kontrol kutularını güzelleştir */
.leaflet-control, .leaflet-bar {
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.12) !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
}