/* Add custom CSS styles below */ 
/* =========================================
   Saudi National Font — Arabic Characters Only
   ========================================= */

@font-face {
  font-family: "Saudi National Arabic";
  src: url("https://cdn.gea.gov.sa/ND-2026/fonts/Saudi-Bold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;

  /* Arabic characters only */
  unicode-range:
    U+0600-06FF,
    U+0750-077F,
    U+08A0-08FF,
    U+FB50-FDFF,
    U+FE70-FEFF;
}


/* =========================================
   Main Store Font
   Arabic → Saudi National
   English → Clean Latin Font
   ========================================= */

:root {
  --font-main:
    "Saudi National Arabic",
    Arial,
    Helvetica,
    sans-serif !important;
}


/* تطبيق الخط على المتجر */

html,
body,
button,
input,
textarea,
select,
option,
label,
.s-button-element,
.s-button-text,
.product-card,
.home-block-title {
  font-family: var(--font-main) !important;
}


/* =========================================
   Protect Salla Icons
   ========================================= */

[class^="sicon-"],
[class*=" sicon-"],
i[class^="sicon-"],
i[class*=" sicon-"] {
  font-family: "sallaicons" !important;
}