/**
 * 지도 컨테이너 스타일
 */
.map-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

// OpenLayers 기본 컨트롤 숨김 (스케일바 제외)
.ol-control {
  display: none !important;
  background: transparent !important;
}

// OpenLayers 기본 컨트롤 명시적 숨김
.ol-attribution,
.ol-zoom,
.ol-rotate,
.ol-mouse-position,
.ol-full-screen,
.ol-overviewmap {
  display: none !important;
}

// OpenLayers 뷰포트 관련 스타일
.ol-viewport {
  background-color: transparent;
}

// 컨트롤 컨테이너를 Deck.gl 캔버스 위에 표시
.ol-overlaycontainer-stopevent {
  z-index: 1 !important;
}

// OpenLayers 오버레이 스타일
.ol-overlay-container {
  background: transparent;
}

// =====================
// 스케일바 위치 및 스타일 오버라이드
// =====================

// 스케일바 wrapper (.ol-control이 아닌 .ol-scale-bar 직접 타겟)
.ol-scale-bar {
  // 좌측→우측으로 위치 변경
  left: auto !important;
  right: 70px !important;
  bottom: 16px !important;

  // 배경 스타일
  background: rgba(30, 35, 45, 0.92) !important;
  border-radius: 4px !important;
  padding: 22px 10px 4px !important;
  z-index: 100 !important;
}

// 상단 비율 텍스트 (1:XXX)
.ol-scale-bar .ol-scale-text {
  text-shadow: none !important;
  font-family: 'Segoe UI', sans-serif !important;
  color: #eee !important;
  bottom: 30px !important;
}

// 하단 거리 텍스트
.ol-scale-bar .ol-scale-step-text {
  text-shadow: none !important;
  font-family: 'Segoe UI', sans-serif !important;
  color: #bbb !important;
  bottom: 1px !important;
}

// 막대 색상
.ol-scale-bar .ol-scale-singlebar-even {
  background-color: #4fc3f7 !important;
}

.ol-scale-bar .ol-scale-singlebar-odd {
  background-color: #555 !important;
}

// 기존 라인 스케일 숨김
.ol-scale-line {
  display: none !important;
}

// =====================
// Ctrl+Drag 박스 선택 스타일
// =====================
.ol-dragbox {
  border: 2px solid rgba(255, 215, 0, 0.8);
  background-color: rgba(255, 215, 0, 0.1);
}
