/* ===== Custom Fonts ===== */

/* ===== Graphik Arabic Font ===== */
@font-face {
  font-family: 'Graphik Arabic';
  src: url('../assets/images/fonts/GRAPHIK ARABIC MEDIUM.OTF') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik Arabic';
  src: url('../assets/images/fonts/GRAPHIK ARABIC SEMIBOLD.OTF') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik Arabic';
  src: url('../assets/images/fonts/GRAPHIK ARABIC BOLD.OTF') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Graphik Arabic';
  src: url('../assets/images/fonts/GRAPHIK ARABIC BLACK.OTF') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* ===== Montserrat English Font ===== */
@font-face {
  font-family: 'Montserrat';
  src: url('../assets/images/fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ===== تطبيق الخطوط حسب اللغة ===== */

/* الخط الأساسي للعربية */
body {
  font-family: 'Graphik Arabic', 'Tajawal', system-ui, -apple-system, sans-serif;
  font-weight: 500;
}

/* الخط الأساسي للإنجليزية - مع زيادة السماكة */
html:lang(en) body {
  font-family: 'Montserrat', 'Inter', system-ui, -apple-system, sans-serif;
  font-weight: 500; /* زيادة من 400 إلى 500 */
}

/* تطبيق على جميع العناصر باستثناء الأيقونات */
* {
  font-family: inherit;
}

/* استثناء الأيقونات من توريث الخط */
.fab, .fas, .far, .fal, .fad, .fa,
[class*="fa-"], [class^="fa-"],
.icon, .social-icon i {
  font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Brands', system-ui, -apple-system, sans-serif !important;
}

/* دعم اتجاه النص */
html:lang(ar) {
  direction: rtl;
}

html:lang(en) {
  direction: ltr;
}

/* ===== تطبيقات إضافية لزيادة سماكة الخط الإنجليزي ===== */

/* زيادة سماكة النص العادي */
html:lang(en) {
  font-weight: 500;
}

html:lang(en) body {
  font-weight: 500;
}

html:lang(en) p,
html:lang(en) span,
html:lang(en) div {
  font-weight: 500;
}

/* زيادة سماكة النصوص المحددة */
html:lang(en) .hero-subtitle,
html:lang(en) .service-text,
html:lang(en) .fact-text,
html:lang(en) .timeline-content p,
html:lang(en) .project-description,
html:lang(en) .about-content,
html:lang(en) .info-text,
html:lang(en) .request-text,
html:lang(en) .footer-subtitle,
html:lang(en) .copyright-text {
  font-weight: 500;
}

/* زيادة سماكة العناوين */
html:lang(en) h1,
html:lang(en) h2,
html:lang(en) h3,
html:lang(en) h4,
html:lang(en) h5,
html:lang(en) h6 {
  font-weight: 600;
}

html:lang(en) .hero-title,
html:lang(en) .section-title,
html:lang(en) .section-title-light,
html:lang(en) .contact-main-title,
html:lang(en) .pricing-card-title,
html:lang(en) .service-title,
html:lang(en) .fact-title,
html:lang(en) .project-title {
  font-weight: 600;
}

/* زيادة سماكة الأزرار والنصوص المهمة */
html:lang(en) .btn,
html:lang(en) .pricing-button,
html:lang(en) .services-button,
html:lang(en) .submit-btn,
html:lang(en) .contact-label,
html:lang(en) .footer-main-title,
html:lang(en) .sla-text {
  font-weight: 600;
}

/* النصوص السميكة جداً */
html:lang(en) .heading-nib-purple-semibold,
html:lang(en) .heading-nib-purple-semibold-light {
  font-weight: 700;
}

/* ===== تطبيقات محددة للتأكد من تطبيق الخط ===== */
html:lang(ar) * {
  font-family: 'Graphik Arabic', 'Tajawal', system-ui, -apple-system, sans-serif;
}

html:lang(en) * {
  font-family: 'Montserrat', 'Inter', system-ui, -apple-system, sans-serif;
}