.elementor-1006 .elementor-element.elementor-element-1ef7cbb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-d8f539f *//* Dugme "Otvori mapu" */
.open-map-btn {
  position: fixed!important;
  top: 100px!important;             /* desktop pozicija */
  right: 30px!important;
  z-index: 100!important;
  background-color: #077187!important;
  color: white!important;
  font-weight: 400!important;
  font-size: 13px!important;
  letter-spacing: 1px!important;
  text-transform: uppercase!important;
  border: none!important;
  border-radius: 0px!important;
  padding: 10px 25px!important;
  cursor: pointer!important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.25)!important;
  transition: all 0.3s ease!important;
  display: flex!important;
  align-items: center!important;
  justify-content: center!important;
}

.open-map-btn:hover {
  background-color: transparent!important;
  border: 1px solid white!important;
}

.close-map-btn:active,
.close-map-btn:focus{
      background-color: #323F2F!important;

}

/* Uklanja default "tap highlight" na mobilnim uređajima */
.open-map-btn,
.close-map-btn {
  -webkit-tap-highlight-color: transparent!important; /* sprečava pink/gray blink na dodir */
}

/* Uklanja i aktivni fokus stil koji Safari/Chrome dodeljuju */
.open-map-btn:focus,
.open-map-btn:active,
.close-map-btn:focus,
.close-map-btn:active {
  outline: none !important;
  box-shadow: none !important;
  background-color: #077187 !important; /* ostaje tvoja željena boja */
  color: white !important;
}


/* Floating mapa */
.map-floating {
  position: fixed;
  top: 100px;             /* desktop pozicija */
  right: 30px;
  width: 700px;
  background: #077187!important;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.4);
  overflow: hidden;
  opacity: 0;
  transform: translateX(40px);
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease;
  z-index: 100;
  pointer-events: none;
}

@media (max-width: 1400px) {
  .map-floating {
    width: 500px;
  }
}

/* Kada se aktivira (otvori) */
.map-floating.active {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

/* Responsive – ispod 767px */
/* --- 📱 Responsive: do 767px --- */
@media (max-width: 767px) {
  .open-map-btn {
    top: 83px !important;
    right: 30px !important;
  }

  .map-floating {
    top: 83px !important;
    left: 20px !important;   /* udaljeno od leve ivice */
    right: 20px !important;  /* udaljeno od desne ivice */
    width: auto !important;  /* automatski između leve i desne margine */
  }
}


/* Samo desktop fix — nema horizontalnog scrolla */
@media (min-width: 1025px) {
  html, body {
    overflow-x: clip !important;
  }

  @supports not (overflow-x: clip) {
    html, body {
      overflow-x: hidden !important;
    }
  }
}

/* Header mape */
.map-floating-header {
  background: #077187!important;
  color: white!important;
  padding: 15px;
  font-weight: 600;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 767px) {
  .map-floating-header {
      padding: 10px!important;
    }
}

.close-map-btn {
  background: transparent!important;
  color: white!important;
  font-size: 19px!important;
  border: none!important;
  cursor: pointer!important;
  transition: opacity 0.2s ease!important;
  outline: none!important;                  /* sklanja plavi outline */
  -webkit-tap-highlight-color: transparent!important; /* sprečava roze highlight na mobilnim uređajima */
  padding: 0px!important;
}

.close-map-btn:hover,
.close-map-btn:active,
.close-map-btn:focus {
  background: transparent !important; /* sprečava pink pozadinu */
  color: white !important;          /* zadrži boju */
  outline: none !important;           /* bez outline-a */
  box-shadow: none !important;        /* ukida fokus senku (Safari/Chrome) */
}


/* Telo mape */
.map-floating-body {
  background: #E6E0CA!important;
  display: flex!important;
  justify-content: center!important;
  align-items: center!important;
  padding: 0!important;
}

.map-floating-body img {
  width: 100%!important;
  height: auto!important;
}/* End custom CSS */