/* Instagram Carousel Styles (migrated from plannerd-common.css) */

.swiper-button-next,
.swiper-button-prev {
  display: none !important;
}

.arrow-next:focus,
.arrow-previous:focus {
  outline: none !important;
}

.swiper-slide.swiper-slide-active .card {
  opacity: 100% !important;
}

.submit-button:focus {
  outline: none !important;
}

.text-field {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

/* Uniform Instagram slides */
.first-swiper-wrapper { 
  align-items: stretch !important; 
}

.first-swiper .swiper-slide { 
  height: auto !important; 
  position: relative; 
}

.first-swiper .slide-image-link { 
  display: block !important; 
  width: 100%; 
  position: relative; 
  overflow: hidden; 
}

.first-swiper .slide-img {
  display: block !important;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover !important;
}

/* Disable hover overlay and clicks while loading */
.first-swiper[data-loading="1"] .slide-text { opacity: 0 !important; }
.first-swiper[data-loading="1"] .slide-image-link { pointer-events: none !important; }

/* Hover overlay with caption */
.first-swiper .slide-text {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  text-align: center;
  color: #fff !important;
  background: rgba(0,0,0,.55);
  border-radius: inherit;
  opacity: 0 !important;
  transition: opacity .25s ease;
}

.first-swiper .slide-image-link:hover .slide-text { 
  opacity: 1 !important; 
} 

.first-swiper .slide-inner-text { 
  line-height: 1.35 !important; 
}

/* Place arrows above images (overlay on the swiper container) */
.first-swiper { 
  position: relative !important; 
}

.carousel-arrows { 
  position: absolute !important; 
  inset: 0; 
  z-index: 5; 
  pointer-events: none !important; 
}

.carousel-arrow-w { 
  position: absolute !important; 
  top: 50%; 
  transform: translateY(-50%); 
  pointer-events: auto !important; 
  cursor: pointer; 
}

.carousel-arrow-w.arrow-previous { 
  left: 12px !important; 
  visibility: visible; 
}

.carousel-arrow-w.arrow-next { 
  right: 12px !important; 
  visibility: visible; 
}

.carousel-arrow-w img { 
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.35)) !important; 
}

/* Intro text above Instagram carousel: align to carousel start */
.section-container .div-block-62 .typography-body-lt {
  max-width: none !important;
  margin-right: 0;
  text-align: left;
}