/* 2 колонки: слева список ~30%, справа карта ~70% */
.wm-wrap {
  display: flex;
  gap: 20px;
  align-items: stretch;
  width: 100%;
}

.wm-sidebar {
  flex: 0 0 30%;
  max-width: 30%;
  position: relative;
  z-index: 10;
}

.wm-map {
  flex: 1 1 70%;
  min-width: 0;
  position: relative;
  z-index: 1;
}

/* карта: бордер и радиус */
.wm-map [id$="_map"] {
  overflow: hidden;
}
/* =========================
   WM MAP ADAPTIVE
   ========================= */

/* планшет */
@media (max-width: 1024px) {
  .wm-wrap {
    gap: 16px !important;
  }

  .wm-sidebar {
    flex: 0 0 36% !important;
    max-width: 36% !important;
  }

  .wm-map {
    flex: 1 1 64% !important;
  }

  .wm-list ul {
    gap: 12px !important;
  }

  .wm-map [id$="_map"] {
    height: 520px !important;
  }
}

/* мобилка */
@media (max-width: 767px) {
  .wm-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: 100% !important;
  }

  .wm-sidebar {
    flex: 0 0 auto !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .wm-map {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .wm-list {
    width: 100% !important;
    overflow: visible !important;
  }

  .wm-list ul {
    gap: 10px !important;
  }

  .wm-list li {
    width: 100% !important;
  }

  .wm-map [id$="_map"] {
    width: 100% !important;
    height: 360px !important;
    min-height: 360px !important;
    border-radius: 16px !important;
  }

  .wm-map .maplibregl-map,
  .wm-map .maplibregl-canvas-container,
  .wm-map .maplibregl-canvas {
    width: 100% !important;
    max-width: 100% !important;
  }

  .wm-map .maplibregl-ctrl-top-left {
    top: 10px !important;
    left: 10px !important;
  }
}

/* маленькие телефоны */
@media (max-width: 480px) {
  .wm-wrap {
    gap: 12px !important;
  }

  .wm-list ul {
    gap: 8px !important;
  }

  .wm-map [id$="_map"] {
    height: 300px !important;
    min-height: 300px !important;
    border-radius: 14px !important;
  }

  .wm-map .maplibregl-ctrl-group {
    transform: scale(0.92);
    transform-origin: top left;
  }
}

/* чтобы список нормально прокручивался, если длинный */
.wm-list {
  overflow: auto;
}

/* список */
.wm-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px; /* расстояние между карточками */
}

/* карточка-кнопка */
.wm-list button {
  width: 100% !important;
  display: block !important;
  padding: 10px 0 !important;

  background: transparent !important;
  background-color: transparent !important;

  border: none !important;
  border-radius: 0 !important;

  color: #093868 !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.25 !important;

  cursor: pointer !important;
  text-align: left !important;

  opacity: 1 !important;
  visibility: visible !important;
}

/* hover + focus (клавиатура) */
.wm-list button:hover,
.wm-list button:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  color: #093868 !important;
  text-decoration: underline !important;
  outline: none !important;
}

/* active (нажатие мышью) */
.wm-list button:active {
  background: transparent !important;
  background-color: transparent !important;
  color: #093868 !important;
  text-decoration: underline !important;
}
.wm-map .maplibregl-canvas {
  filter: contrast(1.2) saturate(1.08);
}
/* Прозрачный фон у кнопок контролов MapLibre */
.elementor-kit-6 .maplibregl-ctrl-group button {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* на всякий — фон у самого блока контролов */
.elementor-kit-6 .maplibregl-ctrl-group {
  background: transparent !important;
}
/* Перекрасить "каплю" маркера (основную заливку) */
.wm-map .maplibregl-marker svg g[fill="#3FB1CE"],
.wm-map .maplibregl-marker svg g:nth-child(2) {
  fill: #093868 !important;
}