/* V16.128 — one Saudi Riyal symbol treatment everywhere WooCommerce renders SAR.
   The source text remains "ر.س" for accessibility/fallback; the official SAMA SVG is the visual mark. */
.woocommerce-Price-currencySymbol{
  display:inline-block!important;
  position:relative!important;
  width:.88em!important;
  min-width:.88em!important;
  height:.98em!important;
  min-height:.98em!important;
  margin-inline:.07em!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-indent:9999px!important;
  line-height:1!important;
  vertical-align:-.105em!important;
  background-color:currentColor!important;
  background-image:none!important;
  -webkit-mask-image:url("../images/saudi-riyal-symbol.svg")!important;
  mask-image:url("../images/saudi-riyal-symbol.svg")!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
  flex:0 0 auto!important;
}

/* Keep Woo price wrappers compact and let the symbol inherit the exact price colour. */
.woocommerce-Price-amount,
.woocommerce-Price-amount bdi{
  white-space:nowrap;
}

/* PDP: preserve the catalogue-like visual rhythm; only the icon rendering is global. */
.als-v1619-product .als-v1619-price strong[data-als-product-price] .woocommerce-Price-currencySymbol{
  width:.88em!important;
  min-width:.88em!important;
  height:.98em!important;
  min-height:.98em!important;
  vertical-align:-.105em!important;
}