/* Custom Font for UAE Dirham Symbol */
@font-face {
    font-family: 'UAESymbol';
    src: url('../fonts/uae-dirham.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    unicode-range: U+00EA; /* Only apply to 'ê' character */
}

/* 
   Apply the font globally to everything.
   Since unicode-range is used, this will ONLY affect the character U+00EA (ê).
   This avoids the need to add a specific class to every price element.
*/
body, html, .form-control, .table, .btn, span, div, p, h1, h2, h3, h4, h5, h6, input,
td, th, a, li, label, strong, b, i, em, mark, small, button, select, textarea, ::placeholder,
del, ins, s, strike {
    font-family: 'UAESymbol', var(--tp-ff-body, 'Roboto', sans-serif) !important;
}

/* Ensure it works in the dashboard as well where variables might be different */
:root {
    --font-uae: 'UAESymbol';
}