/* =========================
   procedureCarousel: 기본 SVG 아이콘 숨기고
   CSS 꺾쇠(chevron)로 교체 (#222)
========================= */

    /* 아이콘 숨김 */
    #procedureCarousel .swiper-button-prev svg,
    #procedureCarousel .swiper-button-next svg,
    #procedureCarousel .elementor-swiper-button svg,
    #procedureCarousel .elementor-swiper-button i {
      display: none !important;
    }
    
    /* 버튼 공통 */
    #procedureCarousel .swiper-button-prev,
    #procedureCarousel .swiper-button-next,
    #procedureCarousel .elementor-swiper-button-prev,
    #procedureCarousel .elementor-swiper-button-next{
      width: 44px;
      height: 44px;
      position: absolute;   /* 혹시 몰라서 명시 */
      color: #222;          /* ✅ 기본 색 */
    }
    
    /* 꺾쇠 */
    #procedureCarousel .swiper-button-prev::before,
    #procedureCarousel .swiper-button-next::before,
    #procedureCarousel .elementor-swiper-button-prev::before,
    #procedureCarousel .elementor-swiper-button-next::before{
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 30px;
      height: 30px;
      border-right: 2px solid currentColor;  /* ✅ currentColor */
      border-bottom: 2px solid currentColor; /* ✅ currentColor */
      transform: translate(-50%, -50%) rotate(-45deg);
      transition: border-color .18s ease, color .18s ease;
    }
    
    /* 방향 */
    #procedureCarousel .swiper-button-prev::before,
    #procedureCarousel .elementor-swiper-button-prev::before{
      transform: translate(-50%, -50%) rotate(135deg);
    }
    
    /* 위치 */
    #procedureCarousel .swiper-button-prev,
    #procedureCarousel .elementor-swiper-button-prev{
      left: -56px !important;
    }
    #procedureCarousel .swiper-button-next,
    #procedureCarousel .elementor-swiper-button-next{
      right: -56px !important;
      left: auto !important;
    }
    
    /* ✅ hover: 버튼 color만 변경하면 꺾쇠도 같이 변경됨 */
    #procedureCarousel .swiper-button-prev:hover,
    #procedureCarousel .swiper-button-next:hover,
    #procedureCarousel .elementor-swiper-button-prev:hover,
    #procedureCarousel .elementor-swiper-button-next:hover{
      color: #93764E !important;
    }
