/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 100 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Fp2ywxg089UriCZa4ET-DNl0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 100 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Fp2ywxg089UriCZa4Hz-D.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'CormorantInfant';
  font-style: normal;
  font-weight: 700;
  src: url(CormorantInfant-Bold.ttf);
}
@font-face {
  font-family: 'CormorantInfant';
  font-style: italic;
  font-weight: 700;
  src: url(CormorantInfant-BoldItalic.ttf);
}
@font-face {
  font-family: 'CormorantInfant';
  font-style: italic;
  font-weight: 400;
  src: url(CormorantInfant-Italic.ttf);
}
@font-face {
  font-family: 'CormorantInfant';
  font-style: normal;
  font-weight: 200;
  src: url(CormorantInfant-Light.ttf);
}
@font-face {
  font-family: 'CormorantInfant';
  font-style: italic;
  font-weight: 200;
  src: url(CormorantInfant-LightItalic.ttf);
}
@font-face {
  font-family: 'CormorantInfant';
  font-style: normal;
  font-weight: 500;
  src: url(CormorantInfant-Medium.ttf);
}
@font-face {
  font-family: 'CormorantInfant';
  font-style: italic;
  font-weight: 500;
  src: url(CormorantInfant-MediumItalic.ttf);
}
@font-face {
  font-family: 'CormorantInfant';
  font-style: normal;
  font-weight: 400;
  src: url(CormorantInfant-Regular.ttf);
}
@font-face {
  font-family: 'CormorantInfant';
  font-style: normal;
  font-weight: 600;
  src: url(CormorantInfant-SemiBold.ttf);
}
@font-face {
  font-family: 'CormorantInfant';
  font-style: italic;
  font-weight: 600;
  src: url(CormorantInfant-SemiBoldItalic.ttf);
}

@font-face {
  font-family: 'Marcellus';
  font-style: normal;
  font-weight: 400;
  src: url(Marcellus-Regular.ttf);
}

/* ===================================
   Custom Font Declarations
   =================================== */

@font-face {
  font-family: 'CadillacSansArabicMedium';
  font-style: normal;
  font-weight: 400;
  src: url(Cadillac-Sans-Arabic-Medium.ttf) format('truetype');
}

@font-face {
  font-family: 'CadillacSansArabicBold';
  font-style: normal;
  font-weight: 700;
  src: url(Cadillac-Sans-Arabic-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'MILEAST';
  font-style: normal;
  font-weight: 400;
  src: url(MILEAST.OTF) format('opentype');
}

/* ===================================
   Arabic version — CadillacSansArabicMedium
   Applies to: product names & descriptions,
               field headings & labels on all client pages
   =================================== */

/* Product names */
html[lang="ar"] .shop-item .content .name,
html[lang="ar"] .shop-item .content .name a,
html[lang="ar"] .quick-add-product-name,
html[lang="ar"] .item-name,
body.lang-ar .shop-item .content .name,
body.lang-ar .shop-item .content .name a,
body.lang-ar .quick-add-product-name,
body.lang-ar .item-name {
  font-family: 'CadillacSansArabicMedium', sans-serif;
}

/* Product descriptions (Arabic & English text in Arabic locale) */
html[lang="ar"] .product-description,
html[lang="ar"] .quick-add-product-description,
html[lang="ar"] .description-body,
body.lang-ar .product-description,
body.lang-ar .quick-add-product-description,
body.lang-ar .description-body {
  font-family: 'CadillacSansArabicMedium', sans-serif;
}

/* Field headings & form labels */
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3,
html[lang="ar"] h4, html[lang="ar"] h5, html[lang="ar"] h6,
html[lang="ar"] label,
body.lang-ar h1, body.lang-ar h2, body.lang-ar h3,
body.lang-ar h4, body.lang-ar h5, body.lang-ar h6,
body.lang-ar label {
  font-family: 'CadillacSansArabicMedium', sans-serif;
}

/* ===================================
   Arabic version — CadillacSansArabicBold
   Applies to: category names;
               product prices & currency (color #a83333)
   =================================== */

/* Category names */
html[lang="ar"] .category-filter-btn,
body.lang-ar .category-filter-btn {
  font-family: 'CadillacSansArabicBold', sans-serif;
}

/* Product prices & currency — grid & list card (.shop-item .content .price
   has specificity [0,2,1] in styles.css so we must use a more specific path) */
html[lang="ar"] .shop-item .content .price,
body.lang-ar .shop-item .content .price,
/* quick-add modal price */
html[lang="ar"] .quick-add-product-price,
body.lang-ar .quick-add-product-price,
/* footer price display inside quick-add */
html[lang="ar"] .price-value,
body.lang-ar .price-value,
html[lang="ar"] .price-currency,
body.lang-ar .price-currency,
/* order-confirmation & other places */
html[lang="ar"] .item-price,
body.lang-ar .item-price {
  font-family: 'CadillacSansArabicBold', sans-serif;
  color: #a83333;
}

/* ===================================
   English version — MILEAST
   Applies to: product names & prices
   =================================== */

/* Product names — grid & list cards */
html[lang^="en"] body:not(.lang-ar) .shop-item .content .name,
html[lang^="en"] body:not(.lang-ar) .shop-item .content .name a,
html[lang^="en"] body:not(.lang-ar) .quick-add-product-name {
  font-family: 'MILEAST', sans-serif;
}

/* Product prices — grid & list cards
   (.shop-item .content .price [0,2,1] is outranked by [0,4,2] below) */
html[lang^="en"] body:not(.lang-ar) .shop-item .content .price,
html[lang^="en"] body:not(.lang-ar) .quick-add-product-price,
html[lang^="en"] body:not(.lang-ar) .price-value {
  font-family: 'MILEAST', sans-serif;
}