/* ===== Font Awesome Brands ===== */
@font-face {
	font-family: 'Font Awesome 5 Brands';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('./fa-brands-400.eot');
	src: url('./fa-brands-400.eot?#iefix') format('embedded-opentype'),
	url('./fa-brands-400.woff2') format('woff2'),
	url('./fa-brands-400.woff') format('woff'),
	url('./fa-brands-400.ttf') format('truetype'),
	url('./fa-brands-400.svg#fontawesome') format('svg');
}

/* ===== Font Awesome Light ===== */
@font-face {
	font-family: 'Font Awesome 5 Pro';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('./fa-light-300.eot');
	src: url('./fa-light-300.eot?#iefix') format('embedded-opentype'),
	url('./fa-light-300.woff2') format('woff2'),
	url('./fa-light-300.woff') format('woff'),
	url('./fa-light-300.ttf') format('truetype'),
	url('./fa-light-300.svg#fontawesome') format('svg');
}

/* ===== Font Awesome Regular ===== */
@font-face {
	font-family: 'Font Awesome 5 Pro';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('./fa-regular-400.eot');
	src: url('./fa-regular-400.eot?#iefix') format('embedded-opentype'),
	url('./fa-regular-400.woff2') format('woff2'),
	url('./fa-regular-400.woff') format('woff'),
	url('./fa-regular-400.ttf') format('truetype'),
	url('./fa-regular-400.svg#fontawesome') format('svg');
}

/* ===== Font Awesome Solid ===== */
@font-face {
	font-family: 'Font Awesome 5 Pro';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url('./fa-solid-900.eot');
	src: url('./fa-solid-900.eot?#iefix') format('embedded-opentype'),
	url('./fa-solid-900.woff2') format('woff2'),
	url('./fa-solid-900.woff') format('woff'),
	url('./fa-solid-900.ttf') format('truetype'),
	url('./fa-solid-900.svg#fontawesome') format('svg');
}

/* ===== Базові класи для іконок ===== */
.fa,
.far,
.fal,
.fas,
.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;
}

.far { font-family: 'Font Awesome 5 Pro'; font-weight: 400; }
.fal { font-family: 'Font Awesome 5 Pro'; font-weight: 300; }
.fas,
.fa  { font-family: 'Font Awesome 5 Pro'; font-weight: 900; }
.fab { font-family: 'Font Awesome 5 Brands'; }