/* Swiper Carousel Custom Styles - Admin namespace only */
/* Navigation buttons - dark gray circles with white arrows */
.admin .swiper-button-next,
.admin .swiper-button-prev {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background-color: #3d4451 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
  top: 50% !important;
  margin-top: -22px !important;
}

.admin.dark .swiper-button-next,
.admin.dark .swiper-button-prev {
  background-color: #3d4451 !important;
}

.admin .swiper-button-next:hover,
.admin .swiper-button-prev:hover {
  background-color: #4f5663 !important;
}

.admin.dark .swiper-button-next:hover,
.admin.dark .swiper-button-prev:hover {
  background-color: #4f5663 !important;
}

.admin .swiper-button-next:after,
.admin .swiper-button-prev:after {
  content: '' !important;
  display: none !important;
}

.admin .swiper-button-next svg,
.admin .swiper-button-prev svg {
  fill: #fff !important;
  width: 12px !important;
  height: 20px !important;
}

.admin.dark .swiper-button-next svg,
.admin.dark .swiper-button-prev svg {
  fill: #000 !important;
}

.admin .swiper-button-next:hover svg,
.admin .swiper-button-prev:hover svg {
  fill: #fff !important;
}

/* Pagination - lines instead of dots */
.admin .swiper-pagination {
  position: relative !important;
  margin-top: 1.5rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
}

.admin .swiper-pagination-bullet {
  width: 40px !important;
  height: 4px !important;
  border-radius: 9999px !important;
  background-color: #e2e8f0 !important;
  opacity: 1 !important;
  transition: all 0.3s ease !important;
  margin: 0 !important;
}

.admin.dark .swiper-pagination-bullet {
  background-color: #313d4a !important;
}

.admin .swiper-pagination-bullet-active {
  background-color: #67707e !important;
  width: 48px !important;
}

.admin.dark .swiper-pagination-bullet-active {
  background-color: #94a3b8 !important;
}

/* Ensure proper spacing */
.admin .swiper {
  padding-bottom: 0.5rem !important;
}