/* ============================================
   Arabic-specific overrides
   Load this AFTER style-universal.css
   ============================================ */

:root{
  --font-body: 'Noto Kufi Arabic', 'Cairo', sans-serif;
}

body{
  line-height: 1.9; /* Arabic script needs more breathing room between lines */
}

.site-nav a{
  font-weight: 600;
}

.hero::before{
  background: linear-gradient(
    to left,
    rgba(7,30,55,0.95) 0%,
    rgba(7,30,55,0.85) 35%,
    rgba(7,30,55,0.35) 65%,
    rgba(7,30,55,0) 100%
  );
}

/* see the matching comment in style-en.css — this must live here,
   after the rule above, not in style-universal.css */
@media (max-width: 900px){
  .hero::before{
    background: linear-gradient(180deg, rgba(7,30,55,0.92) 0%, rgba(7,30,55,0.78) 55%, rgba(7,30,55,0.6) 100%);
  }
}

.page-intro::before{
  background: linear-gradient(
    to left,
    rgba(7,30,55,0.95) 0%,
    rgba(7,30,55,0.85) 35%,
    rgba(7,30,55,0.35) 65%,
    rgba(7,30,55,0) 100%
  );
}
@media (max-width: 900px){
  .page-intro::before{
    background: linear-gradient(180deg, rgba(7,30,55,0.92) 0%, rgba(7,30,55,0.78) 55%, rgba(7,30,55,0.6) 100%);
  }
}