/* Interactive Corfu map (Leaflet + OpenStreetMap).
   Replaces the illustrated SVG map. The tile fills the whole area column;
   the note sits on top and the old grid-paper overlay is removed. */

.area__map {
  display: block;
  padding: 0;
  background: #171711;
}

.area__map::before {
  display: none;
}

.area-map__canvas {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: #d9e0db;
}

.area__map-note {
  z-index: 3;
  left: 28px;
  bottom: 24px;
  background: rgba(23, 23, 17, 0.78);
  color: #f4e9dc;
  padding: 8px 12px;
  border-radius: 4px;
  letter-spacing: 0.12em;
  font-size: 0.72rem;
}

.area__map-fallback {
  margin: 0;
  padding: 24px;
  color: #f4e9dc;
  font-family: var(--sans);
}

@media (max-width: 760px) {
  .area__map-note {
    left: 16px;
    bottom: 16px;
  }
}