/* TechTide — Breadcrumb (thay cho eyebrow ở page + archive). Trừ homepage + single 6 dạng post. */
.tt-crumb{
	display:flex; flex-wrap:wrap; align-items:center; gap:6px;
	font-family:var(--tt-font-body);
	font-size:.72rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase;
	line-height:1.6; margin:0 0 1rem;
}
.tt-crumb__link{ color:var(--tt-ink-soft); text-decoration:none; transition:color .15s ease; }
.tt-crumb__link:hover{ color:var(--tt-ink); }
.tt-crumb__sep{ color:var(--tt-ink-soft); opacity:.5; }
.tt-crumb__cur{
	color:var(--tt-ink-soft); opacity:.8;
	max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

/* Hero nền tối #367ccd (Software + 11 trang dịch vụ) -> chữ breadcrumb sáng */
.tt-sw-hero .tt-crumb__link,
.tt-wd-hero .tt-crumb__link,
.tt-ma-hero .tt-crumb__link,
.tt-ux-hero .tt-crumb__link,
.tt-cs-hero .tt-crumb__link,
.tt-ai-hero .tt-crumb__link,
.tt-ss-hero .tt-crumb__link,
.tt-rt-hero .tt-crumb__link,
.tt-hc-hero .tt-crumb__link,
.tt-lg-hero .tt-crumb__link,
.tt-ft-hero .tt-crumb__link,
.tt-bc-hero .tt-crumb__link{ color:rgba(255,255,255,.85); }

.tt-sw-hero .tt-crumb__link:hover,
.tt-wd-hero .tt-crumb__link:hover,
.tt-ma-hero .tt-crumb__link:hover,
.tt-ux-hero .tt-crumb__link:hover,
.tt-cs-hero .tt-crumb__link:hover,
.tt-ai-hero .tt-crumb__link:hover,
.tt-ss-hero .tt-crumb__link:hover,
.tt-rt-hero .tt-crumb__link:hover,
.tt-hc-hero .tt-crumb__link:hover,
.tt-lg-hero .tt-crumb__link:hover,
.tt-ft-hero .tt-crumb__link:hover,
.tt-bc-hero .tt-crumb__link:hover{ color:#fff; }

.tt-sw-hero .tt-crumb__sep, .tt-sw-hero .tt-crumb__cur,
.tt-wd-hero .tt-crumb__sep, .tt-wd-hero .tt-crumb__cur,
.tt-ma-hero .tt-crumb__sep, .tt-ma-hero .tt-crumb__cur,
.tt-ux-hero .tt-crumb__sep, .tt-ux-hero .tt-crumb__cur,
.tt-cs-hero .tt-crumb__sep, .tt-cs-hero .tt-crumb__cur,
.tt-ai-hero .tt-crumb__sep, .tt-ai-hero .tt-crumb__cur,
.tt-ss-hero .tt-crumb__sep, .tt-ss-hero .tt-crumb__cur,
.tt-rt-hero .tt-crumb__sep, .tt-rt-hero .tt-crumb__cur,
.tt-hc-hero .tt-crumb__sep, .tt-hc-hero .tt-crumb__cur,
.tt-lg-hero .tt-crumb__sep, .tt-lg-hero .tt-crumb__cur,
.tt-ft-hero .tt-crumb__sep, .tt-ft-hero .tt-crumb__cur,
.tt-bc-hero .tt-crumb__sep, .tt-bc-hero .tt-crumb__cur{ color:rgba(255,255,255,.72); }