/* XAN Office v1.3.10.55 — 3B eğim etkileşimi + dokunmatik kullanım + doğal su paleti */

/* 3B görünüm sınıfı sağlamlaştırması: mevcut v1.3.10.51 CSS sözleşmesiyle birlikte çalışır. */
body .xan-map-page-v131051.is-xan-map-3d-v131055 .xan-map-3d-canvas-v131051{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;
}
body .xan-map-page-v131051.is-xan-map-3d-v131055 .xan-map-canvas-v151{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
}
body .xan-map-page-v131051.is-xan-map-3d-v131055 .xan-map-3d-canvas-v131051 .maplibregl-canvas{
  cursor:grab;touch-action:none;
}
body .xan-map-page-v131051.is-xan-map-3d-v131055 .xan-map-3d-canvas-v131051 .maplibregl-canvas:active{cursor:grabbing}

/* Eğim/yön paneli: masaüstünde daha kompakt, haritayı daha az kaplar. */
body .xan-map-page-v186 .xan-map-angle-control-v1310522{gap:5px}
body .xan-map-page-v186 .xan-map-angle-main-v1310522{
  width:34px;height:40px;border-radius:9px;touch-action:none;user-select:none;-webkit-user-select:none;
}
body .xan-map-page-v186 .xan-map-angle-panel-v1310522{
  width:156px;padding:7px;border-radius:11px;box-shadow:0 10px 26px rgba(4,31,64,.17);
}
body .xan-map-page-v186 .xan-map-angle-panel-head-v1310522{margin-bottom:5px;font-size:10.5px}
body .xan-map-page-v186 .xan-map-angle-presets-v1310522,
body .xan-map-page-v186 .xan-map-bearing-presets-v1310522{gap:4px;margin-bottom:5px}
body .xan-map-page-v186 .xan-map-angle-presets-v1310522 button,
body .xan-map-page-v186 .xan-map-bearing-presets-v1310522 button,
body .xan-map-page-v186 .xan-map-angle-actions-v1310522 button{
  height:27px;min-height:27px;padding:0 4px;border-radius:7px;font-size:9.5px;
}
body .xan-map-page-v186 .xan-map-bearing-presets-v1310522 button{font-size:14px;line-height:1}
body .xan-map-page-v186 .xan-map-angle-help-v131055{
  display:block;margin-top:6px;padding-top:5px;border-top:1px solid #e4ecef;color:#60727b!important;
  font-size:7.75px!important;line-height:1.25!important;font-weight:600!important;text-align:center;
}

/* Koyu aktif düğmelerde metin/ikon her zaman beyaz. */
body .xan-map-page-v186 :is(.xan-map-angle-presets-v1310522,.xan-map-bearing-presets-v1310522,.xan-map-angle-actions-v1310522) button.is-active,
body .xan-map-page-v186 .xan-map-angle-actions-v1310522 button:first-child,
body .xan-map-page-v186 .xan-map-angle-main-v1310522.is-active{
  color:#fff!important;
}
body .xan-map-page-v186 .xan-map-angle-main-v1310522.is-active :is(span,small){color:#fff!important}

/* Tablet ve dokunmatik cihazlarda basma hedefleri büyür; panel yine kompakt kalır. */
@media (pointer:coarse), (max-width:1024px){
  body .xan-map-page-v186 .xan-map-angle-main-v1310522{width:42px;height:44px;border-radius:10px}
  body .xan-map-page-v186 .xan-map-angle-panel-v1310522{width:190px;padding:9px}
  body .xan-map-page-v186 .xan-map-angle-presets-v1310522 button,
  body .xan-map-page-v186 .xan-map-bearing-presets-v1310522 button,
  body .xan-map-page-v186 .xan-map-angle-actions-v1310522 button{height:38px;min-height:38px;font-size:11px}
  body .xan-map-page-v186 .xan-map-bearing-presets-v1310522 button{font-size:17px}
  body .xan-map-page-v186 .xan-map-angle-help-v131055{font-size:8.5px!important}
}

/* Telefon: panel ekranın dışına taşmaz, başparmakla kullanılabilir. */
@media(max-width:820px){
  body .xan-map-page-v186 .xan-map-angle-control-v1310522{left:8px;top:76px;max-width:calc(100vw - 16px)}
  body .xan-map-page-v186[data-xan-map-dimension="3d"] .xan-map-angle-control-v1310522{top:110px}
  body .xan-map-page-v186 .xan-map-angle-panel-v1310522{width:min(194px,calc(100vw - 66px));max-height:52vh;overflow:auto;overscroll-behavior:contain}
  body .xan-map-page-v186 .xan-map-angle-help-v131055{line-height:1.35!important}
}

/* Çok dar ekranlarda panel daha da sıkışır ancak dokunma alanı korunur. */
@media(max-width:430px){
  body .xan-map-page-v186 .xan-map-angle-panel-v1310522{width:min(184px,calc(100vw - 62px));padding:8px}
  body .xan-map-page-v186 .xan-map-angle-presets-v1310522 button,
  body .xan-map-page-v186 .xan-map-bearing-presets-v1310522 button{height:36px;min-height:36px}
}

@media(prefers-reduced-motion:reduce){
  body .xan-map-page-v186 .xan-map-angle-main-v1310522,
  body .xan-map-page-v131051 .xan-map-3d-canvas-v131051{transition:none!important}
}