/* Minimal slider styles for simple-swiper.js */
/* Keeps structure compatible with existing swiper markup (.swiper-container, .swiper-wrapper, .swiper-slide) */

.swiper-container { position: relative; width: 100%; box-sizing: border-box; }
.swiper-wrapper { display:flex; will-change: transform; }
.swiper-slide { box-sizing: border-box; user-select: none; -webkit-user-select:none; -ms-user-select:none; }

/* Navigation buttons */
.swiper-button-next,
.swiper-button-prev {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background: rgba(0,0,0,0.55);
  color: #fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index: 20;
}
.swiper-button-next { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); }
.swiper-button-prev { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); }

/* Pagination dots */
.swiper-pagination { position: absolute; left: 50%; transform: translateX(-50%); bottom: 10px; display:flex; gap:8px; z-index: 20; }
.swiper-pagination .simple-dot {
  width: 10px;
  height: 10px;
  background: rgba(255,255,255,0.6);
  border-radius: 50%;
  border: none;
  padding: 0;
  cursor: pointer;
}
.swiper-pagination .simple-dot.active { background: #ffd166; }

/* slide image defaults */
.swiper-slide img { display:block; max-width:100%; height:auto; }

/* ensure navigation container position if used (keeps markup compatible) */
.swiper-navigation { position: absolute; right: 16px; top: 16px; display:flex; gap:8px; z-index:20; }

/* small responsiveness helpers */
@media (max-width: 640px) {
  .swiper-button-next, .swiper-button-prev { width: 32px; height: 32px; }
}