/**
 * 메인 홈 전용 — 카카오톡 채널 플로팅 (업로드 이미지)
 * 파일: assets/css/kakao-channel-float.css
 */

#hcp-kakao-channel-float {
	position: fixed;
	right: 30px;
	/* 하단 UI·가림 방지: 기존 대비 100px 위로 */
	bottom: 124px;
	/* Astra #ast-scroll-top(9999)·mainpage-mini 하단 네비(99900) 위 — 겹침 시 터치 먹힘 방지. 로그인 모달(100000)보다는 낮게 */
	z-index: 99999;
	/* 기준 대비 80% (약 20% 축소) — 이미지가 말풍선 전체를 담음 */
	width: 45px;
	height: 45px;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	overflow: visible;
	outline: none;
	pointer-events: auto;
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
}

#hcp-kakao-channel-float:focus-visible {
	outline: none;
}

#hcp-kakao-channel-float .hcp-kakao-ch-img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
	border-radius: 0;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
	transition: transform 0.28s ease, box-shadow 0.28s ease;
	transform-origin: center center;
	/* Android WebView: img가 터치 타깃이 되어 링크 미동작하는 경우 방지 */
	pointer-events: none;
	-webkit-user-drag: none;
	user-select: none;
}

#hcp-kakao-channel-float:hover .hcp-kakao-ch-img,
#hcp-kakao-channel-float:focus-visible .hcp-kakao-ch-img {
	transform: scale(1.28);
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.26);
}

#hcp-kakao-channel-float:focus-visible .hcp-kakao-ch-img {
	box-shadow: 0 0 0 3px #fff, 0 0 0 5px rgba(60, 30, 30, 0.55), 0 8px 28px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
	#hcp-kakao-channel-float {
		right: 20px;
		/* 홈 인디케이터·브라우저 UI에 가리지 않도록 기존 대비 100px 위로 */
		bottom: 118px;
		width: 42px;
		height: 42px;
	}
}