/* ArcCAP V3 - Leaflet Draw Custom Styles */
/* ArcCAP stilinde ölçüm araçları: koyu gri, brutalist */

/* Draw toolbar gizle (bizim brutalist navbar kullanıyoruz) */
.leaflet-draw-toolbar,
.leaflet-draw-toolbar-top,
.leaflet-draw-toolbar-bottom,
.leaflet-draw-toolbar-left,
.leaflet-draw-toolbar-right {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
}

/* Draw control container'ı da gizle */
.leaflet-draw {
  display: none !important;
}

/* Draw marker stilleri - ArcCAP stili (brutalist) */
.leaflet-draw-tooltip {
  background: #ffffff !important;
  border: 2px solid #000000 !important;
  color: #000000 !important;
  font-family: 'Google Sans Code', monospace !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 6px 10px !important;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.15) !important;
  border-radius: 0 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.leaflet-draw-tooltip-subtext {
  color: #666666 !important;
  font-size: 10px !important;
  font-family: 'Google Sans Code', monospace !important;
  font-weight: 400 !important;
}

.leaflet-draw-tooltip span {
  font-family: 'Google Sans Code', monospace !important;
  font-weight: 600 !important;
}

/* Hata tooltip'i */
.leaflet-error-draw-tooltip {
  background: #ffffff !important;
  border: 2px solid #ff2b2b !important;
  color: #ff2b2b !important;
  font-family: 'Google Sans Code', monospace !important;
  font-weight: 700 !important;
}

/* Draw marker ikonları - ArcCAP stili */
.leaflet-draw-draw-marker .leaflet-draw-toolbar-button {
  background-color: #ffffff;
  border: 2px solid #000000;
}

/* Ölçüm çizgileri - ArcCAP stili (koyu gri) */
.leaflet-draw-guide-dash {
  background: #606060;
  border-color: #606060;
}

/* Ölçüm noktaları (markers) - ArcCAP stili */
.leaflet-draw-edit-marker,
.leaflet-draw-draw-marker {
  background-color: #606060 !important;
  border-color: #000000 !important;
}

/* Draw polyline/polygon stilleri */
.leaflet-draw-draw-polyline .leaflet-draw-toolbar-button,
.leaflet-draw-draw-polygon .leaflet-draw-toolbar-button,
.leaflet-draw-draw-circle .leaflet-draw-toolbar-button,
.leaflet-draw-draw-rectangle .leaflet-draw-toolbar-button {
  background-color: #ffffff;
  border: 2px solid #000000;
}

/* Ölçüm çizgilerinin rengi - ArcCAP stili */
.leaflet-draw-toolbar a {
  background-color: #ffffff;
  border: 2px solid #000000;
  color: #000000;
}

.leaflet-draw-toolbar a:hover {
  background-color: #f0f0f0;
}

/* Draw vertex (nokta) stilleri - ArcCAP stili */
.leaflet-vertex-icon {
  background-color: #606060 !important;
  border: 2px solid #000000 !important;
  width: 12px !important;
  height: 12px !important;
  margin: -6px 0 0 -6px !important;
  border-radius: 50% !important;
}

.leaflet-vertex-icon:hover {
  background-color: #808080 !important;
}

/* Draw middle marker stilleri */
.leaflet-middle-icon {
  background-color: #606060 !important;
  border: 2px solid #000000 !important;
  width: 10px !important;
  height: 10px !important;
  margin: -5px 0 0 -5px !important;
  border-radius: 50% !important;
}

.leaflet-middle-icon:hover {
  background-color: #808080 !important;
}

/* Draw polyline/polygon çizgileri - ArcCAP stili */
.leaflet-draw-guide-dash {
  background: #606060;
  border-color: #606060;
}

/* Draw edit mode stilleri */
.leaflet-draw-edit-edit .leaflet-draw-toolbar-button,
.leaflet-draw-edit-remove .leaflet-draw-toolbar-button {
  background-color: #ffffff;
  border: 2px solid #000000;
  color: #000000;
}

.leaflet-draw-edit-edit .leaflet-draw-toolbar-button:hover,
.leaflet-draw-edit-remove .leaflet-draw-toolbar-button:hover {
  background-color: #f0f0f0;
}

/* Draw popup stilleri - ArcCAP stili */
.leaflet-popup-content-wrapper {
  background: #ffffff;
  border: 2px solid #000000;
  color: #000000;
  font-family: 'Google Sans Code', monospace;
  font-size: 12px;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
}

.leaflet-popup-tip {
  background: #ffffff;
  border: 2px solid #000000;
}

.leaflet-popup-content {
  margin: 12px;
  font-weight: 600;
}

.leaflet-popup-close-button {
  color: #000000;
  font-size: 18px;
  font-weight: 700;
  padding: 4px 8px;
}

.leaflet-popup-close-button:hover {
  background-color: #f0f0f0;
}

/* Draw action stilleri */
.leaflet-draw-actions {
  background: #ffffff;
  border: 2px solid #000000;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
}

.leaflet-draw-actions a {
  background-color: #ffffff;
  border-bottom: 1px solid #000000;
  color: #000000;
  font-family: 'Google Sans Code', monospace;
  font-size: 12px;
  font-weight: 600;
  padding: 8px 12px;
}

.leaflet-draw-actions a:hover {
  background-color: #f0f0f0;
}

.leaflet-draw-actions a:last-child {
  border-bottom: none;
}

/* Draw toolbar button stilleri - brutalist */
.leaflet-draw-toolbar-button {
  background-color: #ffffff !important;
  border: 2px solid #000000 !important;
  color: #000000 !important;
  font-family: 'Google Sans Code', monospace !important;
  font-weight: 600 !important;
}

.leaflet-draw-toolbar-button:hover {
  background-color: #f0f0f0 !important;
}

.leaflet-draw-toolbar-button.active {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Draw icon stilleri */
.leaflet-draw-toolbar-button .leaflet-draw-icon {
  background-color: transparent;
  border: none;
}

/* ArcCAP marker ikonu */
.arccap-marker-icon {
  background: transparent !important;
  border: none !important;
}

/* ArcCAP measurement popup */
.arccap-measurement-popup .leaflet-popup-content-wrapper {
  background: #ffffff;
  border: 2px solid #000000;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
  font-family: 'Google Sans Code', monospace;
}

.arccap-measurement-popup .leaflet-popup-tip {
  background: #ffffff;
  border: 2px solid #000000;
}

/* Draw vertex icon stilleri - ArcCAP stili (koyu gri noktalar) */
.leaflet-edit-marker-icon,
.leaflet-edit-move-icon,
.leaflet-edit-remove-icon {
  background-color: #606060 !important;
  border: 2px solid #000000 !important;
}

.leaflet-edit-marker-icon:hover,
.leaflet-edit-move-icon:hover,
.leaflet-edit-remove-icon:hover {
  background-color: #808080 !important;
}