/* Full-page map styles - no border radius, edge to edge */
.sm-map-sticky {
  position: absolute;
  z-index: 99;
  height: 100vh;
  
  width: 100%;
  top: 0;
  left: 0;
}

#sm-map {
  width: 100%;
  height: 100%;
  border-radius: 0;
  overflow: hidden;
  background: #f5f5f5;
}

/* Anchor used for scroll-to */
.sm-prop-anchor {
  display: block;
  height: 0;
  width: 0;
}

/* Highlight the listing card after clicking a pin */
.sm-map-selected {
  outline: 3px solid #A78373;
  outline-offset: 4px;
  border-radius: 8px;
}

/* Info window bubble */
.sm-map-infowindow {
  font-family: inherit;
  max-width: 260px;
}

.sm-map-infowindow__img {
  width: 100%;
  height: auto;
  max-height: 220px;
  object-fit: contain;
  border-radius: 10px;
  display: block;
  margin-bottom: 10px;
  background: #f5f5f5;
  cursor: pointer; /* clickable to highlight on map */
}

.sm-map-infowindow__addr {
  font-size: 14px;
  line-height: 1.35;
  margin: 0 0 10px 0;
}

.sm-map-infowindow .sm-map-infowindow__btn,
.sm-map-infowindow .sm-map-infowindow__btn:link,
.sm-map-infowindow .sm-map-infowindow__btn:visited {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: #A78373;
  color: #ffffff !important;
}

.sm-map-infowindow .sm-map-infowindow__btn:hover {
  opacity: 0.9;
  color: #ffffff !important;
}

/* Gallery Carousel */
.sm-gallery-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* Aspect-ratio box keeps slides at consistent height */
.sm-gallery-carousel::before {
  content: '';
  display: block;
  padding-top: var(--sm-carousel-ratio, 66.66%);
}

.sm-gallery-carousel .swiper-wrapper {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}

.sm-gallery-carousel .swiper-slide {
  overflow: hidden;
}

.sm-gallery-carousel .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Nav arrows */
.sm-gallery-carousel .swiper-button-next,
.sm-gallery-carousel .swiper-button-prev {
  color: #ffffff;
  text-shadow: 0 1px 4px rgba(0,0,0,0.4);
  --swiper-navigation-size: 22px;
}

/* Pagination dots */
.sm-gallery-carousel .swiper-pagination-bullet-active {
  background: #A78373;
}