/* Chernarus-specific overrides layered on top of the reused V Rising styles.css.
   Keeping these separate leaves styles.css byte-identical to the V Rising base
   (easy diff / easy to re-sync). */

/* Placeholder backdrop shown until the real Chernarus tile pyramid is dropped
   into ./tiles. Rendered on the map container so panning/markers still work.
   Remove nothing when real tiles arrive — the tile layer simply paints over it. */
#map.tiles-missing {
  background-color: #0f1a12;
  background-image:
    linear-gradient(rgba(120, 150, 110, 0.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(120, 150, 110, 0.10) 1px, transparent 1px);
  background-size: 48px 48px;
}

/* Coordinate readout (bottom-left) — shows live in-game X / Z under the cursor. */
.coord-readout {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 1000;
  padding: 5px 9px;
  border-radius: 6px;
  background: rgba(10, 16, 12, 0.78);
  color: #d6e2cf;
  font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: 0.02em;
  pointer-events: none;
  white-space: nowrap;
}

/* Subcategory rows sit slightly indented under their category heading. */
.subcategory-list {
  margin-left: 6px;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  padding-left: 6px;
}

/* Empty-search / empty-filter hint inside the category panel. */
.filter-empty {
  padding: 14px 4px;
  color: #8b9787;
  font-size: 13px;
}

/* Popup coordinate line. */
.popup-coords {
  margin-top: 6px;
  font: 12px/1.3 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color: #b9c6ad;
}

/* Popup loot line — categories a building CAN spawn (not exact item locations). */
.popup-loot {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.35;
  color: #c8d2be;
}
.popup-loot-label {
  color: #8fa07e;
  font-weight: 600;
}

/* Popup disclaimer (e.g. animal spawn zones). */
.popup-note {
  margin-top: 6px;
  font-size: 11.5px;
  line-height: 1.35;
  font-style: italic;
  color: #9aa691;
}

/* Popup "Complete" toggle button. */
.popup-complete {
  margin-top: 10px;
  width: 100%;
  padding: 7px 10px;
  border: 1px solid #46603b;
  border-radius: 7px;
  background: #33512a;
  color: #eaf3e2;
  font: 600 12.5px/1 inherit;
  cursor: pointer;
}
.popup-complete:hover {
  background: #3d6031;
}
.popup-complete.is-complete {
  background: #2a3320;
  border-color: #37432a;
  color: #9aa691;
}

/* "Reset completed" button — its own row under the toolbar (kept out of the
   two-column toolbar grid). No `display` here so the [hidden] attribute works. */
#resetCompleted {
  margin: -6px 14px 14px;
  padding: 7px 10px;
  border: 1px solid rgba(103, 112, 175, 0.32);
  border-radius: 8px;
  background: transparent;
  color: #d7b48a;
  font: 700 12px/1 inherit;
  cursor: pointer;
}
#resetCompleted:hover {
  background: rgba(215, 180, 138, 0.12);
}

/* Location text labels — readable via text shadow, no background box so they
   never cover the map; non-interactive. */
.loc-label {
  pointer-events: none;
  background: none;
  border: none;
}
.loc-label span {
  display: inline-block;
  transform: translate(-50%, 6px);
  white-space: nowrap;
  font-weight: 700;
  color: #f2ecdb;
  text-shadow: 0 0 3px #000, 0 0 3px #000, 0 1px 2px #000;
  letter-spacing: 0.2px;
}
.loc-label-r1 span { font-size: 13.5px; }
.loc-label-r2 span { font-size: 11.5px; color: #e6e0cf; }
.loc-label-r3 span { font-size: 10.5px; color: #cfc9b8; font-weight: 600; }