/* 터치 기기의 버튼 hover 잔상
 *
 * iOS Safari 는 탭한 지점의 :hover 를 다음 탭까지 유지한다. 탭으로 화면이 바뀌어 그 자리에
 * 다른 버튼이 새로 놓이면 그 버튼이 hover 색으로 그려진다 — 테두리(outline) 버튼은 hover 가
 * 채움이라 「눌린」 것처럼 보인다. 실측:
 *
 *   잠재고객 상세  「수정」 탭 → 수정모드 「삭제」(btn-outline-danger)        빨간 채움
 *   계약 상세      수정모드 「취소」 탭 → 「매출 자동생성」(btn-outline-success) 초록 채움
 *
 * 화면별로 버튼 순서를 맞추는 대신, hover 가 없는 기기에서는 hover 색을 평상시 색과 같게 둔다.
 * Tabler 1.3.2 의 `.btn:hover` 는 --tblr-btn-hover-{color,bg,border-color} 만 읽으므로 그
 * 셋을 평상시 변수로 돌려놓으면 된다. 눌림(:active)·선택(.active·btn-check:checked)은
 * --tblr-btn-active-* 를 따로 쓰므로 영향이 없다 — 누르는 순간의 반응은 그대로 남는다.
 *
 * `hover: none` 은 기본 입력장치 기준이다 — 마우스를 쓰는 터치 노트북은 hover: hover 라 무변경.
 */

/* `.btn-outline-danger` 등 변형 클래스(클래스1)가 같은 변수를 정의하므로 명시도로 이긴다.
   선택된 칩·활성 버튼은 뺀다 — 벤더의 `.btn-check + .btn:hover` 가 선택된 칩에도 hover 변수를
   쓰므로, 재정의가 닿으면 선택된 칩이 탭한 뒤 선택 안 된 모양(투명)으로 보인다. */
@media (hover: none) {
    .btn:hover:not(.active, .show, .btn-check:checked + .btn) {
        --tblr-btn-hover-color: var(--tblr-btn-color);
        --tblr-btn-hover-bg: var(--tblr-btn-bg);
        --tblr-btn-hover-border-color: var(--tblr-btn-border-color);
    }
}