/* Shared quick-contact bar — Figma node 312:25. */
.tc-d1-floating,
.tc-d2-floating {
	display: none;
}

.tc-global-quick-bar {
	position: fixed;
	top: min(
		var(--wp--custom--quick-bar--top),
		calc(100dvh - var(--wp--custom--quick-bar--height) - var(--wp--custom--quick-bar--viewport-gap))
	); /* TODO: Figma에 없음 — 짧은 뷰포트에서 전체 버튼을 노출하기 위한 안전 간격 */
	right: 0;
	z-index: var(--wp--custom--quick-bar--z-index); /* TODO: Figma에 없음 — 임의값 */
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	box-sizing: border-box;
	width: var(--wp--custom--quick-bar--width);
	height: var(--wp--custom--quick-bar--height);
	padding-block: var(--wp--custom--quick-bar--padding-block);
	margin: 0;
	background: var(--wp--custom--quick-bar--background);
	border-radius: var(--wp--custom--quick-bar--radius) 0 0 var(--wp--custom--quick-bar--radius);
}

.tc-global-quick-bar a {
	display: flex;
	flex: 0 0 var(--wp--custom--quick-bar--item-size);
	align-items: center;
	justify-content: center;
	width: var(--wp--custom--quick-bar--item-size);
	height: var(--wp--custom--quick-bar--item-size);
	color: inherit;
	text-decoration: none;
}

.tc-global-quick-bar a:focus-visible {
	outline: var(--wp--custom--quick-bar--focus-width) solid var(--wp--custom--quick-bar--focus-color); /* TODO: Figma에 없음 — 접근성 상태 */
	outline-offset: var(--wp--custom--quick-bar--focus-offset);
}

.tc-global-quick-bar img {
	display: block;
	max-width: none;
	margin: 0;
	object-fit: contain;
}

.tc-global-quick-bar a:nth-child(1) img {
	width: var(--wp--custom--quick-bar--naver-width);
	height: var(--wp--custom--quick-bar--naver-height);
}

.tc-global-quick-bar a:nth-child(2) img {
	width: var(--wp--custom--quick-bar--phone-size);
	height: var(--wp--custom--quick-bar--phone-size);
}

.tc-global-quick-bar a:nth-child(3) img {
	width: var(--wp--custom--quick-bar--kakao-size);
	height: var(--wp--custom--quick-bar--kakao-size);
}