/**
 * Nút liên hệ — trang chi tiết sản phẩm.
 */

:root {
	--ankhang-theme-primary: var(--wp--preset--color--primary, var(--primary-color, var(--ankhang-color-primary, #1c22cc)));
}

.ankhang-product-contact {
	margin: 18px 0 8px;
	padding: 18px;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	background: #f8fafc;
}

.ankhang-product-contact__heading {
	margin: 0 0 6px;
	font-size: 1.1rem;
	font-weight: 800;
	color: #0f172a;
}

.ankhang-product-contact__subtitle {
	margin: 0 0 14px;
	font-size: 0.88rem;
	line-height: 1.5;
	color: #64748b;
}

.ankhang-product-contact__buttons {
	display: grid;
	gap: 10px;
}

.ankhang-product-contact__btn,
.ankhang-product-contact__btn .ankhang-product-contact__label,
.ankhang-product-contact__btn:visited {
	color: #fff !important;
}

.ankhang-product-contact__btn:hover,
.ankhang-product-contact__btn:hover .ankhang-product-contact__label,
.ankhang-product-contact__btn:focus,
.ankhang-product-contact__btn:focus .ankhang-product-contact__label {
	color: #fff !important;
}

.ankhang-product-contact__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 46px;
	padding: 0 16px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 0.95rem;
	text-decoration: none;
	border: 0;
	transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.ankhang-product-contact__btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 8px 18px rgba(15, 23, 42, 0.14);
	opacity: 0.95;
}

.ankhang-product-contact__btn .ankhang-product-contact__icon,
.ankhang-product-contact__btn .ankhang-product-contact__icon-fallback,
.ankhang-product-contact__btn .ankhang-product-contact__icon-fallback svg {
	color: #fff !important;
	fill: #fff !important;
}

.ankhang-product-contact__icon-img {
	display: block;
	width: 20px;
	height: 20px;
	object-fit: contain;
	filter: brightness(0) invert(1);
}

.ankhang-product-contact__icon-img--uploaded {
	width: 22px;
	height: 22px;
	filter: none;
}

.ankhang-product-contact__icon-fallback {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
}

.ankhang-product-contact__btn--zalo {
	background: #0068ff;
}

.ankhang-product-contact__btn--messenger {
	background: linear-gradient(135deg, #00b2ff 0%, #006aff 100%);
}

.ankhang-product-contact__btn--phone {
	background: var(--ankhang-theme-primary);
}

.ankhang-product-contact__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.18);
}

@media (min-width: 550px) {
	.ankhang-product-contact__buttons {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 549px) {
	.ankhang-product-contact {
		padding: 14px;
	}
}