/*
Theme Name:   Ví Tiền
Theme URI:    https://vitien.online
Description:  Child theme của GeneratePress cho vitien.online: màu thương hiệu, chữ dễ đọc cho bài dài, menu chân trang.
Author:       Ví Tiền
Template:     generatepress
Version:      0.1.1
Requires PHP: 8.1
License:      GPL-2.0-or-later
Text Domain:  vitien
*/

/*
 * Màu thương hiệu. Các biến --accent, --contrast... là của GeneratePress; --vt-* dùng cho plugin Ví Tiền Core.
 * File này nạp sau CSS của GeneratePress nên ghi đè được màu mặc định của nó.
 */
:root {
	--accent: #0b6e4f;
	--contrast: #1f2933;
	--contrast-2: #5f6b76;
	--base-3: #ffffff;

	--vt-brand: #0b6e4f;
	--vt-cta: #c2410c;
	--vt-cta-hover: #9a3412;
}

/* Chữ cho bài dài: cỡ 18px, dòng thoáng, khung đọc khoảng 70 ký tự */
body {
	font-size: 18px;
	line-height: 1.7;
	color: var(--contrast);
}
.single-post .inside-article,
.page .inside-article {
	max-width: 760px;
	margin-inline: auto;
}
.entry-content h2 {
	margin-top: 1.8em;
	font-size: 1.6em;
}
.entry-content h3 {
	margin-top: 1.5em;
	font-size: 1.3em;
}
.entry-content a:not(.vt-button) {
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Chân trang: menu các trang pháp lý và giới thiệu */
.vt-footer {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4em 1.2em;
	justify-content: center;
	align-items: center;
	font-size: 0.875em;
}
.vt-footer-menu {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4em 1.2em;
	margin: 0;
	padding: 0;
	list-style: none;
}
.vt-footer a {
	color: inherit;
}

@media (max-width: 768px) {
	body {
		font-size: 17px;
	}
	/* Bảng lịch trả nợ, so sánh phí nhiều cột: chữ nhỏ hơn để đỡ phải cuộn ngang */
	.entry-content .wp-block-table {
		font-size: 0.85em;
	}
	.entry-content .wp-block-table :is(th, td) {
		padding: 0.45em 0.5em;
	}
}