/* WoW 4 global-map theme parity layer.
   Purpose: keep the 23-country/world-zone app visually aligned with the
   WoW 3.0 production deploy (`wow-695.pages.dev`) while preserving WoW 4
   data/routing behaviour. Loaded after global preview overrides. */

#map {
  background: #ddd;
}

#map::after {
  z-index: 650;
  background: radial-gradient(ellipse at 50% 50%,
    transparent 38%,
    rgba(44, 28, 18, 0.18) 75%,
    rgba(44, 28, 18, 0.42) 100%);
  mix-blend-mode: normal;
}

.leaflet-tile-pane .wow-context-basemap-tile-layer,
.leaflet-tile-pane .detail-basemap-tile-layer {
  filter: none;
}

/* Keep WoW 4 world-zone/country labels in the same editorial family as
   WoW 3 map callouts: cream paper, burgundy accents, serif italics, subtle
   shadow — no extra modern/saturated treatment. */
.wow-country-label {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: rgba(52,34,22,0.96);
  font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1;
  padding: 0;
  text-shadow: 0 1px 0 rgba(255,248,240,0.92), 1px 0 0 rgba(255,248,240,0.92), -1px 0 0 rgba(255,248,240,0.92), 0 -1px 0 rgba(255,248,240,0.92);
  text-transform: none;
}

.wow-zone-label {
  gap: 2px;
  min-width: 0;
}

.wow-zone-label span {
  font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-transform: none;
}

.wow-zone-label small {
  color: rgba(122,106,90,0.92);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 9px;
  font-style: italic;
  letter-spacing: 0.02em;
  text-transform: none;
}

.country-region-pill {
  display: inline-block;
  padding: 4px 7px 4px;
  background: rgba(255, 248, 240, 0.78);
  border: 1px solid rgba(88,62,42,0.15);
  border-radius: 2px;
  box-shadow: 0 1px 4px rgba(44,30,20,0.07);
  text-align: center;
  text-shadow: none;
}

.country-region-wrap:hover .country-region-pill {
  background: rgba(255, 248, 240, 0.9);
  border-color: rgba(88,62,42,0.18);
  box-shadow: 0 2px 6px rgba(44,30,20,0.09);
}

.country-region-wrap.is-active .country-region-pill {
  background: rgba(252,245,237,0.9);
  border-color: rgba(114,47,55,0.24);
  box-shadow: 0 2px 7px rgba(44,30,20,0.1);
}

.country-region-pill strong {
  display: block;
  padding: 0;
  color: rgba(52,34,22,0.96);
  font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.045em;
  line-height: 0.94;
  text-shadow: none;
}

.country-region-wrap.is-active .country-region-pill strong {
  color: rgba(92,38,45,0.98);
}

.subregion-map-label {
  color: rgba(52,34,22,0.98);
  font-size: 13px;
  text-shadow: 0 1px 0 rgba(255,248,240,0.95), 1px 0 0 rgba(255,248,240,0.95), -1px 0 0 rgba(255,248,240,0.95), 0 -1px 0 rgba(255,248,240,0.95);
}

.map-callout-pill {
  background: rgba(255,248,240,0.74);
  border-color: rgba(88,62,42,0.12);
  box-shadow: 0 2px 7px rgba(44,30,20,0.08);
}

.wow-world-leader-line,
.wow-label-leader {
  filter: drop-shadow(0 1px 0 rgba(255,248,240,0.62));
  mix-blend-mode: multiply;
}

.leaflet-tooltip.wow-geojson-label {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: var(--text);
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: normal;
  line-height: 1.25;
  padding: 0;
  text-align: center;
  white-space: nowrap;
}

.leaflet-tooltip.wow-geojson-label.wow-callout-label {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.leaflet-tooltip.wow-geojson-label .wow-map-label-name {
  display: block;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.05;
  text-transform: uppercase;
}

.leaflet-tooltip.wow-geojson-label .wow-map-label-grapes {
  color: currentColor;
  display: block;
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25;
  margin-top: 6px;
  opacity: 0.82;
  text-transform: none;
}