/* Vazir Font - Force Application for Landing Pages */
@import url('https://fonts.googleapis.com/css2?family=Vazir:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/font-face.css');

/* CRITICAL: Font Awesome icons MUST be defined FIRST with highest specificity */
.fas, .far, .fab, .fa, .fal,
i[class^="fa-"], 
i[class*=" fa-"],
[class^="fa-"],
[class*=" fa-"],
i.fa,
i.fas,
i.far,
i.fal,
i.fab {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    display: inline-block !important;
}

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

.fab {
    font-family: "Font Awesome 6 Brands" !important;
}

body {
    font-family: 'Vazir', 'Tahoma', 'Arial', sans-serif !important;
    direction: rtl;
}

/* Apply to all text elements */
h1, h2, h3, h4, h5, h6, p, span, div, a, label, input, textarea, select, button,
strong, em, small, mark, del, ins, sub, sup, code, pre, blockquote,
ul, ol, li, dl, dt, dd, table, thead, tbody, tfoot, tr, th, td,
form, fieldset, legend, optgroup, option,
.card, .card-header, .card-body, .card-footer, .card-title, .card-text,
.navbar, .navbar-brand, .navbar-nav, .nav-link, .dropdown-menu, .dropdown-item,
.alert, .badge, .breadcrumb, .breadcrumb-item, .pagination, .page-link,
.modal, .modal-header, .modal-body, .modal-footer, .modal-title,
.list-group, .list-group-item, .accordion, .accordion-header, .accordion-body {
    font-family: 'Vazir', 'Tahoma', 'Arial', sans-serif !important;
}

/* Ensure icons inside buttons and other elements keep Font Awesome */
.btn i, .nav-link i, .dropdown-item i, .alert i, .badge i,
.card-header i, .card-body i, .modal-header i, .modal-body i {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
    font-weight: 900 !important;
    font-style: normal !important;
}

.btn .far, .nav-link .far, .dropdown-item .far, .alert .far {
    font-weight: 400 !important;
}

.btn .fab, .nav-link .fab, .dropdown-item .fab {
    font-family: "Font Awesome 6 Brands" !important;
}