/**
 * Giao diện 11 – Báo Thanh Hóa (đỏ #d72027).
 * Mô phỏng baothanhhoa.vn: masthead trắng (logo trái), thanh menu đỏ full-width,
 * hero 1 bài lớn + danh sách phải (classic), nhấn đỏ, sidebar phải, ticker tin nóng.
 * Bảng màu & typography lấy từ CSS gốc của baothanhhoa: đỏ #d72027 / #b40c0e,
 * xám #212529 / #6c757d / #f8f9fa, font Poppins (tiêu đề/menu) + Roboto (nội dung),
 * khung nội dung 1024px.
 */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&family=Roboto:wght@400;500;700&display=swap');

:root {
	/* Màu sắc – theo baothanhhoa.vn */
	--c-primary: #d72027;        /* Đỏ thương hiệu */
	--c-primary-dark: #b40c0e;   /* Đỏ đậm (hover/topbar) */
	--c-accent: #d72027;
	--c-bg: #ffffff;
	--c-surface: #ffffff;
	--c-alt: #f8f9fa;            /* Xám nền nhạt (Bootstrap) */
	--c-text: #212529;
	--c-muted: #6c757d;
	--c-border: #e6e6e6;
	--c-nav-bg: #d72027;         /* Thanh menu đỏ */
	--c-nav-text: #ffffff;
	--c-topbar-bg: #b40c0e;      /* Topbar đỏ đậm */
	--c-topbar-text: #ffdedf;
	--c-footer-bg: #212529;      /* Footer xám đậm */
	--c-footer-text: #ced4da;
	--c-title: #212529;
	--c-section-title: #d72027;

	/* Chữ – Poppins (tiêu đề/menu) + Roboto (nội dung) */
	--font-body: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	--font-heading: Poppins, Roboto, -apple-system, "Segoe UI", Arial, sans-serif;
	--fs-base: 16px;

	/* Hình khối – vuông vức, sát báo chí */
	--radius: 3px;
	--radius-lg: 3px;
	--shadow: none;
	--card-bg: transparent;
	--card-pad: 0px;
	--section-title-border: 3px solid #d72027;
	--container: 1024px;          /* baothanhhoa dùng khung 1024px */
}

/* ==== Masthead: logo đỏ chữ đậm, tagline xám ==== */
.site-title {
	color: #d72027;
	font-family: var(--font-heading);
	font-weight: 800;
	letter-spacing: .3px;
}
.site-title:hover { color: #b40c0e; }
.site-tagline { color: #6c757d; font-style: italic; }

/* ==== Thanh menu đỏ: chữ Poppins in hoa, gạch chân trắng khi hover ==== */
.main-nav { border-bottom: 3px solid #b40c0e; }
.primary-menu > li > a {
	font-family: var(--font-heading);
	font-weight: 600;
	font-size: 14px;
	letter-spacing: .2px;
}
.primary-menu > li > a:hover,
.primary-menu > li.current-menu-item > a,
.primary-menu > li.current-cat > a {
	background: #b40c0e;
	color: #fff;
}
.nav-home:hover { background: #b40c0e; }

/* ==== Tiêu đề khối chuyên mục: thanh đỏ dọc + chữ đỏ in hoa (kiểu baothanhhoa) ==== */
.section-title,
.widget-title,
.archive-title {
	font-family: var(--font-heading);
	font-weight: 700;
}
.section-header { position: relative; }
.section-title { padding-left: 12px; position: relative; }
.section-title::before {
	content: "";
	position: absolute; left: 0; top: 2px; bottom: 10px;
	width: 4px; background: #d72027;
}

/* ==== Tiêu đề bài & card: Poppins ==== */
.entry-title,
.card-title,
.card-large .card-title,
.card-medium .card-title {
	font-family: var(--font-heading);
}
.entry-title { font-weight: 700; }

/* ==== Ticker tin nóng: nhãn đỏ ==== */
.ticker-label { background: #d72027; }

/* ==== Phân trang ==== */
.pagination .page-numbers.current { background: #d72027; border-color: #d72027; }
.pagination a.page-numbers:hover { border-color: #d72027; color: #d72027; }

/* ==== Nút & link nội dung ==== */
.search-submit { background: #d72027; }
.search-submit:hover { background: #b40c0e; }
.button, .comment-form .submit { background: #d72027; }
.button:hover, .comment-form .submit:hover { background: #b40c0e; }
.entry-content a { color: #d72027; }
.entry-content a:hover { color: #b40c0e; }

/* ==== Footer: nền xám đậm, tiêu đề trắng, nhấn đỏ ==== */
.site-footer .widget-title { border-bottom-color: #d72027; }
.footer-site-name { color: #d72027; }