/*
 * TKT-008 — "chữ toàn trang màu đen ở các phần không phải title".
 *
 * TKT-004 mục 19 đã gom chữ xám (`fg-muted`) về màu chữ chính, nhưng màu chữ
 * chính của phối cảnh là #2f3037 (Light.tokens `text.primary`) — xám than, khách
 * vẫn thấy "chưa đen". Trỏ chính biến `fg` về đen: mọi đoạn văn, nhãn, ô nhập,
 * chữ trong luồng đặt vé và skin Vexere đều đọc biến này nên đổi một lượt.
 * Tiêu đề màu thương hiệu (đỏ) và chữ trắng trên nền đỏ giữ nguyên vì chúng có
 * màu riêng. Chữ gợi ý trong ô nhập vẫn xám (`--px-fg-placeholder`, mục 19).
 *
 * `:not([data-nd-scheme="dark"])` để không đè chế độ tối của nd-base nếu sau
 * này bật.
 */
html:root:not( [data-nd-scheme="dark"] ) {
	--px-fg-title: #2f3037;
	--wp--preset--color--fg: #000;
}

/*
 * TIÊU ĐỀ GIỮ MÀU CŨ. Tiêu đề không có màu riêng, chúng thừa hưởng màu chữ của
 * trang — nay là đen. Đặt lại bằng biến `--px-fg-title`.
 *
 * Nhưng tiêu đề nằm trong khối có MÀU CHỮ riêng (chữ trắng trên nền đỏ…) phải
 * tiếp tục thừa hưởng màu của khối. Khối mang `has-text-color` — và khối Cover,
 * vốn tự đổi chữ sang trắng mà không gắn lớp ấy — đặt `--px-title-color:
 * currentColor`; ở tiêu đề, `color: currentColor` nghĩa là lấy màu của cha, nên
 * chữ trắng vẫn trắng. Chỉ có nền (`has-background`, như chân trang nền xám
 * nhạt) thì KHÔNG tính: màu chữ ở đó vẫn là màu mặc định.
 * Khối đặt màu chữ đúng bằng `fg` cũng là màu mặc định → tiêu đề về màu tiêu đề.
 * `:where()` giữ độ ưu tiên bằng 0: tiêu đề có màu chọn trong trình soạn thảo
 * (`has-*-color`) vẫn thắng.
 */
:where( .has-text-color, .wp-block-cover ) {
	--px-title-color: currentColor;
}

:where( .has-fg-color ) {
	--px-title-color: var( --px-fg-title );
}

:where( h1, h2, h3, h4, h5, h6 ) {
	color: var( --px-title-color, var( --px-fg-title ) );
}

/*
 * Các tiêu đề tự gán `fg` trong phucxuyen.css — cùng bộ chọn, nạp sau, nên chỉ
 * thay giá trị màu. Biến thể chữ trắng (`.px-steps--on-brand .px-steps__title`)
 * có độ ưu tiên cao hơn nên vẫn trắng.
 */
.px-steps__title,
.px-info-nav__title,
.px-date__title,
.px-trips__route,
.px-empty__title,
.px-consult .px-consult__title {
	color: var( --px-fg-title );
}

/*
 * Form của nd-core (trang Liên hệ…) tô chữ gợi ý bằng `fg-muted`, mà mục 19 đã
 * gộp biến ấy vào màu chữ — nay là đen, trông như ô đã điền sẵn. Giữ xám.
 */
.nd-form .nd-form__input::placeholder {
	color: var( --px-fg-placeholder, #5f5f74 );
}

/*
 * Trình soạn thảo — khối "Điều chúng tôi đặt lên hàng đầu" (trang Giới thiệu).
 * Ảnh đoàn xe là khối Ảnh nằm DƯỚI hai cột; cột trái trống phủ kín nó, nên
 * bấm vào ảnh chỉ chọn được cột trống và khách không tìm ra chỗ thay ảnh.
 * Cho cú bấm xuyên qua phần trống tới khối Ảnh; cột chữ bên phải vẫn sửa bình thường.
 */
.editor-styles-wrapper .px-values__cols,
.editor-styles-wrapper .px-values__cols > .wp-block-column:first-child {
	pointer-events: none;
}

.editor-styles-wrapper .px-values__cols > .wp-block-column:not( :first-child ) {
	pointer-events: auto;
}

/* Xem trước "Vị trí lấy nét" của khối Ảnh trong trình soạn thảo. */
.editor-styles-wrapper .wp-block-image[style*="--px-focal"] img {
	object-position: var( --px-focal );
}