/* FontAwesome CSS for Telerik Editor Content Area */
/* FontAwesome is loaded globally in _Layout.cshtml */

/* Enhanced FontAwesome icon styles for editor content */
.fas, .far, .fab, .fal, .fad {
    font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Brands', 'Font Awesome 6 Pro' !important;
    font-weight: 900 !important;
    display: inline-block !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
}

.fab { font-weight: 400 !important; }
.far { font-weight: 400 !important; }

/* Color classes for project content */
.text-forest-500 { color: #22c55e !important; }
.text-forest-600 { color: #16a34a !important; }
.text-tuff-700 { color: #713f12 !important; }
.text-tuff-600 { color: #8b5e3c !important; }

/* Utility classes */
.text-xl { font-size: 1.25rem !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mr-2 { margin-right: 0.5rem !important; }
.mb-6 { margin-bottom: 1.5rem !important; }

/* Ensure proper spacing and alignment */
i[class*="fa"] {
    margin-right: 0.5rem;
    vertical-align: middle;
}