/* 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, 0.55);
  border-radius: inherit;
  opacity: 0 !important;
  transition: opacity 0.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;
  overflow: hidden !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: 5px !important;
  visibility: visible;
}

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

.carousel-arrow-w img {
  filter: drop-shadow(0 2px 8px rgba(0, 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;
}

/* 24px gap between the text/button row and the carousel */
.section-container .div-block-62 {
  margin-bottom: 24px;
}