.elementor-2909 .elementor-element.elementor-element-52fe2db{--display:flex;}/* Start custom CSS for container, class: .elementor-element-52fe2db *//* Vizualizace musí mít vždy v kódu nastaveno:

    viewBox="0 0 1920 1080"
    preserveAspectRatio="xMidYMid slice"
    class="mapa-svg"

*/


/* Výchozí stav – velké obrazovky */
    .mapa-svg {
      width: 100%;
      height: 100%;
      display: block;
    }

    /* ≤ 1024 px */
    @media (max-width: 1024px) {
      .mapa-svg {
        height: 560px;
      }
    }

    /* ≤ 880 px */
    @media (max-width: 880px) {
      .mapa-svg {
        height: 450px;
      }
    }

    /* ≤ 764 px */
    @media (max-width: 767px) {
      .mapa-svg {
        height: 315px;
      }
    }
    
/* =========================================
   Gradient vrstvy kolem SVG mapy
   ========================================= */

.mapa-svg-wrapper {
  position: relative;
  overflow: hidden; /* jistota, že gradienty nevyčnívají */
}

/* Společné vlastnosti */
.mapa-svg-wrapper::before,
.mapa-svg-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: none; /* zachová klikatelnost mapy */
  z-index: 5; /* nad mapou */
}

/* === ZÁKLADNÍ STAV === */

/* Horní gradient */
.mapa-svg-wrapper::before {
  top: 0;
  height: 200px;
  background: linear-gradient(
    to bottom,
    var(--e-global-color-be72577) 0%,
    transparent 100%
  );
}

/* Dolní gradient */
.mapa-svg-wrapper::after {
  bottom: 0;
  height: 200px;
  background: linear-gradient(
    to top,
    var(--e-global-color-f261fc8) 0%,
    transparent 100%
  );
}

/* =========================================
   BREAKPOINT: max-width 1200px
   ========================================= */

/* Horní gradient */
@media (max-width: 1200px) {
  .mapa-svg-wrapper::before {
    height: 160px;
  }
}

/* Dolní gradient */
@media (max-width: 1200px) {
  .mapa-svg-wrapper::after {
    height: 180px;
  }
}

/* =========================================
   BREAKPOINT: max-width 1024px
   ========================================= */

/* Horní gradient */
@media (max-width: 1024px) {
  .mapa-svg-wrapper::before {
    height: 110px;
  }
}

/* Dolní gradient */
@media (max-width: 1024px) {
  .mapa-svg-wrapper::after {
    height: 80px;
  }
}

/* =========================================
   BREAKPOINT: max-width 880px
   ========================================= */

/* Horní gradient */
@media (max-width: 880px) {
  .mapa-svg-wrapper::before {
    height: 100px;
  }
}

/* Dolní gradient */
@media (max-width: 880px) {
  .mapa-svg-wrapper::after {
    height: 60px;
  }
}

/* =========================================
   BREAKPOINT: max-width 767px
   ========================================= */

/* Horní gradient */
@media (max-width: 767px) {
  .mapa-svg-wrapper::before {
    height: 80px;
  }
}

/* Dolní gradient */
@media (max-width: 767px) {
  .mapa-svg-wrapper::after {
    height: 60px;
  }
}/* End custom CSS */