/**
 * Gallery carousel – contained inside flipbook overlay
 * Use with Bootstrap 5 carousel component
 */
.image-gallery-carousel {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  background: #111;
  border-radius: 6px;
}

.image-gallery-carousel .carousel,
.image-gallery-carousel .carousel-inner,
.image-gallery-carousel .carousel-item {
  height: 100%;
}

.image-gallery-carousel .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.image-gallery-carousel .carousel-control-prev,
.image-gallery-carousel .carousel-control-next {
  width: 36px;
  height: 36px;
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
  opacity: 0.85;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.image-gallery-carousel .carousel-control-prev {
  left: 6px;
  right: auto;
}

.image-gallery-carousel .carousel-control-next {
  right: 6px;
  left: auto;
}

.image-gallery-carousel .carousel-control-prev:hover,
.image-gallery-carousel .carousel-control-next:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.7);
}

.image-gallery-carousel .carousel-control-prev-icon,
.image-gallery-carousel .carousel-control-next-icon {
  width: 20px;
  height: 20px;
}

/* RTL: swap arrows visually if needed */
[dir="rtl"] .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

[dir="rtl"] .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}