/* =============================================================================
   Saigon Chess — bộ icon rút gọn
   -----------------------------------------------------------------------------
   Thay cho Font Awesome 5 (96 KB) + Font Awesome 4 (30 KB) + Icomoon (24 KB).
   Quét 220 trang + 1.728 bài viết + toàn bộ file override: site chỉ dùng vài chục
   icon, nên ở đây chỉ khai báo đúng chừng đó (cộng một ít dự phòng).

   Các lớp `icon-*` kiểu cũ được ánh xạ sang icon Font Awesome 5 tương đương,
   nhờ vậy bỏ được hẳn hai bộ font kia.

   Cần thêm icon? Mở vendors/font-awesome5/css/all.min.css tra mã rồi thêm một
   dòng vào đây, KHÔNG cần nạp lại cả bộ.
   ============================================================================= */

@font-face {
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("../vendors/font-awesome5/webfonts/fa-solid-900.woff2") format("woff2"),
	     url("../vendors/font-awesome5/webfonts/fa-solid-900.woff") format("woff");
}

/* template.css (dựng từ SCSS của JA) còn 14 chỗ gọi tên font kiểu cũ
   'FontAwesome' — khai bí danh trỏ về font nét đặc để chúng vẫn chạy. */
@font-face {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url("../vendors/font-awesome5/webfonts/fa-solid-900.woff2") format("woff2"),
	     url("../vendors/font-awesome5/webfonts/fa-solid-900.woff") format("woff");
}

@font-face {
	font-family: 'Font Awesome 5 Brands';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../vendors/font-awesome5/webfonts/fa-brands-400.woff2") format("woff2"),
	     url("../vendors/font-awesome5/webfonts/fa-brands-400.woff") format("woff");
}

.fa,
.fas,
.far,
.fal,
.fab,
[class^="icon-"],
[class*=" icon-"] {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

.fa,
.fas,
.far,
.fal,
[class^="icon-"],
[class*=" icon-"] {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.fab {
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400;
}

/* các lớp phụ trợ kiểu cũ */
.icon-fw {
	text-align: center;
	width: 1.25em;
}

.icon-white {
	color: #fff;
}

/* --- icon nét đặc --- */
.fa-angle-double-left::before { content: "\f100"; }
.fa-angle-double-right::before { content: "\f101"; }
.fa-angle-left::before { content: "\f104"; }
.fa-angle-right::before { content: "\f105"; }
.fa-arrow-left::before { content: "\f060"; }
.fa-arrows-alt::before { content: "\f0b2"; }
.fa-bars::before { content: "\f0c9"; }
.fa-building-o::before { content: "\f1ad"; }
.fa-calendar::before { content: "\f133"; }
.fa-caret-down::before { content: "\f0d7"; }
.fa-caret-right::before { content: "\f0da"; }
.fa-check::before { content: "\f00c"; }
.fa-chevron-down::before { content: "\f078"; }
.fa-chevron-left::before { content: "\f053"; }
.fa-chevron-right::before { content: "\f054"; }
.fa-chevron-up::before { content: "\f077"; }
.fa-clock::before { content: "\f017"; }
.fa-cog::before { content: "\f013"; }
.fa-download::before { content: "\f019"; }
.fa-envelope::before { content: "\f0e0"; }
.fa-envelope-o::before { content: "\f0e0"; }
.fa-exclamation-circle::before { content: "\f06a"; }
.fa-external-link-alt::before { content: "\f35d"; }
.fa-eye::before { content: "\f06e"; }
.fa-file-excel::before { content: "\f1c3"; }
.fa-file-pdf::before { content: "\f1c1"; }
.fa-folder::before { content: "\f07b"; }
.fa-globe::before { content: "\f0ac"; }
.fa-home::before { content: "\f015"; }
.fa-image::before { content: "\f03e"; }
.fa-images::before { content: "\f302"; }
.fa-info-circle::before { content: "\f05a"; }
.fa-link::before { content: "\f0c1"; }
.fa-location-arrow::before { content: "\f124"; }
.fa-lock::before { content: "\f023"; }
.fa-magic::before { content: "\f0d0"; }
.fa-map-marker::before { content: "\f041"; }
.fa-medal::before { content: "\f5a2"; }
.fa-minus::before { content: "\f068"; }
.fa-phone::before { content: "\f095"; }
.fa-phone-square::before { content: "\f098"; }
.fa-play::before { content: "\f04b"; }
.fa-plus::before { content: "\f067"; }
.fa-print::before { content: "\f02f"; }
.fa-question-circle::before { content: "\f059"; }
.fa-search::before { content: "\f002"; }
.fa-star::before { content: "\f005"; }
.fa-tags::before { content: "\f02c"; }
.fa-times::before { content: "\f00d"; }
.fa-trophy::before { content: "\f091"; }
.fa-user::before { content: "\f007"; }
.fa-users::before { content: "\f0c0"; }
.icon-arrow-left::before { content: "\f060"; }
.icon-calendar::before { content: "\f133"; }
.icon-code-branch::before { content: "\f126"; }
.icon-eye::before { content: "\f06e"; }
.icon-eye-open::before { content: "\f06e"; }
.icon-help::before { content: "\f059"; }
.icon-info-circle::before { content: "\f05a"; }
.icon-list::before { content: "\f03a"; }
.icon-lock::before { content: "\f023"; }
.icon-minus::before { content: "\f068"; }
.icon-move::before { content: "\f0b2"; }
.icon-plus::before { content: "\f067"; }
.icon-remove::before { content: "\f00d"; }
.icon-save::before { content: "\f0c7"; }
.icon-search::before { content: "\f002"; }
.icon-search-plus::before { content: "\f00e"; }
.icon-star::before { content: "\f005"; }
.icon-times::before { content: "\f00d"; }
.icon-user::before { content: "\f007"; }

/* --- icon thương hiệu --- */
.fa-facebook { font-family: 'Font Awesome 5 Brands'; font-weight: 400; }
.fa-facebook::before { content: "\f09a"; }
.fa-instagram { font-family: 'Font Awesome 5 Brands'; font-weight: 400; }
.fa-instagram::before { content: "\f16d"; }
.fa-twitter { font-family: 'Font Awesome 5 Brands'; font-weight: 400; }
.fa-twitter::before { content: "\f099"; }
.fa-youtube { font-family: 'Font Awesome 5 Brands'; font-weight: 400; }
.fa-youtube::before { content: "\f167"; }