/**
 * Winx map widget: MapLibre canvas sizing + the SVG pin marker. The base
 * map style itself (colours, muted palette) lives in
 * assets/vendor/maplibre/winx-map-style.json, not here.
 */
.map-embed {
  position: relative;
}
.map-embed .maplibregl-map {
  width: 100%;
  height: 100%;
  font-family: inherit;
}
/* The required OpenStreetMap/OpenFreeMap attribution stays present (it's a
   licence condition of the tile data, not optional), but sits as a quiet
   small mark instead of a permanent text banner across the map - the full
   text reveals on hover/focus, same behaviour MapLibre's own "compact" mode
   gives on narrow viewports, forced here so it also applies at full width. */
.map-embed .maplibregl-ctrl-attrib {
  font-size: 10px;
  background: color-mix(in srgb, var(--paper, #f6f3ec) 88%, transparent);
  border-radius: 999px;
  transition: background var(--dur-2, .2s) var(--ease-out, ease);
}
.map-embed .maplibregl-ctrl-attrib-inner {
  display: none !important;
  color: var(--ink-3, #6b6152);
  white-space: nowrap;
}
.map-embed .maplibregl-ctrl-attrib-button {
  display: block !important;
  opacity: .55;
}
.map-embed .maplibregl-ctrl-attrib:hover,
.map-embed .maplibregl-ctrl-attrib:focus-within {
  background: var(--paper, #f6f3ec);
}
.map-embed .maplibregl-ctrl-attrib:hover .maplibregl-ctrl-attrib-inner,
.map-embed .maplibregl-ctrl-attrib:focus-within .maplibregl-ctrl-attrib-inner {
  display: inline !important;
}
.map-embed .maplibregl-ctrl-attrib:hover .maplibregl-ctrl-attrib-button,
.map-embed .maplibregl-ctrl-attrib:focus-within .maplibregl-ctrl-attrib-button {
  opacity: 0;
  pointer-events: none;
}
.map-pin {
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.35));
  cursor: pointer;
}
.map-embed .maplibregl-popup-content {
  font-family: var(--font-body, inherit);
  font-size: var(--step--1, 0.9rem);
  color: var(--ink, #231512);
  padding: var(--sp-3, 0.75rem) var(--sp-4, 1rem);
  border-radius: var(--radius-md, 8px);
  box-shadow: var(--shadow-2, 0 8px 24px rgba(0, 0, 0, 0.15));
}
.map-embed .maplibregl-popup-tip {
  border-top-color: #fff;
}

/* Zoom controls on the site's tokens (MapLibre ships Helvetica + square corners; design audit 2026-09-21). */
.map-embed .maplibregl-ctrl-group { border-radius: var(--radius-lg); overflow: hidden; box-shadow: 0 1px 2px rgba(22,18,15,.14), 0 8px 18px -12px rgba(22,18,15,.5); }
.map-embed .maplibregl-ctrl-group button { font-family: var(--font-sans); background: var(--paper); }
.map-embed .maplibregl-ctrl-group button + button { border-top-color: var(--line); }