/**
 * 게시글/댓글 롱프레스 복사 레이어(컨텍스트 메뉴) 스타일
 * - JS: /www/js/board/copyLayer.js (document 위임 바인딩)
 * - 대상: .community-detail__text(본문 5개 스킨 공통), 정상 댓글 .comment-middle.commentItemContentsContainer
 * - 카드형 UI 지양 / 좌측 세로 라인 선택강조 금지 → 심플 팝오버 + 배경 하이라이트로 처리
 */

/* 롱프레스 대상: 네이티브 텍스트 선택/콜아웃(길게 눌러 복사) 억제.
   복사는 아래 커스텀 메뉴로 제공하므로 기본 선택 UI는 막는다.
   단, PC(마우스)에서는 드래그 선택을 유지해야 하므로 터치 기기에서만 적용한다
   → 데스크톱은 기존처럼 텍스트 선택 가능 + 우클릭 메뉴로 복사 제공. */
@media (hover: none) and (pointer: coarse) {
    .community-detail__text,
    .comment-middle.commentItemContentsContainer{
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
        -webkit-touch-callout:none;
    }
}

/* default/gallery/anonymous 스킨은 본문을 nl2br(<br> 포함)로 출력한다.
   .community-detail__text 로 감싸면 전역 .community-detail__con .community-detail__text{white-space:pre-wrap}
   이 상속되어 <br> + 원본 개행이 겹쳐 줄간격이 2배가 된다 → 이 스킨만 normal 로 되돌린다.
   (view/youtube 스킨은 nl2br 없이 pre-wrap 에 의존하므로 이 수식 클래스를 붙이지 않는다) */
.community-detail__con .community-detail__text.community-detail__text--br{
    white-space:normal;
}

/* 눌린 대상 하이라이트(선택 피드백) — 좌측 라인 대신 은은한 배경 */
.board-copy__target--selected{
    background:#f0f6ff;
    border-radius:6px;
}

/* 플로팅 컨텍스트 메뉴(팝오버) */
.board-copy__layer{
    position:fixed;
    top:0;
    left:0;
    z-index:10050;
    min-width:120px;
    padding:4px;
    background:#fff;
    border-radius:8px;
    box-shadow:0 4px 16px rgba(0,0,0,.18);
    display:none;
}
.board-copy__layer.is-open{
    display:block;
}

/* 항목 색/폰트는 채팅 롱프레스 메뉴(.layer-sort__item a: #404040)와 톤을 맞춘다. */
.board-copy__item{
    display:flex;
    align-items:center;
    width:100%;
    min-height:44px;
    padding:0 16px;
    background:transparent;
    border:0;
    border-radius:6px;
    font-size:15px;
    color:#404040;
    line-height:1.4;
    text-align:left;
    cursor:pointer;
}
.board-copy__item:hover,
.board-copy__item:active{
    background:#f4f5f7;
}

/* 선택 복사 모드: 해당 대상만 네이티브 텍스트 선택 허용.
   모바일의 user-select:none(위 @media) 를 이기도록 !important 로 오버라이드한다.
   touch-action:none → 이 영역에서 드래그하면 브라우저가 스크롤로 가로채지 않고
   copyLayer.js 의 커스텀 드래그 선택(caretRangeFromPoint)에 넘어오게 한다. */
.board-copy__selectable,
.board-copy__selectable *{
    -webkit-user-select:text !important;
    -moz-user-select:text !important;
    -ms-user-select:text !important;
    user-select:text !important;
    -webkit-touch-callout:default !important;
    touch-action:none !important;
}

/* 선택 복사 모드 하단 액션바(드래그 선택 → 복사) */
.board-copy__selbar{
    position:fixed;
    left:50%;
    bottom:24px;
    transform:translateX(-50%);
    z-index:10051;
    display:none;
    align-items:center;
    gap:8px;
    max-width:calc(100vw - 32px);
    padding:8px 8px 8px 16px;
    background:#222;
    color:#fff;
    border-radius:24px;
    box-shadow:0 4px 16px rgba(0,0,0,.24);
    font-size:13px;
    white-space:nowrap;
}
.board-copy__selbar.is-open{
    display:flex;
}
.board-copy__selbar-label{
    min-width:0;            /* flex item ellipsis 를 위해 필수(기본 min-width:auto 면 안 줄어듦) */
    margin-right:8px;
    overflow:hidden;
    text-overflow:ellipsis;
}
.board-copy__selbtn{
    flex:0 0 auto;
    min-height:44px;
    padding:0 16px;
    border:0;
    border-radius:22px;
    font-size:14px;
    cursor:pointer;
}
.board-copy__selbtn--copy{
    background:#3b82f6;
    color:#fff;
}
.board-copy__selbtn--cancel{
    background:transparent;
    color:#cbd5e1;
}