/**
 * TSV - Giao diện nội dung Footer của website hiện tại
 * Phiên bản: V10.9.1
 *
 * CSS thiết kế thuộc child theme, không thuộc lõi quản trị đa website.
 * Không dùng cho giao diện quản trị WordPress.
 */

/* =====================================================
   01. MÀU SẮC KẾ THỪA TỪ TRÌNH DỰNG GIAO DIỆN
===================================================== */

.tsv-footer-block,
.tsv-footer-block a,
.tsv-footer-socials,
.tsv-footer-socials a {
	color: inherit;
}

/* =====================================================
   02. LOGO VÀ ẢNH FOOTER
===================================================== */

.tsv-footer-logo {
	margin: 0 0 1.15rem;
}

.tsv-footer-logo__link {
	display: inline-block;
	max-width: 100%;
	color: inherit;
}

.tsv-footer-logo__media {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
}

.tsv-footer-image__link {
	display: block;
	color: inherit;
}

.tsv-footer-image__media {
	display: block;
	max-width: 100%;
	height: auto;
}

/* =====================================================
   03. MẠNG XÃ HỘI
===================================================== */

.tsv-footer-socials {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

.tsv-footer-social {
	margin: 0;
}

.tsv-footer-social a,
.tsv-footer-social > span {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	color: inherit;
	text-decoration: none;
}

.tsv-footer-social__icon {
	display: inline-flex;
	width: 1.2em;
	height: 1.2em;
	flex: 0 0 1.2em;
	align-items: center;
	justify-content: center;
	color: inherit;
}

.tsv-footer-social__icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: currentColor;
}

.tsv-footer-social a:hover {
	opacity: 0.82;
}

/* =====================================================
   04. THÔNG TIN LIÊN HỆ
===================================================== */

.tsv-footer-contact__row {
	display: flex;
	align-items: flex-start;
	gap: 0.45rem;
}

.tsv-footer-contact__icon {
	display: inline-flex;
	width: 1.05em;
	height: 1.05em;
	flex: 0 0 1.05em;
	align-items: center;
	justify-content: center;
	margin-top: 0.18em;
	color: inherit;
}

.tsv-footer-contact__icon svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: currentColor;
}

.tsv-footer-contact__content {
	min-width: 0;
}


	/* =====================================================
	   FOOTER – HÀNG SHORTCODE DÙNG PHẦN TỬ HTML
	   Đồng bộ màu chữ, liên kết, icon và dấu chấm danh sách
	===================================================== */
	
	.tsv-custom-footer .tsv-footer-html-row,
	.tsv-custom-footer .tsv-footer-html-row * {
		color: #ffffff !important;
	}
	
	/* Màu dấu chấm danh sách */
	.tsv-custom-footer .tsv-footer-html-row li::marker {
		color: #ffffff !important;
	}
	
	/* Icon SVG */
	.tsv-custom-footer .tsv-footer-html-row svg,
	.tsv-custom-footer .tsv-footer-html-row svg path {
		color: #ffffff !important;
		fill: currentColor;
	}
	
	/* Liên kết và hiệu ứng rê chuột */
	.tsv-custom-footer .tsv-footer-html-row a,
	.tsv-custom-footer .tsv-footer-html-row a:hover,
	.tsv-custom-footer .tsv-footer-html-row a:focus {
		color: #ffffff !important;
	}