/* ✅ Jetpack/Swiper 슬라이드쇼: 화살표는 안 보이게 + 기능 유지 + 모바일 경계 검정(오버레이) 제거
   - 중요: display:none 쓰면 기능 죽음 (절대 금지)
   - 이 CSS는 .no-arrows가 붙은 슬라이드쇼에만 적용됨
*/

.no-arrows .wp-block-jetpack-slideshow .swiper-button-prev,
.no-arrows .wp-block-jetpack-slideshow .swiper-button-next,
.no-arrows .swiper-button-prev,
.no-arrows .swiper-button-next {
  /* 클릭/스와이프 기능은 살리고, 화면에는 안 보이게 */
  opacity: 0 !important;
  pointer-events: auto !important;

  /* 모바일에서 보이는 경계쪽 반투명 검정/그라데이션 제거 */
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: 0 !important;
  border: 0 !important;
  filter: none !important;
}

/* Swiper/테마가 가상요소로 그라데이션/화살표를 얹는 경우까지 제거 */
.no-arrows .wp-block-jetpack-slideshow .swiper-button-prev::before,
.no-arrows .wp-block-jetpack-slideshow .swiper-button-prev::after,
.no-arrows .wp-block-jetpack-slideshow .swiper-button-next::before,
.no-arrows .wp-block-jetpack-slideshow .swiper-button-next::after,
.no-arrows .swiper-button-prev::before,
.no-arrows .swiper-button-prev::after,
.no-arrows .swiper-button-next::before,
.no-arrows .swiper-button-next::after {
  content: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
  filter: none !important;
}

/* 혹시 SVG 아이콘이면(화살표) */
.no-arrows .wp-block-jetpack-slideshow .swiper-button-prev svg,
.no-arrows .wp-block-jetpack-slideshow .swiper-button-next svg,
.no-arrows .swiper-button-prev svg,
.no-arrows .swiper-button-next svg {
  opacity: 0 !important;
}

/* ✅ 클릭 영역(히트영역) 키우기: 좌/우 25% (원하면 20%~35%로 조절) */
.no-arrows .wp-block-jetpack-slideshow .swiper-button-prev,
.no-arrows .wp-block-jetpack-slideshow .swiper-button-next,
.no-arrows .swiper-button-prev,
.no-arrows .swiper-button-next {
  top: 0 !important;
  bottom: 0 !important;
  height: 100% !important;
  width: 25% !important;      /* ← 여기만 조절 */
  margin-top: 0 !important;
  transform: none !important;
}

/* 좌/우 배치 고정 */
.no-arrows .wp-block-jetpack-slideshow .swiper-button-prev,
.no-arrows .swiper-button-prev { left: 0 !important; }

.no-arrows .wp-block-jetpack-slideshow .swiper-button-next,
.no-arrows .swiper-button-next { right: 0 !important; }

/* (선택) 점(dot) 숨기기 */
.no-arrows .wp-block-jetpack-slideshow .swiper-pagination,
.no-arrows .swiper-pagination {
  display: none !important;
}