/**
 * Enforce Inter as the only UI typeface under body.dm-app-theme (loads last).
 * Restores icon fonts and Urdu Nastaliq where required for correct glyphs.
 */
body.dm-app-theme,
body.dm-app-theme * {
    font-family: "Inter" !important;
}

body.dm-app-theme .fa,
body.dm-app-theme .fas,
body.dm-app-theme .far,
body.dm-app-theme .fab,
body.dm-app-theme .fal {
    font-family: FontAwesome !important;
}

body.dm-app-theme .glyphicon {
    font-family: "Glyphicons Halflings" !important;
}

body.dm-app-theme [class^="ion-"],
body.dm-app-theme [class*=" ion-"],
body.dm-app-theme .ion {
    font-family: Ionicons !important;
}

body.dm-app-theme .zmdi,
body.dm-app-theme [class*=" zmdi-"] {
    font-family: "Material-Design-Iconic-Font" !important;
}

/* FA4: icons sometimes omit the base .fa on the same node */
body.dm-app-theme i[class*="fa-"],
body.dm-app-theme span[class*="fa-"] {
    font-family: FontAwesome !important;
}

/* Urdu content: Nastaliq faces (Inter does not cover Arabic script well) */
body.dm-app-theme .urdu-font-family,
body.dm-app-theme .urdu-font-family * {
    font-family: "Jameel Noori Nastaleeq", "Jameel", "Alvi Nastaleeq", "Pak Nastaleeq", "Nafees Web Naskh", "Urdu Naskh Asiatype", serif !important;
}

/* Bootstrap datepicker nav: Halflings font files missing — use FontAwesome chevrons */
body.dm-app-theme .datepicker table thead th.prev,
body.dm-app-theme .datepicker table thead th.next {
    font-size: 0;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
}

body.dm-app-theme .datepicker table thead th.prev .glyphicon,
body.dm-app-theme .datepicker table thead th.next .glyphicon {
    display: none !important;
}

body.dm-app-theme .datepicker table thead th.prev:before,
body.dm-app-theme .datepicker table thead th.next:before {
    font-family: FontAwesome !important;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    color: #334155;
    -webkit-font-smoothing: antialiased;
}

body.dm-app-theme .datepicker table thead th.prev:before {
    content: "\f053";
}

body.dm-app-theme .datepicker table thead th.next:before {
    content: "\f054";
}

body.dm-app-theme .datepicker table thead tr:first-child th.prev:hover:before,
body.dm-app-theme .datepicker table thead tr:first-child th.next:hover:before {
    color: #ffffff;
}