/*
 * Khair Al Watan — Arabic Saudi Riyal symbol.
 * The underlying WooCommerce currency remains SAR; this is display-only.
 */
html[dir="rtl"] .woocommerce-Price-currencySymbol {
    position: relative;
    display: inline-block;
    width: 0.78em;
    height: 1em;
    min-width: 0.78em;
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
    vertical-align: -0.14em;
    margin-inline: 0.08em;
    line-height: 1;
}

html[dir="rtl"] .woocommerce-Price-currencySymbol::before {
    content: "";
    position: absolute;
    inset: 0;
    display: block;
    background-color: currentColor;
    -webkit-mask-image: url("saudi-riyal-symbol.svg");
    mask-image: url("saudi-riyal-symbol.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Fallback for browsers without CSS mask support. */
@supports not ((-webkit-mask-image: url("saudi-riyal-symbol.svg")) or (mask-image: url("saudi-riyal-symbol.svg"))) {
    html[dir="rtl"] .woocommerce-Price-currencySymbol::before {
        background: transparent url("saudi-riyal-symbol.svg") center / contain no-repeat;
    }
}