/**
 * Giao diện 6 – Tạp chí cam.
 * Tông cam nổi bật, hero ảnh lớn chữ đè, card đổ bóng bo góc kiểu tạp chí.
 */

:root {
	--c-primary: #ea580c;
	--c-primary-dark: #c2410c;
	--c-accent: #ea580c;
	--c-bg: #faf7f4;
	--c-surface: #ffffff;
	--c-alt: #fdf1e8;
	--c-border: #efe3d8;
	--c-topbar-bg: #1f1712;
	--c-topbar-text: #d8cabf;
	--c-footer-bg: #1f1712;
	--c-footer-text: #d8cabf;
	--c-title: #241a12;
	--c-section-title: #241a12;
	--radius: 10px;
	--radius-lg: 14px;
	--card-bg: #ffffff;
	--card-pad: 14px;
	--shadow: 0 6px 18px rgba(36, 26, 18, .08);
	--section-title-border: 0 solid transparent;
}

.site-title { color: #ea580c; }

/* Tiêu đề khối kiểu tag pill */
.section-header { border-bottom: 0; }
.section-title {
	background: #ea580c; color: #fff;
	padding: 6px 16px; border-radius: 999px;
	font-size: 15px;
}
.section-title a { color: #fff; }
.section-title a:hover { color: #fff; }
.widget-title {
	border-bottom: 0; background: #ea580c; color: #fff;
	padding: 6px 16px; border-radius: 999px; display: inline-block;
	font-size: 14px; width: auto;
}
.site-footer .widget-title { background: rgba(255,255,255,.14); }
.archive-header { border-bottom: 0; }
.archive-title {
	background: #ea580c; color: #fff; display: inline-block;
	padding: 6px 20px; border-radius: 999px; font-size: 18px;
}
.related-posts { border-top: 0; }

.card-small, .card-archive { --card-bg: transparent; --card-pad: 0px; box-shadow: none; }
.hero-classic .hero-side .card-small, .section-grid-a .section-list .card-small { border-bottom-style: dashed; }

/* ====== HEADER RIÊNG SKIN 6: masthead căn giữa, topbar gradient cam, menu pill ====== */
.main-nav { background: var(--c-surface); border-top: 0; border-bottom: 1px solid var(--c-border); }
.nav-inner { gap: 6px; padding: 8px 16px; }
.primary-menu { gap: 6px; }
.primary-menu > li > a {
	color: var(--c-text); border-radius: 999px; padding: 8px 16px;
}
.primary-menu > li > a:hover,
.primary-menu > li.current-menu-item > a,
.primary-menu > li.current-cat > a { background: var(--c-primary); color: #fff; }
.nav-home { border-right: 0; color: var(--c-text); border-radius: 999px; }
.baochi-all-btn { border-radius: 999px; background: var(--c-alt); color: var(--c-text); }
.baochi-all-btn:hover { background: var(--c-primary); color: #fff; }