/**
 * Widget Tiêu đề (VDC) – Styles
 * Tham khảo tiêu đề PCTC / Brands: thanh accent, chữ in hoa, căn trái/giữa/phải.
 */

.vdc-title-widget {
	box-sizing: border-box;
}

.vdc-title-widget *,
.vdc-title-widget *::before,
.vdc-title-widget *::after {
	box-sizing: border-box;
}

/* Wrapper căn chỉnh: text-align do Elementor control (left/center/right) */
.vdc-title-header {
	display: block;
}

/* Nhóm accent + chữ: inline-flex để khối này căn theo .vdc-title-header */
.vdc-title-inner {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}

.vdc-title-accent {
	height: 1.2em;
	background-color: #f5d033;
	border-radius: 2px;
	flex-shrink: 0;
}

.vdc-title-text {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.3;
}

/* Khi có accent: thêm viền phải cho chữ (giống PCTC/Brands) */
.vdc-title-inner.vdc-title-has-accent .vdc-title-text {
	border-right: 1px solid #ccc;
	padding-right: 16px;
}