/* ============================================
   TCHOWOURE — Video Slider (Swiper) styling
   Soft / modern look + subtle shadows
   ============================================ */

.wp-block-tchowoure-video-slider .tchowoure-video-slider__swiper {
  --tchowoure-shadow: 0 18px 55px rgba(15, 23, 42, 0.12);
  --tchowoure-shadow-hover: 0 28px 80px rgba(15, 23, 42, 0.18);
  --tchowoure-ring: 0 0 0 1px rgba(148, 163, 184, 0.35);
}

/* Card */
.wp-block-tchowoure-video-slider .tchowoure-video-slider__swiper article {
  border-radius: 1.25rem; /* ~rounded-2xl */
  overflow: hidden;
  background: #fff;
  box-shadow: var(--tchowoure-shadow);
  transition: transform 240ms ease, box-shadow 240ms ease, filter 240ms ease;
  will-change: transform;
}

.wp-block-tchowoure-video-slider .tchowoure-video-slider__swiper .swiper-slide-active article {
  transform: translateY(-2px);
  box-shadow: var(--tchowoure-shadow-hover);
}

.wp-block-tchowoure-video-slider .tchowoure-video-slider__swiper .swiper-slide article:hover {
  transform: translateY(-3px);
  box-shadow: var(--tchowoure-shadow-hover);
}

/* Video / embed area */
.wp-block-tchowoure-video-slider .tchowoure-video-slider__embed {
  position: relative;
  background-color: #ffffff;
}

.wp-block-tchowoure-video-slider video {
  display: block;
}

/* Navigation buttons */
/* .wp-block-tchowoure-video-slider .swiper-button-prev,
.wp-block-tchowoure-video-slider .swiper-button-next {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(226, 232, 240, 0.9);
  transition: transform 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
}

.wp-block-tchowoure-video-slider .swiper-button-prev:hover,
.wp-block-tchowoure-video-slider .swiper-button-next:hover {
  transform: translateY(-1px);
  box-shadow: 0 20px 55px rgba(15, 23, 42, 0.22);
} */

.wp-block-tchowoure-video-slider .swiper-button-prev::after,
.wp-block-tchowoure-video-slider .swiper-button-next::after {
  font-size: 16px;
  font-weight: 700;
  color: #0f172a; /* slate-900 */
}

/* Pagination bullets */
.wp-block-tchowoure-video-slider .swiper-pagination {
  position: static;
  margin-top: 14px;
  display: flex;
  justify-content: center;
  gap: 8px;
  background: transparent;
  padding: 0;
}

.wp-block-tchowoure-video-slider .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  opacity: 1;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(148, 163, 184, 0.55);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  transition: transform 180ms ease, background 180ms ease, width 180ms ease, border-color 180ms ease;
}

.wp-block-tchowoure-video-slider .swiper-pagination-bullet-active {
  width: 18px;
  border-radius: 999px;
  background: #0f766e; /* teal #0f766e */
  border-color: #0f766e;
}

/* Spacing so controls don't overlap content on small screens */
@media (max-width: 640px) {
  .wp-block-tchowoure-video-slider .swiper-button-prev,
  .wp-block-tchowoure-video-slider .swiper-button-next {
    width: 40px;
    height: 40px;
  }
}