/*
Theme Name: Phụ huynh 87
Theme URI: https://phuhuynh87.com
Description: Giao diện con của Twenty Twenty-Five cho phuhuynh87.com — bảng màu thương hiệu (xanh đêm, giấy, hổ phách, xanh ngọc, đỏ gạch), Literata cho thân bài, Manrope cho tiêu đề, menu 2 trục (theo lớp · theo chủ đề).
Author: Phụ huynh 87
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: phuhuynh87-child
*/

/* Màu và chữ nằm ở theme.json. File này chỉ giữ phần theme.json chưa diễn đạt được. */

/* Vòng focus rõ cho người dùng bàn phím */
:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 3px solid var(--wp--preset--color--accent-1);
	outline-offset: 2px;
	border-radius: 2px;
}

/* Nhãn chặng lớp: dùng class trên block (Nâng cao → Lớp CSS bổ sung) */
.ph87-chang {
	display: inline-block;
	padding: 0.15em 0.7em;
	border-radius: 999px;
	font-family: var(--wp--preset--font-family--manrope);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: 0.01em;
}
.ph87-chang--1 { background: var(--wp--preset--color--accent-1); color: var(--wp--preset--color--contrast); }
.ph87-chang--2 { background: var(--wp--preset--color--accent-2); color: var(--wp--preset--color--base); }
.ph87-chang--3 { background: var(--wp--preset--color--accent-3); color: var(--wp--preset--color--base); }

/* Ô "Câu nên nói / Câu nên tránh" (mẫu khối ph87/cau-nen-noi) */
.ph87-cau-noi {
	border-left: 6px solid var(--wp--preset--color--accent-2);
}
.ph87-cau-tranh {
	border-left: 6px solid var(--wp--preset--color--accent-3);
}

/* Nhãn độ chắc của bằng chứng (mẫu khối ph87/do-chac-bang-chung) */
.ph87-do-chac {
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: 8px;
}

/* Thẻ chủ đề / thẻ lớp trên trang chủ: nhấc nhẹ khi rê chuột */
.ph87-the {
	transition: transform 160ms ease, box-shadow 160ms ease;
}
.ph87-the:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(31, 42, 68, 0.10);
}
@media (prefers-reduced-motion: reduce) {
	.ph87-the { transition: none; }
	.ph87-the:hover { transform: none; }
}

/* Dòng Tổng đài 111 ở chân trang luôn đủ đậm */
.ph87-tong-dai strong { color: var(--wp--preset--color--base); }