/* Progressive enhancement for the original Jetpack slide markup. */
.iv-article-page .iv-article-content .wp-block-jetpack-slideshow {
  margin: 1.5em 0;
}

.iv-article-page .iv-article-content .wp-block-jetpack-slideshow_container {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 44px;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.iv-article-page .iv-article-content .wp-block-jetpack-slideshow_swiper-wrapper {
  display: flex;
  grid-column: 2;
  grid-row: 1;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  margin: 0;
  padding: 0;
  list-style: none;
}

.iv-article-page .iv-article-content .wp-block-jetpack-slideshow_slide {
  flex: 0 0 100%;
  min-width: 0;
  scroll-snap-align: start;
}

.iv-article-page .iv-article-content .wp-block-jetpack-slideshow_slide + .wp-block-jetpack-slideshow_slide {
  margin: 0;
}

.iv-article-page .iv-article-content .wp-block-jetpack-slideshow_slide figure {
  margin: 0;
}

.iv-article-page .iv-article-content .wp-block-jetpack-slideshow_image {
  width: 100%;
  height: auto;
  aspect-ratio: var(--aspect-ratio, 16 / 9);
  object-fit: contain;
  border-radius: 0;
}

.iv-article-page .iv-article-content .wp-block-jetpack-slideshow_container > :is(
  .wp-block-jetpack-slideshow_button-prev,
  .wp-block-jetpack-slideshow_button-next,
  .wp-block-jetpack-slideshow_button-pause,
  .wp-block-jetpack-slideshow_pagination
) {
  display: none;
}

.iv-slideshow .wp-block-jetpack-slideshow_swiper-wrapper {
  scrollbar-width: none;
}

.iv-slideshow .wp-block-jetpack-slideshow_swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.iv-slideshow .iv-slideshow-arrow {
  grid-row: 1;
  min-height: 44px;
  padding: 0;
  border: 0;
  background: var(--iv-page-bg);
  color: var(--iv-page-text);
  cursor: pointer;
  font: 32px/1 var(--iv-font-sans);
}

.iv-slideshow .iv-slideshow-previous { grid-column: 1; }
.iv-slideshow .iv-slideshow-next { grid-column: 3; }
.iv-slideshow .iv-slideshow-arrow:disabled { opacity: 0.3; cursor: default; }
.iv-slideshow .iv-slideshow-arrow:not(:disabled):hover { color: var(--iv-accent-text); }


.iv-article-page .iv-article-content .iv-slideshow-counter {
  grid-column: 1 / -1;
  margin: 4px 0 0;
  color: var(--iv-neutral);
  font: 12px/1.5 var(--iv-font-mono);
}

@media (max-width: 600px) {
  .iv-article-page .iv-article-content .wp-block-jetpack-slideshow_container { gap: 0; }
  .iv-article-page .iv-article-content .wp-block-jetpack-slideshow_swiper-wrapper { grid-column: 1 / -1; }
  .iv-slideshow .iv-slideshow-arrow { grid-row: 2; }
  .iv-article-page .iv-article-content .iv-slideshow-counter { grid-column: 2; grid-row: 2; text-align: center; margin: 0; }
}