/*
Theme Name:     Jurex
Theme URI:      n/a
Template:       kadence
Author:         Studio REVIN
Author URI:     https://revin.pl
Description:    Motyw potomny Jurex
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/
.map-frame-wrap {
  position: relative;
  width: 100%;
  max-width: 439px;
  aspect-ratio: 439 / 341;
  margin: 0 auto;
}

.map-frame-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #c73b4a;
  z-index: 1;
  clip-path: polygon(
    11.73% 12.17%,
    20.73% 0%,
    38.39% 0%,
    100% 0%,
    100% 76.25%,
    92.14% 86.51%,
    81.55% 100%,
    50% 100%,
    0% 100%,
    0% 30.52%
  );
  pointer-events: none;
}

.map-frame-wrap .map-card {
  position: absolute;
  z-index: 2;
  top: 5%;
  left: 5.2%;
  right: 4.2%;
  bottom: 4.2%;
}

.map-frame-wrap .map-card iframe,
.map-frame-wrap .map-card .kadence-google-maps,
.map-frame-wrap .map-card .kb-google-maps,
.map-frame-wrap .map-card > div {
  width: 100%;
  height: 100%;
  border: 0;
  overflow: hidden;
  display: block;
  background: #fff;
}

/* tablet */
@media (max-width: 1024px) {
  .map-frame-wrap {
    max-width: 380px;
    aspect-ratio: 439 / 350;
  }

  .map-frame-wrap .map-card {
    top: 4.5%;
    left: 5.4%;
    right: 4.4%;
    bottom: 4.6%;
  }
}

/* mobile */
@media (max-width: 767px) {
  .map-frame-wrap {
    max-width: 320px;
    aspect-ratio: 439 / 356;
  }

  .map-frame-wrap::before {
    clip-path: polygon(
      11.73% 12.17%,
      20.73% 0%,
      38.39% 0%,
      100% 0%,
      100% 76.25%,
      92.14% 86.51%,
      81.55% 100%,
      50% 100%,
      0% 100%,
      0% 30.52%
    );
  }

  .map-frame-wrap .map-card {
    top: 5.2%;
    left: 5.8%;
    right: 4.8%;
    bottom: 5.2%;
  }
}
.kb-button {
  clip-path: polygon(8.19% 0%, 100% 0%, 93.85% 100%, 0% 100%);
  -webkit-clip-path: polygon(8.19% 0%, 100% 0%, 93.85% 100%, 0% 100%);
}