/* =========================================================
   VLN base — đặc tả 4.1 (màu, chữ, độ rộng, thanh menu)
   ========================================================= */
:root {
	--vln-red: #c42129;      /* màu chủ đạo */
	--vln-nav: #f10d17;      /* thanh menu */
	--vln-nav-hover: #d50913;
	--vln-ink: #232927;      /* chữ */
	--vln-muted: #727872;
	--vln-line: #e7e8e3;     /* viền */
	--vln-bg: #f7f8f5;
	--vln-font: Arial, Helvetica, sans-serif;
}

/* Chữ toàn site: Arial/Helvetica (thay SF Pro tải từ theme cũ). Không đụng icon font. */
body, button, input, select, textarea,
h1, h2, h3, h4, h5, h6, .heading-font, .nav > li > a, .alt-font {
	font-family: var(--vln-font);
}
body { color: var(--vln-ink); }

/* Độ rộng nội dung tối đa 1370px, padding desktop 34px */
@media (min-width: 850px) {
	html body .container, html body .container-width, html body .full-width .ubermenu-nav { max-width: 1370px; padding-left: 34px; padding-right: 34px; }
	html body .row, html body .row.row-large { max-width: 1332px; }
	html body .container .row:not(.row-collapse) { max-width: none; }
}

/* Thanh menu đỏ */
.header-bottom, #wide-nav { background-color: var(--vln-nav) !important; }
#wide-nav .header-bottom-nav > li { margin: 0 10px; }
#wide-nav .header-bottom-nav > li > a {
	font-family: var(--vln-font);
	font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: uppercase;
	color: #fff; padding-left: 0; padding-right: 0;
}
#wide-nav .header-bottom-nav > li > a:hover { color: #fff; opacity: .85; }
@media (min-width: 850px) and (max-width: 1199px) {
	#wide-nav .header-bottom-nav > li { margin: 0 6px; }
	#wide-nav .header-bottom-nav > li > a { font-size: 12px; }
}

/* Màu chủ đạo cho nút/nhấn mạnh dùng màu cũ #ed1c24 */
.button.primary:not(.is-outline), .button.alt, .primary.is-underline, .badge-inner.on-sale { background-color: var(--vln-red); }
a.button.primary:not(.is-outline):hover { background-color: #a91b22; }

/* Giỏ hàng: chỉ icon + số lượng, tên truy cập đã có sẵn (aria-label) */
.header-cart-icon[data-icon-label]::after { background: var(--vln-red); }

/* Bài viết (đặc tả 4.5): ngày đăng/cập nhật + CTA vật liệu cuối bài */
.vln-post-date { font-size: 13px; color: var(--vln-muted); }
.vln-post-cta { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin: 30px 0 10px; padding: 20px 22px; border: 1px solid var(--vln-line); border-left: 4px solid var(--vln-red); border-radius: 8px; background: #fafbf9; font-family: var(--vln-font); }
.vln-post-cta strong { font-size: 16px; color: var(--vln-ink); }
.vln-post-cta p { margin: 6px 0 0; font-size: 13px; color: #5b635e; }
.vln-post-cta-actions { display: flex; gap: 10px; flex-wrap: wrap; flex-shrink: 0; }
.vln-btn { display: inline-block; padding: 10px 16px; border-radius: 6px; background: var(--vln-red); color: #fff !important; font-weight: 600; font-size: 13px; text-decoration: none !important; }
.vln-btn.is-outline { background: #fff; color: var(--vln-red) !important; border: 1px solid var(--vln-red); }
@media (max-width: 650px) { .vln-post-cta { flex-direction: column; align-items: flex-start; } }