/* Slider block: nav arrows use Remix icon (left/right) */
.filmabonito-slider .slider-btn .ri-arrow-left-s-line,
.filmabonito-slider .slider-btn .ri-arrow-right-s-line {
	font-size: 24px;
	line-height: 1;
	color: inherit;
}

/*
 * iOS Safari fix: the global .swiper rule sets height:100% which resolves to 0
 * when no ancestor has an explicit height — making the carousel invisible on iPhone.
 * Override to auto so the slider sizes from its slide content (254px wrapper).
 */
.filmabonito-slider .swiper {
	height: auto;
}
.filmabonito-slider .swiper-slide {
	height: auto;
}

/*
 * iOS Safari fix: aspect-ratio + height:100% together can conflict on Safari,
 * causing the video container to be sized incorrectly. The wrapper already
 * provides an explicit 254px height, so aspect-ratio is not needed here.
 */
.filmabonito-slider .slider-video-container {
	aspect-ratio: unset;
}

/*
 * iOS Safari: force GPU compositing layer on the swiper so that lazy-loaded
 * images and video posters are correctly painted within the transformed container.
 */
.filmabonito-slider .filmabonito-swiper {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

/* Slider block: image-only slides (link + thumb) */
.slider-slide-link {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 254px;
  position: relative;
  text-decoration: none;
  color: inherit;
}
.slider-slide-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  min-height: 254px;
}