/* Yuvalim City Boy - activity map.
   The flat picture of the map is replaced by the interactive map Viewz hosts,
   embedded in the same layer. The picture stays in the markup and is only
   hidden, so taking the embed out brings it back exactly as it was. */

.yvmap-live .yvmap__frame{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  z-index: 1;
}

/* the old picture, kept as a fallback underneath */
.yvmap-live img{ display: none !important; }

@media (max-width: 767px){
  /* The drag-to-pan layer belongs to the flat picture (mobile.js / mobile.css):
     the embedded map pans and zooms on its own, so the host must hand the
     gestures over instead of swallowing them. */
  .elementor .e-con[data-yv-map].yvmap-live{
    touch-action: auto;
    overscroll-behavior: auto;
    cursor: default;
  }
}

/* Desktop and tablet: hand gestures to the embedded map (mobile.css only does this to 767px) */
.elementor .e-con[data-yv-map].yvmap-live{ pointer-events: auto; }
.elementor .e-con[data-yv-map].yvmap-live ~ .e-con{ pointer-events: none; }
.elementor .e-con[data-yv-map].yvmap-live ~ .e-con a,
.elementor .e-con[data-yv-map].yvmap-live ~ .e-con button{ pointer-events: auto; }

/* Desktop and tablet: the map ends above a 76px strip that holds the next-page
   button, so the Viewz legend (anchored to the iframe's bottom-left) rises with
   it and the button sits directly under it, left edges aligned (x=16). */
@media (min-width: 768px){
  .elementor .e-con[data-yv-map]{ background: #0e0e0e; }
  .elementor .e-con[data-yv-map] .yvmap__frame{ height: calc(100% - 76px); }
  .elementor:has([data-yv-map]) > .e-con > .e-con:has(> .e-button-base){
    left: calc(16px - 2.7vw);
    top: calc(2.7vw - 19px);
  }
}