/* ===================================
   KUMGANG INDEX
   기존 PHANTOM MOUNTAIN 레이아웃 유지
=================================== */

.kumgang-index-page {
  margin: 0;
  overflow: hidden;
  background: #111111;
}

/* 기존 고정 인터페이스 위치는 공통 style.css를 그대로 사용 */
.kumgang-index-page .site-header,
.kumgang-index-page .departure-info,
.kumgang-index-page .day-counter,
.kumgang-index-page .email-link {
  z-index: 1200;
}

/*
  이 페이지에서 별도로 16px을 강제하지 않습니다.
  공통 사이트 기준인 14px로만 통일합니다.
*/
.kumgang-index-page .site-title,
.kumgang-index-page .site-navigation,
.kumgang-index-page .site-navigation a,
.kumgang-index-page .navigation-heading,
.kumgang-index-page .departure-info,
.kumgang-index-page .day-counter,
.kumgang-index-page .email-link,
.kumgang-page-title,
.kumgang-entry-count,
.kumgang-map-status {
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
}

.kumgang-index-page .top-link {
  display: none;
}


/* ===================================
   MAP
=================================== */

.kumgang-map-shell {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  overflow: hidden;
  background: #111111;
}

.kumgang-map {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: #111111;
}


/* ===================================
   CENTERED PAGE TITLE
   PHANTOM MOUNTAIN / 메뉴와 같은 윗줄 중앙
=================================== */

.kumgang-page-title {
  position: fixed;
  top: 27px;
  left: 50%;
  z-index: 1250;
  margin: 0;
  transform: translateX(-50%);
  color: #b9b9b9;
  font-weight: 400;
  letter-spacing: 0;
  white-space: nowrap;
  pointer-events: none;
}


/* 오른쪽 아래 엔트리 수 */
.kumgang-entry-count {
  position: fixed;
  right: 28px;
  bottom: 28px;
  z-index: 1000;
  color: #777777;
  pointer-events: none;
}

.kumgang-map-status {
  position: fixed;
  left: 28px;
  bottom: 28px;
  z-index: 1000;
  color: #777777;
  pointer-events: none;
}


/* ===================================
   RED DOTS
=================================== */

.kumgang-index-page .leaflet-overlay-pane svg path.kumgang-marker {
  fill: #c83a3a !important;
  stroke: #c83a3a !important;
  stroke-width: 0 !important;
  fill-opacity: 0.94 !important;
}

.kumgang-index-page .leaflet-overlay-pane svg path.kumgang-marker.is-hovered {
  fill: #dc4b4b !important;
  stroke: #dc4b4b !important;
  fill-opacity: 1 !important;
}


/* ===================================
   LEAFLET CONTROLS
=================================== */

.kumgang-index-page .leaflet-container {
  font-family: inherit;
  font-size: 14px;
}

.kumgang-index-page .leaflet-top.leaflet-left {
  top: 74px;
  left: 16px;
}

.kumgang-index-page .leaflet-control-zoom {
  margin: 0;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.kumgang-index-page .leaflet-control-zoom a {
  width: 32px !important;
  height: 32px !important;
  line-height: 30px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 0 !important;
  background: rgba(17, 17, 17, 0.86) !important;
  color: #8a8a8a !important;
  font-size: 20px !important;
  font-weight: 400 !important;
}

.kumgang-index-page .leaflet-control-zoom a:last-child {
  border-bottom: 0 !important;
}


/* ===================================
   TOOLTIP — 모든 글자 14px
=================================== */

.kumgang-tooltip.leaflet-tooltip {
  box-sizing: border-box !important;
  width: max-content !important;
  min-width: 260px !important;
  max-width: min(420px, calc(100vw - 48px)) !important;
  padding: 11px 13px 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: rgba(17, 17, 17, 0.96) !important;
  color: #d2d2d2 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
}

.kumgang-tooltip.leaflet-tooltip::before {
  display: none !important;
}

.kumgang-tooltip .tooltip-name,
.kumgang-tooltip .tooltip-address {
  display: block;
  margin: 0;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
  writing-mode: horizontal-tb;
}

.kumgang-tooltip .tooltip-name {
  margin-bottom: 4px;
  color: #d8d8d8;
  font-weight: 500;
}

.kumgang-tooltip .tooltip-address {
  color: #999999;
  font-weight: 400;
}


/* ===================================
   ATTRIBUTION
=================================== */

.kumgang-index-page .leaflet-control-attribution {
  padding: 2px 5px !important;
  border-radius: 0 !important;
  background: rgba(17, 17, 17, 0.58) !important;
  color: #555555 !important;
  font-size: 8px !important;
}

.kumgang-index-page .leaflet-control-attribution a {
  color: #666666 !important;
}


/* ===================================
   TABLET
=================================== */

@media (min-width: 768px) and (max-width: 1400px) {
  .kumgang-page-title {
    top: 24px;
  }

  .kumgang-entry-count {
    right: 24px;
    bottom: 22px;
  }

  .kumgang-map-status {
    left: 24px;
    bottom: 22px;
  }

  .kumgang-index-page .leaflet-top.leaflet-left {
    top: 70px;
    left: 12px;
  }
}

@media (orientation: portrait) and (max-width: 1100px) {
  .kumgang-tooltip.leaflet-tooltip {
    min-width: 240px !important;
    max-width: calc(100vw - 40px) !important;
    white-space: normal !important;
  }

  .kumgang-tooltip .tooltip-address {
    white-space: normal;
  }
}