/* ============================================================
   Map Widget — location-map-widget
   All values use design tokens. No hardcoded colors or fonts.
   ============================================================ */

/* Container: sits inside .ed-rail-card or .sd-rail-card */
.map-widget {
  position: relative;
  width: 100%;
  height: 180px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  cursor: pointer;
  background: var(--color-bg-secondary);
}

/* Leaflet map div fills the container */
.map-widget .map-leaflet {
  width: 100%;
  height: 100%;
}

/* Mute the already-minimal Positron tiles further */
.map-widget .leaflet-tile-pane {
  filter: saturate(0.3);
}/* Hide Leaflet attribution (tiny, overlaps with our link) */
.map-widget .leaflet-control-attribution {
  display: none;
}

/* Hide zoom controls — map is non-interactive */
.map-widget .leaflet-control-zoom {
  display: none;
}

/* Google Maps link below the map */
.map-widget-footer {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  margin-top: var(--spacing-sm);
  font-size: var(--font-size-xs);
  color: var(--color-text-tertiary);
}

.map-widget-footer a {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  color: var(--color-text-secondary);
  text-decoration: none;
  font-weight: var(--font-weight-medium);
  transition: color 0.15s;
}

.map-widget-footer a:hover {
  color: var(--color-accent-dark);
  text-decoration: underline;
}

/* Room label shown below the footer in seminar detail */
.map-widget-room {
  margin-top: var(--spacing-sm);
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
}

/* Mobile: reduce height below 640px */
@media (max-width: 640px) {
  .map-widget {
    height: 140px;
  }
}