/* Material Icons - fallback */
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/materialicons/v143/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
	font-display: block;
}

/* Material Icons Outlined font face */
@font-face {
	font-family: 'Material Icons Outlined';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/materialiconsoutlined/v109/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcel5euIg.woff2) format('woff2');
	font-display: block;
}

/* Material Symbols Outlined font face */
@font-face {
	font-family: 'Material Symbols Outlined';
	font-style: normal;
	font-weight: 100 700;
	src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v139/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2)
		format('woff2');
	font-display: block;
}

/* Material Icons classes */
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	font-feature-settings: 'liga';
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

.material-icons-outlined {
	font-family: 'Material Icons Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	font-feature-settings: 'liga';
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

.material-symbols-outlined {
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	font-feature-settings: 'liga';
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	font-variation-settings:
		'FILL' 0,
		'wght' 400,
		'GRAD' 0,
		'opsz' 24;
}

/* FontAwesome custom utilities */
.fa-icon {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	direction: ltr;
}

/* Icon size utilities */
.icon-xs {
	font-size: 12px;
}
.icon-sm {
	font-size: 14px;
}
.icon-md {
	font-size: 18px;
}
.icon-lg {
	font-size: 24px;
}
.icon-xl {
	font-size: 32px;
}

/* Icon color utilities */
.icon-primary {
	color: #62a274;
}
.icon-secondary {
	color: #666;
}
.icon-success {
	color: #28a745;
}
.icon-danger {
	color: #dc3545;
}
.icon-warning {
	color: #ffc107;
}
.icon-info {
	color: #17a2b8;
}
.icon-light {
	color: #f8f9fa;
}
.icon-dark {
	color: #343a40;
}

/* RTL support for icons */
.rtl .fa-icon {
	direction: ltr;
	display: inline-block;
}

/* Consistent spacing for icons with text */
.icon-with-text {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.icon-with-text.rtl {
	flex-direction: row-reverse;
}