// Frontend styles for the slider block
// Note: Main Swiper styles are in assets/styles/slider.css

.vitalisite-slider-wrapper {
  .wp-block-image {
    margin: 0;
  }

  .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;

    img {
      width: 100%;
      height: auto;
      max-height: 600px;
      object-fit: cover;
    }
  }

  // Better navigation arrows
  .swiper-button-next,
  .swiper-button-prev {
    color: white !important;

    &::after {
      font-size: 24px;
      font-weight: bold;
    }
  }
}
