/* Reset container and slide box-model */
.ksr-reviews-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.ksr-reviews-carousel .swiper-wrapper {
  display: flex;
}

.ksr-reviews-carousel .swiper-slide {
  box-sizing: border-box;
  /* Default padding/background will be overridden via Elementor style controls */
  padding: 1rem;
  background: #fff;
}

/* Basic star icon sizing */
.ksr-stars i {
  margin-right: 0.25em;
  font-size: 1rem;
}

/* Navigation arrows positioning */
.ksr-reviews-carousel .swiper-button-prev,
.ksr-reviews-carousel .swiper-button-next {
  color: inherit;   /* will pick up from Elementor color controls */
  top: 50%;
  transform: translateY(-50%);
}

/* Ensure author/date wrap neatly */
.ksr-author-date {
  display: flex;
  justify-content: space-between;
  font-size: 0.875rem;
  margin-top: 0.5rem;
  opacity: 0.7;
}

 .ksr-reviews-wrapper {
    display: flex;
    align-items: center;
  }

  /* Force arrows to full size and keep them out of shrinkage */
  .ksr-reviews-wrapper .swiper-button-prev,
  .ksr-reviews-wrapper .swiper-button-next {
    flex: 0 0 2rem;         /* reserve 2rem of width for each arrow */
    font-size: 2rem;        /* adjust arrow icon size */
    color: <?php echo esc_html( sanitize_hex_color( $settings['arrow_color'] ?? '#000' ) ); ?>;
    cursor: pointer;
    text-align: center;
    z-index: 10;
  }

  /* Give your carousel container side‐margins equal to those 2rem arrow slots */
  .ksr-reviews-wrapper .swiper-container {
    flex: 1 1 auto;
    margin: 0 4rem;
    overflow: hidden;
  }