/* Kiểu highlight tiêu đề (.tri-hlw--*) — cài đặt ở inc/title-case.php
   (common.typography + ô "Tiêu đề — …" từng khối); [[ ]] ở inc/title-format.php.
   Màu riêng: biến --tri-hlw-c (mặc định cam thương hiệu). */

mark.tri-hlw {
	background: none;
	color: inherit;
	padding: 0;
	font: inherit;
	text-transform: inherit;
	letter-spacing: inherit;
}

.tri-hlw--orange {
	color: var(--tri-hlw-c, var(--wp--preset--color--orange, #ec6207)) !important;
}

.tri-hlw--blue {
	color: #0053d1 !important;
}

.tri-hlw--marker {
	background: linear-gradient(transparent 58%, color-mix(in srgb, var(--tri-hlw-c, #ec6207) 30%, transparent) 58%) !important;
	padding: 0 0.08em !important;
}

.tri-hlw--yellow {
	background: var(--tri-hlw-c, #ffe066) !important;
	color: #091f5b !important;
	padding: 0 0.18em !important;
	border-radius: 0.2em;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

.tri-hlw--underline {
	text-decoration: underline;
	text-decoration-color: var(--tri-hlw-c, #ec6207);
	text-decoration-thickness: 0.12em;
	text-underline-offset: 0.16em;
}

.tri-hlw--pill {
	background: var(--tri-hlw-c, var(--wp--preset--color--navy, #091f5b)) !important;
	color: #fff !important;
	padding: 0 0.3em !important;
	border-radius: 0.35em;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

.tri-hlw--gradient {
	background: linear-gradient(90deg, var(--tri-hlw-c, #ec6207), #3b63a8) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
}

/* "flow": chuyển màu chạy trái → phải, mỗi vòng --tri-hl-dur (3/4/5 giây).
   Nền sáng: xanh thương hiệu → cam; khối nền xanh đậm: cam → vàng. */
:root {
	--tri-hl-dur: 4s;
}

.tri-hlw--flow,
.tri-h .tri-h__accent,
.tri-h .tri-accent {
	--tri-hl-a: var(--wp--preset--color--action, #0053d1);
	--tri-hl-b: var(--tri-hlw-c, var(--wp--preset--color--orange, #ec6207));
	background-color: transparent !important;
	background-image: linear-gradient(90deg, var(--tri-hl-a) 0%, var(--tri-hl-b) 50%, var(--tri-hl-a) 100%) !important;
	background-size: 200% 100% !important;
	background-repeat: repeat-x !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	animation: tri-hl-flow var(--tri-hl-dur) linear infinite;
}

:is(.tri-section--why-2, .tri-navy-merge, .tri-navy-strip, .tri-cta-band, .tri-scta-strip) :is(.tri-hlw--flow, .tri-h__accent, .tri-accent) {
	--tri-hl-a: var(--tri-hlw-c, var(--wp--preset--color--orange, #ec6207));
	--tri-hl-b: #ffc24d;
}

@keyframes tri-hl-flow {
	from {
		background-position: 0% 50%;
	}

	to {
		background-position: 200% 50%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tri-hlw--flow,
	.tri-h .tri-h__accent,
	.tri-h .tri-accent {
		animation: none;
	}
}

/* Không để một chữ rơi một mình xuống dòng cuối. */
.tri-h,
.tri-navy-strip__label h2,
.tri-scta-strip__title {
	text-wrap: balance;
}

.tri-sub,
.tri-h + p {
	text-wrap: pretty;
}