/**
 * NTV Theme — Share Widget styles
 * Bảng màu lấy từ brand reference (mediaonlinevn.com): accent navy #264C84
 */

.ntv-share {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	padding: 10px 12px;
	margin: 16px 0;
	background: #F6F6F6;
	border-radius: 6px;
}

.ntv-share__label {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #5E5E5E;
	margin-right: 4px;
	font-weight: 700;
}

.ntv-share__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #FFFFFF;
	color: #5E5E5E;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
	cursor: pointer;
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.ntv-share__btn:hover,
.ntv-share__btn:focus-visible {
	transform: translateY(-1px);
	color: #FFFFFF;
}

.ntv-share__btn--fb:hover,
.ntv-share__btn--fb:focus-visible { background: #1877F2; }

.ntv-share__btn--x:hover,
.ntv-share__btn--x:focus-visible { background: #000000; }

.ntv-share__btn--zalo {
	/* nút thật do Zalo SDK tự render bên trong; wrapper chỉ căn kích thước/khoảng cách */
	width: auto;
	height: auto;
	border-radius: 4px;
	box-shadow: none;
	background: transparent;
	padding: 0;
}

.ntv-share__btn--copy:hover,
.ntv-share__btn--copy:focus-visible { background: #264C84; }

.ntv-share__btn--copy.is-copied {
	width: auto;
	padding: 0 12px;
	border-radius: 17px;
	background: #264C84;
	color: #FFFFFF;
}

.ntv-share__btn--copy.is-copied .ntv-share__copy-text {
	display: inline-block;
	margin-left: 4px;
	font-size: 12px;
	font-family: Arial, sans-serif;
	white-space: nowrap;
}

.ntv-share__copy-text {
	display: none;
}

.ntv-share__btn--native:hover,
.ntv-share__btn--native:focus-visible { background: #264C84; }

@media (max-width: 480px) {
	.ntv-share__label {
		width: 100%;
		margin-bottom: 4px;
	}
}