/**
 * Font Awesome 5 glyph fix — admin + storefront.
 * Theme CSS (Roboto, font-weight: 400 on <i>) can hide solid icons as empty squares.
 */
.fa,
.fas,
.far,
.fab {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

.fas,
.fa.fa-solid {
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
}

.far {
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 400 !important;
}

.fab {
	font-family: "Font Awesome 5 Brands" !important;
	font-weight: 400 !important;
}

/* Admin sidebar — all themes */
.admin-sidebar-shell .pc-micon i.fas {
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
	vertical-align: middle !important;
	line-height: 1 !important;
}

.admin-sidebar-shell .pc-micon i.far {
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 400 !important;
}

.admin-sidebar-shell .pc-micon i.fab {
	font-family: "Font Awesome 5 Brands" !important;
	font-weight: 400 !important;
}

/* AJAX panels, tables, tabs */
#main-dom-content i.fas,
#main-dom-content .fas,
.fpcc-admin-page i.fas,
.kb-admin-page i.fas {
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
}

#main-dom-content i.far,
.fpcc-admin-page i.far {
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 400 !important;
}

/* Nestable menu pseudo-icons */
.kb-menu-dd .dd-handle__left::before,
.kb-menu-dd .dd-item > button.dd-expand::before,
.kb-menu-dd .dd-item > button.dd-collapse::before {
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
	font-style: normal !important;
	display: inline-block;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}