/* fonts.css – keep old code, chỉ bổ sung font-display + smoothing cho iOS */

/* === Wix Madefor Display Bold (WixB) === */
@font-face {
	/* Tên bạn đang dùng trong Vue: font-family: 'WixB'; */
	font-family: 'WixB';
	src: url('/fonts/WixMadeforDisplay-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: block;	/* ADDED: iOS chờ font load rồi mới vẽ -> hết nháy */
}

/* === Wix Madefor Display Medium (WixM) === */
@font-face {
	font-family: 'WixM';
	src: url('/fonts/WixMadeforDisplay-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: block;	/* ADDED */
}

/* === Quicksand (dùng cho title/subtitle) === */
@font-face {
	font-family: 'Quicksand';
	src: url('/fonts/Quicksand-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: block;	/* ADDED */
}

/* === Readex Pro Regular (body text nếu có) === */
@font-face {
	font-family: 'ReadexPro';
	src: url('/fonts/ReadexPro-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: block;	/* ADDED */
}

/* === Roboto Regular (fallback nếu bạn dùng) === */
@font-face {
	font-family: 'RobotoCustom';
	src: url('/fonts/Roboto-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: block;	/* ADDED */
}

/* ====================================================== */
/* ADDED: tinh chỉnh hiển thị chữ, đặc biệt cho iOS Safari */
/* ====================================================== */

html,
body {
	/* Giữ lại stack system font nếu bạn đã có ở main.scss, ở đây chỉ là ví dụ */
	font-family:
		Inter,
		WixB,
		WixM,
		Quicksand,
		-apple-system,
		BlinkMacSystemFont,
		'Segoe UI',
		Roboto,
		Oxygen,
		Ubuntu,
		Cantarell,
		'Fira Sans',
		'Droid Sans',
		'Helvetica Neue',
		sans-serif;

	text-rendering: optimizeLegibility;		/* ADDED */
	-webkit-font-smoothing: antialiased;	/* ADDED – iOS/macOS cho chữ mịn hơn */
}

/* Nếu bạn có rule khác cho body ở main.scss, rule này sẽ chạy sớm hơn
   (vì fonts.css được link từ index.html) nên frame đầu đã dùng stack sans-serif,
   không còn nhảy sang Times New Roman nữa. */