/**
 * تاج الوقار — خطوط موحّدة
 * AR: Tajawal + Noto Naskh Arabic
 * EN: Tajawal + Source Serif 4
 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@500;600;700&family=Source+Serif+4:opsz,wght@8..60,600;8..60,700;8..60,800&family=Tajawal:wght@400;500;700;800&display=swap');

:root {
  --font-body: 'Tajawal', 'Noto Sans Arabic', Tahoma, sans-serif !important;
  --font-heading: 'Noto Naskh Arabic', 'Tajawal', serif !important;
  --font-display: 'Noto Naskh Arabic', 'Tajawal', serif !important;
}

html {
  font-family: 'Tajawal', 'Noto Sans Arabic', Tahoma, sans-serif !important;
  font-size: 16.5px;
}

body,
p, li, a, span, label, input, textarea, select, button,
td, th, .btn, .nav, .chip, .card, .menu, .footer,
.site-header, .sidebar, .form-group, .deal-card,
.iqfal-geo-hub, .iqfal-geo-hub__chip, .iqfal-geo-hub__intro,
.iqfal-geo-hub__intro-alt, .iqfal-geo-hub__section-title,
.iqfal-geo-hub__badge, .iqfal-geo-hub__count, .iqfal-geo-hub__trail {
  font-family: 'Tajawal', 'Noto Sans Arabic', Tahoma, sans-serif !important;
}

body {
  font-weight: 500;
  color: #121820;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6,
.logo, .brand, .hero-title, .section-title,
.properties-hero-title, .footer-brand,
.iqfal-geo-hub__h1, .iqfal-geo-hub__h1-alt {
  font-family: 'Noto Naskh Arabic', 'Tajawal', serif !important;
  font-weight: 700 !important;
}

/* لا تلمس أيقونات Font Awesome */
i.fa, i.fas, i.far, i.fab, i.fal, .fa, .fas, .far, .fab {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 5 Free", "Font Awesome 5 Brands" !important;
}

/* —— وضوح أقوى للنصوص (عربي + إنجليزي) —— */
.nav-links a,
.properties-top-nav a {
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.01em;
}

.hero-glass-nav .nav-links a {
  font-weight: 700 !important;
  font-size: 0.92rem !important;
}

.hero-title {
  font-weight: 700 !important;
  font-size: clamp(1.45rem, 3.1vw, 2.4rem) !important;
  line-height: 1.55 !important;
}

.hero-sub {
  font-weight: 700 !important;
  font-size: clamp(1.08rem, 1.9vw, 1.42rem) !important;
  color: #f0d9a8 !important;
}

.hero-services .svc {
  font-weight: 700 !important;
  font-size: 1.15rem !important;
  color: rgba(255, 255, 255, 0.95) !important;
}

/* لازم يبقى أكبر وأذهبي — لا تُلغى بقواعد .svc */
.hero-services .svc-main {
  font-family: 'Noto Naskh Arabic', 'Tajawal', serif !important;
  font-weight: 800 !important;
  font-size: 2.625rem !important;
  color: var(--color-accent-gold, #b8925a) !important;
  line-height: 1 !important;
}

.hero-cta {
  font-weight: 700 !important;
  font-size: clamp(1rem, 1.7vw, 1.12rem) !important;
}

.hero-type-link {
  font-family: 'Tajawal', system-ui, sans-serif !important;
  font-weight: 600 !important;
}

.btn,
.btn-search,
.taj-dialogue-cta,
.btn-explore-all {
  font-weight: 700 !important;
  font-size: 1.02rem !important;
}

.premium-card-title,
.deal-card--visual .premium-card-title {
  font-weight: 800 !important;
  font-size: 1.12rem !important;
  color: #0b1220 !important;
  line-height: 1.5 !important;
  -webkit-line-clamp: 3 !important;
}

.premium-card-desc,
.deal-card--visual .premium-card-desc {
  font-weight: 700 !important;
  font-size: 1rem !important;
  color: #1e293b !important;
  line-height: 1.55 !important;
}

.premium-card-region {
  font-weight: 700 !important;
  color: #1e293b !important;
}

.premium-card-info-item__val,
.premium-card-info-item__lbl {
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  color: #0f172a !important;
}

.deal-card-photo-loc-overlay__text,
.deal-card-photo-loc__primary,
.deal-card-photo-loc__secondary {
  font-weight: 700 !important;
}

.iqfal-geo-hub__h1 {
  font-weight: 700 !important;
  font-size: clamp(1.6rem, 3vw, 2.35rem) !important;
  color: #0b1220 !important;
}

.iqfal-geo-hub__intro,
.iqfal-geo-hub__section-title,
.iqfal-geo-hub__count,
.iqfal-geo-hub__chip {
  font-weight: 700 !important;
  color: #152033 !important;
}

.iqfal-geo-hub__intro {
  font-size: 1.05rem !important;
}

.iqfal-geo-hub__chip {
  font-size: 0.95rem !important;
}

/* —— إنجليزي: خط لاتيني ثقيل + أحجام أوضح —— */
html[lang="en"] {
  --font-heading: 'Source Serif 4', 'Georgia', serif !important;
  --font-display: 'Source Serif 4', 'Georgia', serif !important;
  --font-body: 'Tajawal', system-ui, sans-serif !important;
}

html[lang="en"] body,
html[lang="en"] p,
html[lang="en"] li,
html[lang="en"] a,
html[lang="en"] span,
html[lang="en"] button,
html[lang="en"] label {
  font-family: 'Tajawal', system-ui, sans-serif !important;
  font-weight: 700;
}

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"] .hero-title,
html[lang="en"] .section-title,
html[lang="en"] .properties-hero-title,
html[lang="en"] .iqfal-geo-hub__h1 {
  font-family: 'Source Serif 4', 'Georgia', serif !important;
  font-weight: 700 !important;
}

html[lang="en"] .hero-glass-nav .nav-links a {
  font-family: 'Tajawal', system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.02em !important;
  color: #ffffff !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45) !important;
}

html[lang="en"] .hero-title {
  font-size: clamp(1.45rem, 2.8vw, 2.15rem) !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.55) !important;
  max-width: min(100%, 16.5em) !important;
}

html[lang="en"] .hero-sub {
  font-family: 'Tajawal', system-ui, sans-serif !important;
  font-size: clamp(1rem, 1.6vw, 1.18rem) !important;
  font-weight: 700 !important;
  color: #f3dfa8 !important;
  letter-spacing: 0.02em !important;
  margin-top: 1rem !important;
}

html[lang="en"] .hero-services {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  margin: 1.35rem auto 0 !important;
  padding: 5px !important;
  background: rgba(8, 12, 20, 0.42) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  backdrop-filter: blur(10px) !important;
  overflow: visible !important;
}

html[lang="en"] .hero-services .dot {
  display: none !important;
}

html[lang="en"] .hero-services .svc {
  font-family: 'Tajawal', system-ui, sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
  color: rgba(255, 255, 255, 0.88) !important;
  padding: 0.55rem 1.35rem !important;
  border-radius: 999px !important;
  line-height: 1.2 !important;
}

html[lang="en"] .hero-services .svc:hover,
html[lang="en"] .hero-services .svc:focus-visible {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

html[lang="en"] .hero-services .svc-main {
  font-family: 'Tajawal', system-ui, sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
  color: #1a222c !important;
  background: #e8c87a !important;
  line-height: 1.2 !important;
}

html[lang="en"] .hero-cta-row {
  margin-top: 1.65rem !important;
  gap: 16px !important;
}

html[lang="en"] .hero-cta {
  font-family: 'Tajawal', system-ui, sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.98rem !important;
}

html[lang="en"] .premium-card-title,
html[lang="en"] .premium-card-desc {
  font-family: 'Tajawal', system-ui, sans-serif !important;
  font-weight: 800 !important;
  color: #0b1220 !important;
}

.iqfal-geo-site-seo {
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid rgba(198, 167, 106, 0.28);
}
.iqfal-geo-site-seo__title {
  margin: 0 0 8px;
  font-size: 0.82rem;
  font-weight: 800;
  color: #b8925a;
}
.iqfal-geo-site-seo__row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin: 0 0 10px;
}
.iqfal-geo-site-seo__row a {
  color: inherit;
  font-size: 0.9rem;
  font-weight: 700;
  text-decoration: none;
  opacity: 0.92;
}
.iqfal-geo-site-seo__row a:hover {
  color: #b8925a;
  opacity: 1;
  text-decoration: underline;
}
