/* Výběr místa události na mapě — modal nad formulářem + náhled ve formuláři */

.calendar-map-pick-block {
  margin-top: 0.75rem;
}

.calendar-map-pick-empty-hint {
  margin: 0 0 0.5rem;
}

.calendar-map-pick-set {
  padding: 0.85rem 1rem;
  border: 1px solid color-mix(in srgb, var(--color-primary) 35%, var(--color-border));
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--color-primary-soft) 40%, var(--color-surface));
}

.calendar-map-pick-confirmation {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0 0 0.75rem;
  font-weight: 600;
  color: var(--color-text);
  line-height: 1.45;
}

.calendar-map-pick-confirmation-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 999px;
  background: var(--color-primary);
  color: #fff;
  font-size: 0.8rem;
  flex-shrink: 0;
}

.calendar-map-pick-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.calendar-map-pick-preview-canvas {
  width: 100%;
  height: 200px;
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1px solid var(--color-border);
  margin-bottom: 0.5rem;
}

.calendar-map-pick-modal {
  position: fixed;
  inset: 0;
  z-index: 13000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.calendar-map-pick-modal[hidden] {
  display: none !important;
}

body.calendar-map-pick-open,
body.org-map-pick-open,
body.guess-map-pick-open {
  overflow: hidden;
}

.calendar-map-pick-basemap {
  margin: 0 0 0.65rem;
}

.calendar-map-pick-basemap-btn.is-active {
  background: var(--color-brand, #1e3a5f);
  color: #fff;
}

.calendar-map-pick-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.45);
}

.calendar-map-pick-dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 42rem);
  max-height: min(92vh, 720px);
  overflow: auto;
  margin: 0;
}

.calendar-map-pick-title {
  margin: 0 0 0.5rem;
  font-size: var(--text-xl);
}

.calendar-map-pick-lead {
  margin: 0 0 1rem;
  line-height: 1.5;
}

.calendar-map-pick-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.calendar-map-pick-canvas {
  width: 100%;
  height: min(52vh, 380px);
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1px solid var(--color-border);
  margin-bottom: 0.75rem;
}

.calendar-map-pick-hint {
  margin: 0 0 0.75rem;
}

/* Detail události — náhled mapy */

.calendar-event-map-section {
  margin-top: 1.25rem;
}

.calendar-event-map-title {
  margin: 0 0 0.75rem;
  font-size: var(--text-lg);
}

.calendar-event-map-preview-link {
  display: block;
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1px solid var(--color-border);
}

.calendar-event-map-preview-canvas {
  height: 240px;
  margin-bottom: 0;
  border: none;
}

.calendar-event-map-preview-img {
  display: block;
  width: 100%;
  height: auto;
}

.calendar-event-map-actions {
  margin-top: 0.75rem;
}
