/* ==========================================================================
   图标悬停文字提示（搜索 / 购物车）
   文案由 PHP 端按当前语言输出（见 functions.php 的 wp_localize_script），
   这里只负责显示与定位。
   ========================================================================== */

.vx-tip-host {
	position: relative;
}

.vx-tip {
	position: absolute;
	left: 50%;
	top: calc(100% + 8px);
	transform: translateX(-50%) translateY(-4px);
	z-index: 9600;
	padding: 6px 10px;
	background: #0e0e0e;
	color: #dadada;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 2px;
	font-family: Oswald, "Segoe UI", sans-serif;
	font-size: 11px;
	line-height: 1.2;
	letter-spacing: .12em;
	text-transform: uppercase;
	white-space: nowrap;
	pointer-events: none;
	opacity: 0;
	transition: opacity .15s ease, transform .15s ease;
}

.vx-tip::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 100%;
	margin-left: -4px;
	border: 4px solid transparent;
	border-bottom-color: #0e0e0e;
}

.vx-tip.is-visible {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}

/* 购物车在页头右侧，提示向右对齐避免超出视口 */
.site-header .replica-minicart-wrap .vx-tip {
	left: auto;
	right: 0;
	transform: translateY(-4px);
}

.site-header .replica-minicart-wrap .vx-tip.is-visible {
	transform: translateY(0);
}

.site-header .replica-minicart-wrap .vx-tip::before {
	left: auto;
	right: 10px;
	margin-left: 0;
}