/* ============================================
   Custom Fonts System
   - museo-sans for English and other languages
   - GE SS Two for Arabic
   ============================================ */

/* Import museo-sans font */
@import url('https://fonts.cdnfonts.com/css/museo-sans');

/* Import GE SS Two font for Arabic - Official font */
@font-face {
  font-family: 'GE SS Two';
  src: url('https://db.onlinewebfonts.com/t/02f502e5eefeb353e5f83fc5045348dc.eot');
  src: url('https://db.onlinewebfonts.com/t/02f502e5eefeb353e5f83fc5045348dc.eot?#iefix') format('embedded-opentype'),
       url('https://db.onlinewebfonts.com/t/02f502e5eefeb353e5f83fc5045348dc.woff2') format('woff2'),
       url('https://db.onlinewebfonts.com/t/02f502e5eefeb353e5f83fc5045348dc.woff') format('woff'),
       url('https://db.onlinewebfonts.com/t/02f502e5eefeb353e5f83fc5045348dc.ttf') format('truetype'),
       url('https://db.onlinewebfonts.com/t/02f502e5eefeb353e5f83fc5045348dc.svg#GE SS Two') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GE SS Two';
  src: url('https://db.onlinewebfonts.com/t/8bbb87c6f5b7b3b9e4f0e9e5e9e5e9e5.eot');
  src: url('https://db.onlinewebfonts.com/t/8bbb87c6f5b7b3b9e4f0e9e5e9e5e9e5.eot?#iefix') format('embedded-opentype'),
       url('https://db.onlinewebfonts.com/t/8bbb87c6f5b7b3b9e4f0e9e5e9e5e9e5.woff2') format('woff2'),
       url('https://db.onlinewebfonts.com/t/8bbb87c6f5b7b3b9e4f0e9e5e9e5e9e5.woff') format('woff'),
       url('https://db.onlinewebfonts.com/t/8bbb87c6f5b7b3b9e4f0e9e5e9e5e9e5.ttf') format('truetype'),
       url('https://db.onlinewebfonts.com/t/8bbb87c6f5b7b3b9e4f0e9e5e9e5e9e5.svg#GE SS Two') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

/* Fallback: Cairo font for Arabic if GE SS Two fails to load */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap');

/* Default fonts for non-Arabic languages (English, Urdu, etc.) */
:root {
  --heading-font: 'museo-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --body-font: 'museo-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Apply museo-sans to all text elements by default */
body,
h1, h2, h3, h4, h5, h6,
p, span, div, a, button,
input, textarea, select,
label, li, td, th {
  font-family: var(--body-font) !important;
}

/* Arabic-specific fonts */
html[lang="ar"] {
  --heading-font: 'GE SS Two', 'Cairo', 'Tajawal', sans-serif;
  --body-font: 'GE SS Two', 'Cairo', 'Tajawal', sans-serif;
}

html[lang="ar"] body,
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"] p, 
html[lang="ar"] span, 
html[lang="ar"] div, 
html[lang="ar"] a, 
html[lang="ar"] button,
html[lang="ar"] input, 
html[lang="ar"] textarea, 
html[lang="ar"] select,
html[lang="ar"] label, 
html[lang="ar"] li, 
html[lang="ar"] td, 
html[lang="ar"] th {
  font-family: var(--body-font) !important;
}

/* Ensure museo-sans for English */
html[lang="en"] body,
html[lang="en"] h1, 
html[lang="en"] h2, 
html[lang="en"] h3, 
html[lang="en"] h4, 
html[lang="en"] h5, 
html[lang="en"] h6,
html[lang="en"] p, 
html[lang="en"] span, 
html[lang="en"] div, 
html[lang="en"] a, 
html[lang="en"] button,
html[lang="en"] input, 
html[lang="en"] textarea, 
html[lang="en"] select,
html[lang="en"] label, 
html[lang="en"] li, 
html[lang="en"] td, 
html[lang="en"] th {
  font-family: 'museo-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Urdu and other languages use museo-sans */
html[lang="ur"] body,
html[lang="ur"] h1, 
html[lang="ur"] h2, 
html[lang="ur"] h3, 
html[lang="ur"] h4, 
html[lang="ur"] h5, 
html[lang="ur"] h6,
html[lang="ur"] p, 
html[lang="ur"] span, 
html[lang="ur"] div, 
html[lang="ur"] a, 
html[lang="ur"] button,
html[lang="ur"] input, 
html[lang="ur"] textarea, 
html[lang="ur"] select,
html[lang="ur"] label, 
html[lang="ur"] li, 
html[lang="ur"] td, 
html[lang="ur"] th {
  font-family: 'museo-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Font weights for museo-sans */
.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

/* Better text rendering */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}