/* ==========================================================================
   ZZAPS 가로 슬라이드 — PC 마우스 드래그 (zzaps-dragscroll.js 짝)
   --------------------------------------------------------------------------
   적용 범위 : 가로 스크롤 슬라이드 컨테이너
   원칙
     - 기존 CSS 파일을 고치지 않는다. 이 파일만 추가로 얹는다.
     - 모바일 동작에는 영향을 주지 않는다.
       손 모양 커서는 hover 가 되는 기기(=마우스)에서만 나온다.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 끌 수 있다는 표시 — 마우스가 있는 기기에서만

   (hover: hover) and (pointer: fine) 은 실제 마우스·트랙패드가 있을 때만 참이다.
   터치 기기에서는 커서가 아예 없으므로 이 규칙 자체가 적용되지 않는다.
   -------------------------------------------------------------------------- */
@media (hover: hover) and (pointer: fine) {
    .cattabs,
    .fsort,
    .mapbar,
    .tabs,
    .board-tabs,
    .table-scroll,
    .gallery-track,
    .gallery-thumbs,
    .zz-detail-gallery-track,
    .zz-detail-related-list,
    .zz-search-page .zzs-subcats,
    .zz-chat-list-page .zz-chat-tabs,
    .zz-chat-page .zzc-tabs,
    .zz-chat-page .zzc-quick,
    [data-dragscroll] {
        cursor: grab;
    }
}

/* --------------------------------------------------------------------------
   2. 끄는 동안

   JS 가 is-dragscrolling 을 붙였다 뗀다. 세 가지가 동시에 필요하다.

     scroll-snap-type: none
       스냅(상품 이미지 갤러리 등)이 걸린 슬라이드는 끄는 내내 브라우저가
       가장 가까운 장면으로 도로 잡아당겨서 끈적하게 걸린다.
       끄는 동안만 스냅을 끄고, 손을 떼면 클래스가 빠지면서
       브라우저가 알아서 가까운 장면에 붙여 준다.

     scroll-behavior: auto
       smooth 가 걸려 있으면 매 프레임 scrollLeft 를 넣을 때마다
       애니메이션이 겹쳐 손가락보다 늦게 따라온다.

     user-select: none
       안 그러면 끌 때 글자가 파랗게 긁힌다.
   -------------------------------------------------------------------------- */
.is-dragscrolling {
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
    cursor: grabbing !important;

    -webkit-user-select: none !important;
    user-select: none !important;
}

/* 자식까지 확실히 (일부 요소는 user-select 를 자체 지정하고 있다) */
.is-dragscrolling * {
    -webkit-user-select: none !important;
    user-select: none !important;
    cursor: grabbing !important;
}

/* --------------------------------------------------------------------------
   3. 슬라이드 안 이미지의 기본 드래그 금지

   JS 가 dragstart 를 막지만, WebKit 계열은 -webkit-user-drag 를 함께 꺼야
   고스트 이미지가 확실히 사라진다. 두 겹으로 둔다.
   -------------------------------------------------------------------------- */
.cattabs img,
.fsort img,
.mapbar img,
.tabs img,
.board-tabs img,
.gallery-track img,
.gallery-thumbs img,
.zz-detail-gallery-track img,
.zz-detail-related-list img,
.zz-search-page .zzs-subcats img,
.zz-chat-list-page .zz-chat-tabs img,
[data-dragscroll] img {
    -webkit-user-drag: none;
    user-drag: none;
    /* 길게 눌러 저장하는 동작(모바일)은 막지 않는다 */
}