/**
 * New Saudi Riyal (SAR) Symbol Stylesheet
 * Sourced from https://github.com/abdulrysrr/new-saudi-riyal-symbol
 * Official Saudi Central Bank (SAMA) Currency Symbol (2025)
 */

@font-face {
    font-family: 'SaudiRiyalSymbol';
    src: url('../fonts/saudiriyalsymbol.woff2') format('woff2'),
         url('../fonts/saudiriyalsymbol.woff') format('woff'),
         url('../fonts/saudiriyalsymbol.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.riyal-symbol,
.sar-symbol,
.symbol-sar,
.saudi-riyal-symbol,
[data-currency-symbol="SAR"],
[data-currency-symbol="sar"] {
    font-family: 'SaudiRiyalSymbol', 'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-style: normal !important;
    font-weight: normal !important;
    display: inline-flex !important;
    align-items: center;
    line-height: 1 !important;
    vertical-align: -0.05em;
    font-size: 0.95em;
    margin: 0 2px;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.riyal-symbol:empty::before,
.sar-symbol:empty::before,
.symbol-sar:empty::before,
.saudi-riyal-symbol:empty::before {
    content: "\ea";
    font-family: 'SaudiRiyalSymbol' !important;
}

/* Official SAMA 2025 Inline SVG Symbol */
.riyal-symbol-svg,
.sar-svg-icon {
    display: inline-block;
    width: 0.92em;
    height: 0.92em;
    vertical-align: -0.12em;
    fill: currentColor;
    margin: 0 2px;
    flex-shrink: 0;
}

/* Ensure native currency select dropdowns render the Saudi Riyal glyph */
select#search-currency,
select#search-currency option,
select[name="currency"],
select[name="currency"] option {
    font-family: 'IBM Plex Sans Arabic', 'SaudiRiyalSymbol', sans-serif !important;
}