/*
Theme Name: THE EMBERS CUSTOM THEME
Author: Hitesh Dawar
Description: A custom WooCommerce theme.
Version: 1.0
*/
/* Google Maps is loaded only after visitor interaction. */
.map-container--deferred {
  min-height:400px;
}

.map-load-button {
  width:100%;
  min-height:400px;
  border:1px solid rgba(255,255,255,.35);
  padding:40px;
  background:
    linear-gradient(rgba(18,42,54,.76),rgba(18,42,54,.76)),
    url('assets/images/box-item/purple.png') center/cover;
  color:var(--color-white,#fff);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:16px;
  text-align:center;
  cursor:pointer;
  transition:background-color .2s ease,transform .2s ease;
}

.map-load-button:hover,
.map-load-button:focus-visible {
  background-color:var(--color-brand,#1e3a49);
  transform:translateY(-2px);
}

.map-load-button__eyebrow {
  font-family:var(--font-body,Poppins,sans-serif);
  font-size:12px;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.map-load-button__label {
  font-family:var(--font-display,"Tan Nimbus",serif);
  font-size:clamp(30px,4vw,48px);
  line-height:1.12;
}

.map-static-link {
  color:var(--color-white,#fff);
  text-decoration:underline;
}

/* Keep the homepage gallery stable even when optimized attachments do not
   have WordPress-generated thumbnail metadata. */
#img-gallery .swiper-container {
  min-height:520px;
}

#img-gallery .swiper-wrapper {
  align-items:stretch;
}

#img-gallery .swiper-slide,
#img-gallery .swiper-slide > div,
#img-gallery .swiper-slide a {
  display:block;
  height:100%;
}

#img-gallery .swiper-slide img {
  display:block;
  width:100%;
  height:520px;
  object-fit:cover;
}

@media (max-width:767px) {
  .map-container--deferred,
  .map-load-button {
    min-height:330px;
  }

  .map-load-button {
    padding:28px 22px;
  }

  #img-gallery .swiper-container,
  #img-gallery .swiper-slide img {
    min-height:0;
    height:420px;
  }
}