/* Trang bài viết blog (single post) — số đo lấy trực tiếp từ bjjfightgear.com
   (blogs/bjj-fightgear-blog/<handle>), xem ghi chú trong templates/single.html. */

/* Ảnh đại diện — full-bleed, cao cố định 500px, cover (không co giãn theo tỉ lệ ảnh gốc,
   luôn crop cho vừa khung — đúng hành vi bản gốc dùng background-image: cover). */
.bjj-article-image {
	height: 500px;
}
.bjj-article-image img {
	height: 500px;
	object-fit: cover;
	width: 100%;
}

/* Cột nội dung — 700px, căn giữa, padding ngang 25px (= 650px hiệu dụng, đúng độ rộng đo được
   của tiêu đề/đoạn văn trên bản gốc). Không dùng align="wide" (1400px) của theme vì cột chữ
   trang blog hẹp hơn nhiều so với các section khác. */
.bjj-article-wrap {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 32px;
	padding-bottom: 60px;
}

/* Meta — "Ngày đăng | Tác giả", 16px, xám, cùng hàng. Tác giả hiện lấy display name của user
   WordPress (Users → hồ sơ của bạn → Tên hiển thị) — sửa được qua wp-admin, không hardcode. */
.bjj-article-meta {
	gap: 6px;
	margin: 0;
}
.bjj-article-meta,
.bjj-article-meta .wp-block-post-date,
.bjj-article-meta .wp-block-post-author-name {
	font-family: var(--wp--preset--font-family--open-sans);
	font-size: 16px;
	color: var(--wp--preset--color--accent-3);
}
.bjj-article-meta-sep {
	margin: 0;
	color: var(--wp--preset--color--accent-3);
}

/* Tiêu đề — 25px/800/uppercase/Montserrat, margin 12px trên (cách meta) / 32px dưới (cách nội
   dung) — đúng số đo bản gốc (h1 blog nhỏ hơn hẳn h1 các trang khác của theme).
   Selector cố ý 3 lớp .bjj-article-wrap .bjj-article-title.bjj-article-title (specificity 0,3,0)
   — class core "wp-block-post-title" cũng bị shop-archive.css ép style riêng cho tiêu đề sản
   phẩm trong Product Collection (`.wp-block-post-title.wp-block-post-title`, specificity 0,2,0,
   load SAU file này nên thắng theo thứ tự nếu để ngang specificity) — bump thêm 1 bậc để chắc
   chắn thắng, không đụng tới rule bên shop-archive.css (đang đúng cho ngữ cảnh của nó). */
.bjj-article-wrap .bjj-article-title.bjj-article-title {
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: 25px;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 1.15;
	color: var(--wp--preset--color--contrast);
	margin: 12px 0 32px;
}

/* Nội dung bài viết — Open Sans 16px/line-height 26px, heading con Montserrat 800/uppercase,
   blockquote viền trái xanh accent-2, link màu đỏ accent-1 không gạch chân — toàn bộ đo trực
   tiếp trên .rte của bjjfightgear.com. */
.bjj-article-content {
	font-family: var(--wp--preset--font-family--open-sans);
	font-size: 16px;
	line-height: 26px;
	color: var(--wp--preset--color--contrast);
}
.bjj-article-content p {
	margin: 0 0 16px;
}
.bjj-article-content h2 {
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: 24px;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 1.625;
	margin: 32px 0 16px;
}
.bjj-article-content h3 {
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: 22px;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 1.625;
	margin: 32px 0 16px;
}
.bjj-article-content strong {
	font-weight: 700;
}
.bjj-article-content ul,
.bjj-article-content ol {
	margin: 0 0 16px;
	padding-left: 20px;
}
.bjj-article-content blockquote {
	border-left: 2px solid var(--wp--preset--color--accent-2);
	padding: 0 0 0 16px;
	margin: 16px 40px 16px 0;
	font-style: normal;
}
.bjj-article-content blockquote p {
	margin: 0;
}
.bjj-article-content a {
	color: var(--wp--preset--color--accent-1);
	text-decoration: none;
}
.bjj-article-content a:hover {
	text-decoration: underline;
}

@media (max-width: 782px) {
	.bjj-article-image,
	.bjj-article-image img {
		height: 260px;
	}
	.bjj-article-wrap .bjj-article-title.bjj-article-title {
		font-size: 21px;
	}
	.bjj-article-content h2 {
		font-size: 20px;
	}
	.bjj-article-content h3 {
		font-size: 18px;
	}
}