/* ===== DaemonHive: marker polish (no CSS vars, legacy-safe) ===== */

/* Base Leaflet marker element */
.leaflet-marker-icon { background: transparent; border: 0; }

/* Coin marker shell (DIV-based) */
.leaflet-marker-icon.dh-sigil-icon {
  width: 48px !important;
  height: 48px !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(#fdfdfd, #f7f7f7) !important;
  border-radius: 50% !important;
  border: 2px solid #f0c35a !important;
  box-shadow:
    0 0 0 4px #ffffff,
    0 6px 14px rgba(0,0,0,.18),
    0 2px 6px rgba(0,0,0,.10) !important;
  background-image: none !important;
  border-image: none !important;
}

/* Inner sigil size (DIV-based coin) — make it nearly fill the coin */
.leaflet-marker-icon.dh-sigil-icon > img,
.leaflet-marker-icon.dh-sigil-icon > svg {
  width: 44px !important;   /* was 42px */
  height: 44px !important;
  object-fit: contain;
  display: block;
  background: transparent;
  border: 0;
  box-shadow: none;
}

/* Fallback: if a marker slips in as <img class="leaflet-marker-icon dh-sigil-icon"> */
img.leaflet-marker-icon.dh-sigil-icon {
  width: 48px !important;
  height: 48px !important;
  object-fit: contain !important;
  border-radius: 50% !important;
  background: linear-gradient(#fdfdfd,#f7f7f7) !important;
  border: 2px solid #f0c35a !important;
  box-shadow:
    0 0 0 4px #fff,
    0 6px 14px rgba(0,0,0,.18),
    0 2px 6px rgba(0,0,0,.10) !important;
}

/* Hide default Leaflet blue pin if it slips in */
.leaflet-marker-icon:not(.dh-sigil-icon) img[src*="marker-icon.png"] {
  display: none !important;
}

/* Hover/focus affordance */
.leaflet-marker-icon.dh-sigil-icon:focus,
.leaflet-marker-icon.dh-sigil-icon:focus-visible,
.leaflet-marker-icon.dh-sigil-icon:hover {
  outline: 3px solid #3b82f6;
  outline-offset: 2px;
  box-shadow:
    0 0 0 5px #ffffff,
    0 10px 18px rgba(0,0,0,.20),
    0 4px 10px rgba(0,0,0,.12) !important;
}

/* Size variants (optional) */
.leaflet-marker-icon.dh-sigil-icon.dh-sm { width: 40px !important; height: 40px !important; }
.leaflet-marker-icon.dh-sigil-icon.dh-lg { width: 56px !important; height: 56px !important; }
.leaflet-marker-icon.dh-sigil-icon.dh-sm > img,
.leaflet-marker-icon.dh-sigil-icon.dh-sm > svg { width: 30px !important; height: 30px !important; }
.leaflet-marker-icon.dh-sigil-icon.dh-lg > img,
.leaflet-marker-icon.dh-sigil-icon.dh-lg > svg { width: 50px !important; height: 50px !important; }

/* Tame default Leaflet pin look if present */
.leaflet-marker-icon:not(.dh-sigil-icon) {
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.18));
}

/* Cluster styling */
.marker-cluster-small, .marker-cluster-medium, .marker-cluster-large {
  background: radial-gradient(closest-side, #ffffff, #eef2fa);
  border: 2px solid #cfd8ea;
  box-shadow: 0 6px 14px rgba(0,0,0,.18);
  color: #172033;
}
.marker-cluster div { font-weight: 700; }
