.marker-icon {
  display: block;
  border: none;
  cursor: pointer;
  padding: 0;
  width: 40px;
  height: 40px;
}

.marker-check {
  background-image: url('/assets/icons/marker-check.svg');
}

.marker-info {
  background-image: url('/assets/icons/marker-info.svg');
}

.marker-warning {
  background-image: url('/assets/icons/marker-warning.svg');
}

.marker-block {
  background-image: url('/assets/icons/marker-block.svg');
}

.custom-marker {
  width: 20px;
  height: 20px;
  background-color: #007bff;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  border: 2px solid white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.marker-large {
  width: 25px;
  height: 25px;
  font-size: 14px;
}

.intermediate-button {
  width: 10px;
  height: 10px;
  background-color: #007bff;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.custom-area-marker {
  width: 12px;
  height: 12px;
  background-color: #00ff7b;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.area-marker-large {
  width: 15px;
  height: 15px;
}

/*
  maplibre-gl-geocoderにてクラス名の不一致が発生しているため、カスタムCSSを追加して問題を解決。
  現在のバージョン（1.7.0）では、HTML要素に maplibre-ctrl-geocoder--suggestion-icon が設定されているが、
  スタイル定義は maplibregl-ctrl-geocoder--suggestion-icon に対して行われているため、正しいスタイルが適用されていない。
  バージョンを1.5.0に落とすと、HTML要素のクラス名とスタイルの名前が逆になっており、こちらも正しいスタイルが適用されない。
  パッケージのバージョンが変更された際には、再度確認と修正が必要になる可能性がある。
*/
.maplibre-ctrl-geocoder--suggestion-icon,
.maplibre-ctrl-geocoder--result-icon {
  min-width: 25px;
  min-height: 20px;
  max-width: 25px;
  max-height: 20px;
  padding-right: 12px;
}

/* 地物データ（features）クリック時に表示されるポップアップのクローズボタン */
.maplibregl-popup-close-button {
  top: 5px;
  right: 10px;
  width: 15px;
}

/* ドローンの詳細情報表示用のポップアップ */
.maplibregl-popup-content {
  padding: 5px 10px;
  min-width: 110px;
}
.custom-popup-tip .maplibregl-popup-tip {
  /* ポップアップの下矢印をドローン用にカスタマイズ */
  display: none;
}