/* map.css — consent-gated Google Maps embed (aspect 16:9 desktop / 4:3 mobile) */

.wh-map-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 1px solid var(--c-ink);
  border-radius: var(--r-md);
  overflow: hidden;
  background: var(--c-paper-alt);
}
.wh-map-wrap iframe { width: 100%; height: 100%; border: 0; display: block; }

.wh-map-placeholder {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 14px; text-align: center; padding: var(--space-item);
  background: var(--c-paper-alt); color: var(--c-ink);
}
.wh-map-placeholder h3 {
  font-family: var(--f-body); font-weight: 600;
  font-size: var(--f-label); letter-spacing: 0.15em;
  text-transform: uppercase; color: var(--c-accent); margin: 0;
}
.wh-map-placeholder p { margin: 0; max-width: 36ch; font-size: 15px; color: var(--c-ink-muted); }

.wh-map-opt-out { display: block; font-size: 14px; margin-top: 8px; color: var(--c-ink-muted); }

@media (max-width: 640px) {
  .wh-map-wrap { aspect-ratio: 4 / 3; }
}