@font-face {
    font-family: 'SaudiRiyalSymbol';
    src: url('/fonts/saudiriyalsymbol.woff2') format('woff2'),
         url('/fonts/saudiriyalsymbol.woff') format('woff'),
         url('/fonts/saudiriyalsymbol.otf') format('opentype');
    font-style: normal;
    font-display: swap; /* ensures faster rendering */
}

.icon-saudi_riyal {
    font-family: 'SaudiRiyalSymbol', sans-serif;
    font-size: 1.1em;              /* slightly larger to match text baseline */
    font-weight: 500 !important;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;        /* aligns better with numbers */
    -webkit-font-smoothing: antialiased; /* sharper edges on WebKit browsers */
    -moz-osx-font-smoothing: grayscale;  /* sharper edges on Firefox/macOS */
    color: inherit;                /* inherits text color */
}