/* ============================================================================
   lino-draggable.css — 팝업창(모달) 이동 표준 스타일 (F-179) — /js/lino-draggable.js 와 한 쌍
   Styles for the modal-drag standard; ships with /js/lino-draggable.js.
   · 제목줄 셀렉터는 :where() 로 감싸 명시도 0 — 페이지가 cursor 등을 언제든 덮을 수 있다.
     / Handle rules are wrapped in :where() (specificity 0) so pages can override them.
   · 셀렉터 목록은 lino-draggable.js HANDLE_SELECTORS 와 같게 유지할 것.
     / Keep this list in sync with HANDLE_SELECTORS in the script.
   ============================================================================ */

/* 제목줄 = 드래그 핸들: 이동 커서 + 터치 스크롤 대신 드래그 / title bar = drag handle */
:where([data-drag-handle], .modal-header, .s-modal-header, .sp-modal-header, .ss-modal-head,
  .bam-modal-head, .sd-modal-head, .ss2-modal-head, .od-modal-head, .tk-modal-head,
  .my-modal-header, .ld-modal-head, .iop-modal-header, .de-modal-head, .so-modal-header,
  .sd-modal-header, .ra-modal-header, .pm-modal-head, .ip-modal-header, .gj-modal-header,
  .abc-modal-hdr, .sv-modal-hdr, .hb-modal-head) {
  cursor: move;
  touch-action: none;
}
/* 제목줄 안 버튼·입력·링크는 이동 커서를 물려받지 않게 UA 기본값으로 되돌림
   / Controls inside a handle go back to their UA cursor instead of inheriting "move" */
:where([data-drag-handle], .modal-header, .s-modal-header, .sp-modal-header, .ss-modal-head,
  .bam-modal-head, .sd-modal-head, .ss2-modal-head, .od-modal-head, .tk-modal-head,
  .my-modal-header, .ld-modal-head, .iop-modal-header, .de-modal-head, .so-modal-header,
  .sd-modal-header, .ra-modal-header, .pm-modal-head, .ip-modal-header, .gj-modal-header,
  .abc-modal-hdr, .sv-modal-hdr, .hb-modal-head) :where(button, a, input, select, textarea, label, [onclick], [data-no-drag]) {
  cursor: revert;
  touch-action: auto;
}

/* 옮겨진 박스 — 기존 transform(중앙정렬·애니메이션)과 독립 합성되는 개별 translate 속성 사용
   / Moved box: the independent `translate` property composes with any existing transform */
.lino-dragged {
  translate: var(--lino-drag-x, 0px) var(--lino-drag-y, 0px);
}

/* 드래그 중: 글자 선택 금지 + iframe 이 포인터를 삼키지 않게 + 박스 전환 효과 끔
   / While dragging: no text selection, iframes don't swallow the pointer, no box transitions */
body.lino-dragging {
  -webkit-user-select: none;
  user-select: none;
  cursor: move;
}
body.lino-dragging iframe { pointer-events: none; }
body.lino-dragging .lino-dragged { transition: none; }