/* Frontend Font Standardization - Tajawal Primary */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap');

/* Global font application for all frontend elements */
* {
    font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
}

/* Specific element targeting */
html, body, div, span, p, h1, h2, h3, h4, h5, h6,
a, button, input, select, textarea, label,
.btn, .card, .navbar, .footer, .content,
.text-sm, .text-base, .text-lg, .text-xl, .text-2xl, .text-3xl, .text-4xl, .text-5xl,
.form-control, .form-label, .form-text,
.nav-link, .dropdown-item, .breadcrumb-item,
.alert, .badge, .tooltip, .modal-body, .modal-header {
    font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
}

/* Mobile responsive font application */
@media (max-width: 768px) {
    *, html, body, div, span, p, h1, h2, h3, h4, h5, h6,
    a, button, input, select, textarea, label {
        font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
    }
}

/* Tablet responsive font application */
@media (min-width: 769px) and (max-width: 1024px) {
    *, html, body, div, span, p, h1, h2, h3, h4, h5, h6,
    a, button, input, select, textarea, label {
        font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
    }
}

/* Desktop responsive font application */
@media (min-width: 1025px) {
    *, html, body, div, span, p, h1, h2, h3, h4, h5, h6,
    a, button, input, select, textarea, label {
        font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
    }
}

/* Override any conflicting font declarations */
.font-sans, .font-serif, .font-mono {
    font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
}

/* Tailwind utility class overrides */
.text-xs, .text-sm, .text-base, .text-lg, .text-xl, .text-2xl, .text-3xl, .text-4xl, .text-5xl, .text-6xl {
    font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
}

/* Preserve Font Awesome font-family for icons */
i.fa, i.fas, i.fab, i.fa-brands, i.fa-solid, i.fa-regular, i.far {
    font-family: inherit !important;
}

.fa, .fas, .fab, .fa-brands, .fa-solid, .fa-regular, .far {
    font-family: inherit !important;
}


/* Preserve Font Awesome font-family for icons */
.fa, .fab, .fa-brands, .fa-solid, .fa-regular, .fas, .far, .social-icon i {
    font-family: "Font Awesome 6 Brands", "Font Awesome 6 Free", "FontAwesome", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* For solid icons, set font-weight to 900 */
.fa-solid, .fas {
    font-weight: 900 !important;
}