/**
 * 統一 Pagination 樣式
 * 適用於所有短語法組件（testimonials_slider等）
 */

/* 通用 Pagination 樣式 - 線條式，完全連在一起 */
.testimonials-swiper-container .swiper-pagination,
.custom-carousel .swiper-pagination,
.rs-interior_carousel .swiper-pagination,
.rs-licence_carousel .swiper-pagination {
  bottom: 8px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 0 !important; /* 完全移除間距 */
  height: 1px !important; /* 1px粗度 */
  margin: 0 !important;
  padding: 0 !important;
}

/* 通用 Pagination Bullet 樣式 - 使用負margin完全連接 */
.testimonials-swiper-container .swiper-pagination-bullet,
.custom-carousel .swiper-pagination-bullet,
.rs-interior_carousel .swiper-pagination-bullet,
.rs-licence_carousel .swiper-pagination-bullet {
  width: 32px !important;
  height: 1px !important; /* 1px粗度 */
  border-radius: 0 !important; /* 移除圓角，變成線條 */
  background: #CECBC7 !important; /* 其他顏色為#CECBC7 */
  opacity: 1 !important;
  margin: 0 -1px !important; /* 使用負margin讓線條重疊 */
  padding: 0 !important;
  border: none !important;
  outline: none !important;
  transition: background 0.2s ease !important;
  flex-shrink: 0 !important; /* 防止縮小 */
  position: relative !important;
}

/* 通用 Active Bullet 樣式 */
.testimonials-swiper-container .swiper-pagination-bullet-active,
.custom-carousel .swiper-pagination-bullet-active,
.rs-interior_carousel .swiper-pagination-bullet-active,
.rs-licence_carousel .swiper-pagination-bullet-active {
  background: #454545 !important; /* active顏色為#454545 */
}

/* rs-licence_carousel Active Bullet 特殊高度 */
.rs-licence_carousel .swiper-pagination-bullet-active {
  height: 3px !important; /* active時高度為3px */
}

/* rs-licence_carousel Bullet 特殊寬度 */
.rs-licence_carousel .swiper-pagination-bullet {
  width: 50px !important; /* 寬度為50px */
}

/* rs-licence_carousel Active Bullet 特殊z-index */
.rs-licence_carousel .swiper-pagination-bullet-active {
  z-index: 2 !important; /* active時z-index高一個層級 */
}

/* rs-licence_carousel Pagination 特殊間距 */
.rs-licence_carousel .swiper-pagination {
  padding-top: 80px !important; /* 距離輪播區域80px */
}

/* 確保pagination顯示 */
.testimonials-swiper-container .swiper-pagination {
  display: flex !important; /* 覆蓋隱藏樣式 */
}

/* 強制移除所有可能的間距 - 使用負margin */
.testimonials-swiper-container .swiper-pagination-bullet:not(:last-child),
.custom-carousel .swiper-pagination-bullet:not(:last-child),
.rs-interior_carousel .swiper-pagination-bullet:not(:last-child),
.rs-licence_carousel .swiper-pagination-bullet:not(:last-child) {
  margin-right: -1px !important; /* 負margin讓線條重疊 */
}

.testimonials-swiper-container .swiper-pagination-bullet:not(:first-child),
.custom-carousel .swiper-pagination-bullet:not(:first-child),
.rs-interior_carousel .swiper-pagination-bullet:not(:first-child),
.rs-licence_carousel .swiper-pagination-bullet:not(:first-child) {
  margin-left: -1px !important; /* 負margin讓線條重疊 */
}

/* 確保所有bullet都重疊連接 */
.testimonials-swiper-container .swiper-pagination-bullet + .swiper-pagination-bullet,
.custom-carousel .swiper-pagination-bullet + .swiper-pagination-bullet,
.rs-interior_carousel .swiper-pagination-bullet + .swiper-pagination-bullet,
.rs-licence_carousel .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: -1px !important; /* 負margin讓線條重疊 */
}

/* 使用更強力的方法 - 直接設定所有bullet的margin */
.testimonials-swiper-container .swiper-pagination-bullet,
.custom-carousel .swiper-pagination-bullet,
.rs-interior_carousel .swiper-pagination-bullet,
.rs-licence_carousel .swiper-pagination-bullet {
  margin-left: -1px !important;
  margin-right: -1px !important;
}

/* 第一個bullet不需要左邊距 */
.testimonials-swiper-container .swiper-pagination-bullet:first-child,
.custom-carousel .swiper-pagination-bullet:first-child,
.rs-interior_carousel .swiper-pagination-bullet:first-child,
.rs-licence_carousel .swiper-pagination-bullet:first-child {
  margin-left: 0 !important;
}

/* 最後一個bullet不需要右邊距 */
.testimonials-swiper-container .swiper-pagination-bullet:last-child,
.custom-carousel .swiper-pagination-bullet:last-child,
.rs-interior_carousel .swiper-pagination-bullet:last-child,
.rs-licence_carousel .swiper-pagination-bullet:last-child {
  margin-right: 0 !important;
}