/**
 * Giao diện 9 – Xanh ngọc công nghệ.
 * Header tối gọn dính khi cuộn, nhấn teal, hero ảnh chữ đè, cảm giác trang tin tech.
 */

:root {
	--c-primary: #0d9488;
	--c-primary-dark: #0f172a;
	--c-accent: #14b8a6;
	--c-alt: #f0fdfa;
	--c-border: #dbe7e4;
	--c-nav-bg: #0f172a;
	--c-nav-text: #e2f4f1;
	--c-topbar-bg: #0f172a;
	--c-topbar-text: #94a3b8;
	--c-footer-bg: #0f172a;
	--c-footer-text: #94a3b8;
	--c-title: #0f2b28;
	--c-section-title: #0d9488;
	--radius: 8px;
	--radius-lg: 12px;
	--section-title-border: 2px solid #0d9488;
}

.topbar { border-bottom: 1px solid rgba(255,255,255,.08); }
.site-title { color: #0d9488; }
.main-nav { border-bottom: 3px solid #14b8a6; }
.primary-menu > li > a { text-transform: none; font-weight: 600; }
.primary-menu > li > a:hover, .primary-menu > li.current-menu-item > a { background: rgba(20,184,166,.18); color: #5eead4; }

.section-title { text-transform: none; }
.cat-badge { color: #0d9488; }
.overlay-content .cat-badge { color: #5eead4; }
.ticker-label { background: #0d9488; }
.most-read-list li::before { color: #0d9488; }
.search-submit { background: #0d9488; }
.pagination .page-numbers.current { background: #0d9488; border-color: #0d9488; }
.entry-content a { color: #0d9488; }

/* ====== HEADER RIÊNG SKIN 9: logo khung viền teal, menu gạch chân teal ====== */
.site-title {
	border: 2px solid var(--c-primary); padding: 4px 14px;
	letter-spacing: 2px;
}
.primary-menu > li > a { position: relative; }
.primary-menu > li > a::after {
	content: ""; position: absolute; left: 14px; right: 14px; bottom: 6px;
	height: 2px; background: var(--c-primary);
	transform: scaleX(0); transform-origin: left; transition: transform .25s ease;
}
.primary-menu > li > a:hover::after,
.primary-menu > li.current-menu-item > a::after { transform: scaleX(1); }
.primary-menu > li > a:hover,
.primary-menu > li.current-menu-item > a { background: transparent; }