/* =============================================================================
   Splide carousel — GenerateBlocks (.splide-carousel) overrides
   ============================================================================= */

/* Give the wrapper horizontal room for the flanking arrows */
.splide-carousel.splide {
  padding: 0 2.5rem;
  box-sizing: border-box;
}

/* Pull arrows to the outer edges of the wrapper */
.splide-carousel .splide__arrow {
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  opacity: 1;
  width: 2rem;
  height: 2rem;
}
.splide-carousel.splide .gb-grid-column {
  height: 100%;
}
.splide-carousel .splide__arrow--prev {
  left: 0;
}

.splide-carousel .splide__arrow--next {
  right: 0;
}

.splide-carousel .splide__arrow svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: currentColor;
}

.splide-carousel .splide__arrow:hover svg,
.splide-carousel .splide__arrow:focus svg {
  opacity: 0.7;
}

/* Make each slide's image fill the slide naturally */
.splide-carousel .splide__slide .wp-block-image {
  margin: 0;
}

.splide-carousel .splide__slide .wp-block-image img {
  width: 100%;
  height: auto;
  display: block;
}