/**
 * ============================================================================
 *  PU LUONG — FONT TỰ HOST (thay thế plugin OMGF)
 * ============================================================================
 *  File này định nghĩa toàn bộ @font-face từ file .woff2 tự host trong
 *  wanderers-child/assets/fonts/ — KHÔNG còn gọi fonts.googleapis.com /
 *  fonts.gstatic.com, KHÔNG cần plugin OMGF.
 *
 *  Nạp bởi functions.php (handle 'puluong-fonts', TRƯỚC child-style).
 *  functions.php cũng chặn mọi enqueue trỏ tới fonts.googleapis.com nên
 *  sau khi tắt OMGF site vẫn không request font ra Google.
 *
 *  Bộ font giữ NGUYÊN như OMGF đang phục vụ (giao diện không đổi):
 *    - Cabin              : chữ nền / body   (variable 400–700)
 *    - Montserrat         : menu / tiêu đề   (variable 300–900)
 *    - Playfair Display   : tiêu đề trang trí (variable 400–900)
 *    - Kristi             : chữ viết tay      (400)
 *    - Abril Fatface      : phần tử WPBakery  (400)
 *    - Roboto             : mặc định RevSlider (400)
 *
 *  woff2 là subset 'latin' — đủ cho nội dung tiếng Anh của site.
 *  font-display:swap = hiện chữ ngay bằng font hệ thống rồi thay khi tải xong
 *  (tránh chữ vô hình / cải thiện điểm PageSpeed).
 * ============================================================================
 */

/* ---- Cabin (body) — 1 file variable phủ 400→700 ---- */
@font-face {
	font-family: 'Cabin';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url('../fonts/cabin-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Cabin';
	font-style: italic;
	font-weight: 400 700;
	font-display: swap;
	src: url('../fonts/cabin-italic.woff2') format('woff2');
}

/* ---- Montserrat (menu / heading) — variable 300→900 ---- */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300 900;
	font-display: swap;
	src: url('../fonts/montserrat-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 500; /* chỉ subset italic 500 được tải; các weight italic khác trình duyệt tự nghiêng */
	font-display: swap;
	src: url('../fonts/montserrat-italic.woff2') format('woff2');
}

/* ---- Playfair Display (heading trang trí) — variable 400→900 ---- */
@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 400 900;
	font-display: swap;
	src: url('../fonts/playfair-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Playfair Display';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/playfair-italic.woff2') format('woff2');
}

/* ---- Kristi (chữ viết tay) — 1 weight ---- */
@font-face {
	font-family: 'Kristi';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/kristi-normal.woff2') format('woff2');
}

/* ---- Abril Fatface (dùng trong phần tử WPBakery) — 1 weight ---- */
@font-face {
	font-family: 'Abril Fatface';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/abril-fatface-normal.woff2') format('woff2');
}

/* ---- Roboto (mặc định RevSlider) — 1 weight ---- */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/roboto-normal.woff2') format('woff2');
}

/**
 * ============================================================================
 *  BẢNG ĐIỀU KHIỂN FONT  (tùy chỉnh family / size / style theo ý bạn)
 * ============================================================================
 *  Các biến dưới đây gom sẵn font-family để bạn đổi 1 chỗ. MẶC ĐỊNH các rule
 *  áp dụng đang được TẮT (comment) để giữ nguyên giao diện hiện tại — bộ font
 *  vẫn do cài đặt Typography của theme (Mikado) quyết định.
 *
 *  Muốn TỰ điều khiển font: bỏ dấu /* */ /* quanh khối "rule áp dụng" bên dưới
 *  và chỉnh giá trị. Đổi ở đây là ăn toàn site (file nạp sau, có thể thêm
 *  !important nếu cần thắng style inline của theme).
 */
:root {
	--font-body:    'Cabin', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	--font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
	--font-menu:    'Montserrat', -apple-system, 'Segoe UI', Roboto, sans-serif;
	--font-script:  'Kristi', 'Segoe Script', cursive;

	--font-size-base: 16px;   /* cỡ chữ nền */
	--font-line-base: 1.6;    /* giãn dòng nền */
}

/* ---- Rule áp dụng (đang TẮT — bỏ comment để bật) ----
body,
.mkdf-content {
	font-family: var(--font-body) !important;
	font-size:   var(--font-size-base);
	line-height: var(--font-line-base);
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-heading) !important;
}
.mkdf-main-menu > ul > li > a {
	font-family: var(--font-menu) !important;
}
------------------------------------------------------- */