/* GENTELLE K7.7R15D - GLOBAL TYPOGRAPHY
   English: Inter
   Arabic: Tajawal
   Typography only. No layout, colour, spacing, image, route or data changes. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700;800&display=swap');

:root{
  --gt-font-english:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --gt-font-arabic:"Tajawal","Tahoma","Arial",sans-serif;
}

/* English storefront + static/info pages. */
html:not([dir="rtl"]) body,
html:not([dir="rtl"]) body :where(h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,label,small,span,strong,b,em,i,li,dt,dd,th,td,summary,legend,caption,blockquote){
  font-family:var(--gt-font-english)!important;
}

/* Arabic storefront + Arabic static/info pages. dir=rtl is the live language switch. */
html[dir="rtl"] body,
html[dir="rtl"] body :where(h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,label,small,span,strong,b,em,i,li,dt,dd,th,td,summary,legend,caption,blockquote),
html[lang^="ar"] body,
html[lang^="ar"] body :where(h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,label,small,span,strong,b,em,i,li,dt,dd,th,td,summary,legend,caption,blockquote){
  font-family:var(--gt-font-arabic)!important;
  letter-spacing:0!important;
}

/* Keep form placeholders consistent with the selected site language. */
html:not([dir="rtl"]) ::placeholder{font-family:var(--gt-font-english)!important}
html[dir="rtl"] ::placeholder,
html[lang^="ar"] ::placeholder{font-family:var(--gt-font-arabic)!important;letter-spacing:0!important}