/*
 * chu-reki local recovery
 * Slider navigation compatibility fix
 */

/* Swiper / Slick のナビゲーション本体を通常サイズへ固定 */
.swiper-button-prev,
.swiper-button-next,
.slick-prev,
.slick-next,
.wppsac-post-slider .slick-prev,
.wppsac-post-slider .slick-next,
.wppsac-post-carousel .slick-prev,
.wppsac-post-carousel .slick-next {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;

    padding: 0 !important;
    margin: 0 !important;

    font-size: 0 !important;
    line-height: 1 !important;

    overflow: hidden !important;
    z-index: 50 !important;
}

/* Swiper が生成する巨大文字アイコンをリセット */
.swiper-button-prev::after,
.swiper-button-next::after {
    font-size: 24px !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
}

/* Slick のアイコンも同様に制限 */
.slick-prev::before,
.slick-next::before {
    font-size: 24px !important;
    line-height: 1 !important;
}

/* FontAwesome / SVG / IMG が巨大化している場合も止める */
.swiper-button-prev svg,
.swiper-button-next svg,
.swiper-button-prev i,
.swiper-button-next i,
.swiper-button-prev img,
.swiper-button-next img,
.slick-prev svg,
.slick-next svg,
.slick-prev i,
.slick-next i,
.slick-prev img,
.slick-next img {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    font-size: 22px !important;
}

/* 位置をスライダー左右へ戻す */
.swiper-button-prev,
.slick-prev {
    left: 10px !important;
    right: auto !important;
}

.swiper-button-next,
.slick-next {
    right: 10px !important;
    left: auto !important;
}

/* 回収できなかった旧矢印画像への外部リクエストを止め、Slick標準矢印を使用 */
.wppsac-post-slider .slick-prev,
.wppsac-post-slider .slick-next,
.wppsac-post-carousel .slick-prev,
.wppsac-post-carousel .slick-next {
    background-image: none !important;
}

/* 縦中央 */
.swiper-button-prev,
.swiper-button-next,
.slick-prev,
.slick-next {
    top: 50% !important;
    transform: translateY(-50%) !important;
}