/* ============================================================
   ЖК EMIRATES — жива міні-карта маршруту в блоці «Розташування» (головна).
   Підключається ТІЛЬКИ на головній, після home-v2.css.
   Селектори мінімум із двома класами: `.ev2 *{margin:0;padding:0}` у home-v2.css
   інакше з'їдає відступи (та сама пастка, що й на /location/).
   ============================================================ */

.ev2 .home-loc .home-loc__card {
  position: relative; display: block; overflow: hidden;
  aspect-ratio: 4 / 3; background: #14120e; border: 1px solid var(--line);
}

/* фото — базовий шар: воно ж і фолбек, якщо CDN карти недоступний */
.ev2 .home-loc .home-loc__photo {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  filter: grayscale(.25) brightness(.62) sepia(.25);
  transition: opacity .9s var(--ease), transform 1.2s var(--ease);
}
.ev2 .home-loc .home-loc__card.is-live .home-loc__photo { opacity: 0; }

.ev2 .home-loc .home-loc__canvas {
  position: absolute; inset: 0; opacity: 0; pointer-events: none;
  transition: opacity .9s var(--ease);
  background: transparent;
}
.ev2 .home-loc .home-loc__card.is-live .home-loc__canvas { opacity: 1; }
.ev2 .home-loc .home-loc__canvas .leaflet-container { background: #14120e; font-family: var(--font-ui); }
.ev2 .home-loc .home-loc__canvas .leaflet-tile-pane { filter: sepia(.45) saturate(.85) brightness(1.45) contrast(1.02); }
.ev2 .home-loc .home-loc__canvas .leaflet-control-attribution {
  background: rgba(20, 18, 14, .66); color: #a29a86; font-size: 9px; padding: 1px 6px;
  pointer-events: auto; /* атрибуція OSM/CARTO має лишатись клікабельною */
}
.ev2 .home-loc .home-loc__canvas .leaflet-control-attribution a { color: var(--accent-2); }

/* маркери й підписи міні-карти */
.ev2 .home-loc .hm-metro {
  width: 26px; height: 26px; border-radius: 50%; background: #14120e; border: 2px solid var(--accent-2);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display); font-size: 14px; color: var(--accent-2);
  box-shadow: 0 4px 14px rgba(0, 0, 0, .6);
}
.ev2 .home-loc .hm-pin { position: relative; width: 24px; height: 24px; }
.ev2 .home-loc .hm-pin i {
  position: absolute; left: 50%; top: 0; width: 22px; height: 22px; display: block;
  background: var(--accent-2); border-radius: 50% 50% 50% 0;
  transform: translateX(-50%) rotate(-45deg); box-shadow: 0 6px 16px rgba(194, 162, 105, .45);
}
.ev2 .home-loc .hm-pin b {
  position: absolute; left: 50%; top: 6px; width: 10px; height: 10px; display: block;
  background: #14120e; border-radius: 50%; transform: translateX(-50%);
}
.ev2 .home-loc .hm-lbl {
  background: rgba(20, 18, 14, .9); color: #f4efe4; border: 1px solid rgba(244, 239, 228, .16);
  border-radius: 2px; padding: 3px 8px; font-size: 10px; letter-spacing: .1em;
  text-transform: uppercase; white-space: nowrap; box-shadow: 0 6px 14px rgba(0, 0, 0, .5);
}
.ev2 .home-loc .hm-lbl.is-jk { background: var(--accent-2); color: #211d14; border-color: var(--accent-2); }
.ev2 .home-loc .hm-lbl::before { display: none; }

/* підписи поверх картки */
.ev2 .home-loc .home-loc__scale {
  position: absolute; left: 0; top: 0; z-index: 500;
  background: rgba(20, 18, 14, .78); color: #f4efe4; backdrop-filter: blur(8px);
  font-size: 11px; letter-spacing: .14em; text-transform: uppercase; padding: 10px 16px;
}
.ev2 .home-loc .home-loc__scale b { color: var(--accent-2); font-weight: 400; }
.ev2 .home-loc .home-loc__badge {
  position: absolute; left: 0; bottom: 0; z-index: 500;
  background: var(--ink); color: var(--bg);
  font-size: 12px; letter-spacing: .16em; text-transform: uppercase; padding: 14px 22px;
  transition: background .4s var(--ease), color .4s var(--ease);
}
.ev2 .home-loc .home-loc__card:hover .home-loc__badge { background: var(--accent-2); color: #211d14; }

@media (max-width: 640px) {
  .ev2 .home-loc .home-loc__card { aspect-ratio: 3 / 2; }
  .ev2 .home-loc .home-loc__scale { font-size: 10px; padding: 8px 12px; letter-spacing: .1em; }
  .ev2 .home-loc .home-loc__badge { font-size: 11px; padding: 11px 16px; }
}

@media (prefers-reduced-motion: reduce) {
  /* без плавної підміни фото на карту — одразу кінцевий стан */
  .ev2 .home-loc .home-loc__photo,
  .ev2 .home-loc .home-loc__canvas { transition: none; }
}