/* ============================================================
   MAP — виджет Google-карты во всю ширину, в цветах сайта
   ============================================================ */

/* Шапка секции (в контейнере) */
.map-section__head {
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: var(--space-6); flex-wrap: wrap;
  margin-bottom: var(--space-8);
}
.map-section__head .eyebrow { margin-bottom: var(--space-3); }
.map-section__addr { font-size: var(--text-sm); color: var(--color-text-muted); line-height: var(--leading-relaxed); max-width: 32ch; }
.map-section__addr b { color: var(--color-text); font-weight: var(--font-weight-semi); display: block; margin-bottom: var(--space-1); font-family: var(--font-display); font-size: var(--text-base); }

/* Виджет карты — во всю ширину экрана */
.map-widget {
  width: 100%;
  background: var(--color-surface);
  border-top: 1px solid var(--color-border-strong);
  border-bottom: 1px solid var(--color-border-strong);
  overflow: hidden;
}
.map-widget__head {
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-4) var(--container-pad);
  border-bottom: 1px solid var(--color-border);
}
.map-widget__label {
  font-family: var(--font-display);
  font-size: var(--text-base);
  font-weight: var(--font-weight-semi);
  display: inline-flex; align-items: center; gap: var(--space-2);
}
.map-widget__label::before {
  content: '';
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--color-gold);
}
.map-widget__coords {
  font-size: var(--text-xs);
  letter-spacing: .04em;
  color: var(--color-text-dim);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.map-widget__frame {
  position: relative;
  width: 100%;
  height: clamp(360px, 52vh, 640px);
  background: var(--color-surface-2);
}
.map-widget__frame iframe {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  border: 0; display: block;
  /* приводим карту Google к тёмной палитре сайта */
  filter: grayscale(0.5) invert(0.92) hue-rotate(175deg) saturate(0.65) brightness(0.92) contrast(0.95);
  transition: filter var(--transition-base);
}
[data-theme="light"] .map-widget__frame iframe {
  filter: grayscale(0.25) saturate(0.85) contrast(0.96);
}

/* ── Адаптив ── */
@media (max-width: 768px) {
  .map-widget__frame { height: clamp(320px, 58vh, 520px); }
}
@media (max-width: 560px) {
  .map-widget__head { flex-direction: column; align-items: flex-start; gap: var(--space-1); }
  .map-widget__frame { height: clamp(300px, 64vh, 440px); }
}