/* ===== Map container ===== */
.soko-multimap-container {
  width: 100%;
  height: 450px;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  background: #eee;           /* prevents transparent/white flash */
}

/* Make sure the Google map canvas fills the container */
#soko-multimap .gm-style,
#soko-multimap .gm-style > div {
  height: 100% !important;
  width: 100% !important;
}

/* ===== Fixes for theme CSS that can break map tiles/controls ===== */
#soko-multimap * {
  box-sizing: content-box; /* Astra/others set border-box globally; Maps expects content-box in places */
}

#soko-multimap img {
  max-width: none !important; /* themes often set img {max-width:100%} which breaks google controls/tiles */
}

/* Prevent theme typography from affecting google controls */
#soko-multimap .gm-style,
#soko-multimap .gm-style-iw,
#soko-multimap .gm-style-iw * {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  line-height: normal;
}

/* ===== InfoWindow styling (clean, doesn’t break layout) ===== */
#soko-multimap .gm-style-iw {
  padding: 0 !important;
  overflow: visible !important;
}

#soko-multimap .gm-style-iw-d {
  overflow: hidden !important; /* keeps your popup tidy */
  max-height: none !important;
}

#soko-multimap .gm-style-iw-c {
  border-radius: 12px !important;
  padding: 0 !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.18) !important;
}

/* Optional: remove the default white background “tail” spacing */
#soko-multimap .gm-style-iw-t::after {
  background: #fff !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.18) !important;
}

/* Your popup content */

.soko-mm-popup{
    max-width: 200px;
    display: flex;
    flex-direction: column;
    padding: 5px;
}

.soko-mm-popup b{
    padding: 2px 0 0 2px;
    display: inline-block;
    width: 75%;
}

.soko-mm-popup img{
  width: 100%;
  height: 100px;
  object-fit: cover;
  object-position: center;
  display: block;
  margin-top: 1px;
}


.soko-mm-popup .map-links a.maps{
    background-color: #55be0f;
    color: #ffffff;
    padding: 6px 10px;
    border-radius: 8px;
    text-decoration: none;
    width: 80%;
    text-align: center;
    font-weight: bold;
}

.soko-mm-popup .map-links a.book{
    background-color: #1d46a1;
    color: #ffffff;
    padding: 6px 10px;
    border-radius: 8px;
    text-decoration: none;
    width: 80%;
    text-align: center;
    font-weight: bold;
}

/* === SOKO MULTIMAP INFOWINDOW FIX === */

/* Remove layout space taken by header */
.gm-style-iw-chr {
  position: absolute;
  top: 6px;
  right: 6px;
  height: 0;
  padding: 0;
  margin: 0;
  z-index: 10;
}


/* Make close button float */
.gm-style-iw-chr button {
  width: 32px !important;
  height: 32px !important;
  background: rgba(255,255,255,0.9) !important;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0,0,0,.25);
}

/* Center the X icon */
.gm-style-iw-chr span {
  margin: 4px !important;
}

/* Remove default top padding Google adds */
.gm-style-iw-d {
  padding-top: 0 !important;
  overflow: visible !important;
}


/* .soko-mm-popup {
  max-width: 280px;
  background: #fff;
  padding: 14px;
}

.soko-mm-popup img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  margin: 0 0 10px;
}

.soko-mm-popup h3 {
  margin: 0 0 6px;
  font-size: 16px;
  line-height: 1.2;
}

.soko-mm-popup p {
  margin: 0;
  font-size: 13px;
  line-height: 1.35;
  opacity: 0.85;
}

.soko-mm-btn {
  display: inline-block;
  margin-top: 10px;
  padding: 9px 12px;
  background: #111;
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1;
} */