/*
 * Bộ icon rút gọn — thay cho library/fontawesome/fontawesome/fontawesome.css
 *
 * VÌ SAO:
 * File gốc nặng 493 KB và chiếm 60% toàn bộ dung lượng trang tải từ theme
 * (đo được: trang chủ tải 820 KB, riêng nó 493 KB). Nó khai báo hàng nghìn
 * icon cho 6 độ đậm, trong khi theme chỉ dùng ĐÚNG 16 icon và MỘT độ đậm.
 *
 * all.css (100 KB) đã cung cấp sẵn 15/16 icon dưới tên FontAwesome 5, nhưng
 * KHÔNG có weight 300 (Light) — mà markup dùng .fa-light 19 lần. Đó là toàn bộ
 * lý do file 493 KB từng phải có mặt.
 *
 * File này cấp đúng phần còn thiếu:
 *   1. @font-face weight 300 (chỉ woff2)
 *   2. .fa-light / .fal
 *   3. 16 mã icon + alias tên FontAwesome 6 (bag-shopping, xmark)
 *
 * KHI THÊM ICON MỚI: thêm một dòng content bên dưới. Tra mã trong
 * library/fontawesome/fontawesome/fontawesome.css (vẫn giữ trên đĩa, chỉ
 * không nạp nữa).
 */

@font-face {
	font-family: "Font Awesome 6 Pro";
	font-style: normal;
	font-weight: 300;
	font-display: block;
	src: url(../library/fontawesome/fontawesome/fa-light-300.woff2) format("woff2");
}

/* Base + gán họ font cho độ đậm Light. */
.fa-light,
.fal {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: var(--fa-display, inline-block);
	font-family: "Font Awesome 6 Pro";
	font-weight: 300;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
}

/* ---------------------------------------------------------------------------
 * 16 icon theme đang dùng.
 *
 * Khai ở đây để chúng hoạt động với CẢ .fa-light lẫn .fas — không phụ thuộc
 * việc all.css có tên FontAwesome 5 hay 6.
 * ------------------------------------------------------------------------ */

.fa-arrow-down::before    { content: "\f063"; }
.fa-arrow-left::before    { content: "\f060"; }
.fa-arrow-right::before   { content: "\f061"; }
.fa-chevron-down::before  { content: "\f078"; }
.fa-chevron-left::before  { content: "\f053"; }
.fa-chevron-right::before { content: "\f054"; }
.fa-eye::before           { content: "\f06e"; }
.fa-eye-slash::before     { content: "\f070"; }
.fa-minus::before         { content: "\f068"; }
.fa-plus::before          { content: "\2b"; }
.fa-phone-volume::before  { content: "\f2a0"; }
.fa-trash::before         { content: "\f1f8"; }

/* ---------------------------------------------------------------------------
 * Icon tài khoản trên header
 *
 * mona-custom.css ép `.i-ctr.i-user img` thành 3rem (30px) trong khi icon tìm
 * kiếm và giỏ hàng là 24px. Phần bù đó có lý do: icon gốc là PNG NỀN ĐẶC, mà
 * hình đặc trông nhỏ hơn hình nét ở cùng khung.
 *
 * Nay icon-user.svg vẽ theo đúng kiểu nét như hai icon kia, nên phải trả về 24
 * cho đều. Thêm `html` để đủ độ ưu tiên thắng mona-custom.css bất kể thứ tự nạp.
 * ------------------------------------------------------------------------ */

html .hd-control .b-control .i-ctr.i-user img {
	width: 2.4rem;
	height: 2.4rem;
}

/* Tên FontAwesome 6 — all.css (bản 5) không có, phải tự khai. */
.fa-bag-shopping::before  { content: "\f290"; }
.fa-shopping-bag::before  { content: "\f290"; }
.fa-xmark::before         { content: "\f00d"; }
.fa-times::before         { content: "\f00d"; }