/* RTL / Arabic overrides — loaded only on the Arabic home template.
   Scoped to body.rtl-home so the rest of the site is untouched. */

body.rtl-home{ font-family:var(--font-ar); direction:rtl; }

/* Arabic is connected script: never letter-space or italicise it, or glyphs break. */
body.rtl-home,
body.rtl-home *{ letter-spacing:normal !important; font-style:normal !important; }

/* Heavy display headings → Cairo Black, with looser line-height so tall glyphs don't clip. */
body.rtl-home .hero h1,
body.rtl-home .sec-head h2,
body.rtl-home .proj-body h3,
body.rtl-home .post-card h3,
body.rtl-home .contact .tbc,
body.rtl-home .name-plate{
  font-family:var(--font-ar) !important;
  font-weight:900;
  text-transform:none !important;
  line-height:1.2;
}
body.rtl-home .hero h1{ line-height:1.16; }

/* Mid-weight UI / labels → Cairo Bold. */
body.rtl-home .chapter-tag,
body.rtl-home .btn,
body.rtl-home .site-nav a.menu-link,
body.rtl-home .site-nav .brand,
body.rtl-home .skill h4,
body.rtl-home .proj-body .role,
body.rtl-home .proj-body .link a,
body.rtl-home .post-card .pc-more,
body.rtl-home .blog-foot .btn,
body.rtl-home .contact .links a{
  font-family:var(--font-ar) !important;
  font-weight:700;
  text-transform:none !important;
}

/* Small mono-style bits → keep Cairo so Arabic renders, regular weight. */
body.rtl-home .role.mono,
body.rtl-home .proj-body .ep,
body.rtl-home .post-card .pc-date,
body.rtl-home .skill .num,
body.rtl-home .hero .role{
  font-family:var(--font-ar) !important;
}

/* Outline numerals keep their stroke effect. */
body.rtl-home .sec-head .n{ font-family:var(--font-ar) !important; font-weight:900; }

/* Body copy a touch larger for Arabic legibility. */
body.rtl-home .hero .blurb,
body.rtl-home .about-grid .panel p,
body.rtl-home .skill p,
body.rtl-home .proj-body p,
body.rtl-home .post-card p,
body.rtl-home .contact p{ font-size:1.02rem; line-height:1.85; }

/* ---- mirror the few left/right-specific pieces ---- */
body.rtl-home .hero-portrait .name-plate{ left:auto; right:-14px; }

body.rtl-home .hero::before{
  background:repeating-conic-gradient(from 0deg at 30% 45%, transparent 0deg 2deg, rgba(12,12,12,.06) 2deg 3deg);
  -webkit-mask:radial-gradient(circle at 30% 45%, transparent 28%, #000 60%);
          mask:radial-gradient(circle at 30% 45%, transparent 28%, #000 60%);
}

body.rtl-home .skill .tag{ right:auto; left:14px; }
body.rtl-home .imgbox::before{ left:auto; right:8px; }
body.rtl-home .wip{ right:auto; left:14px; transform:rotate(-4deg); }

/* Project panel dividers (desktop only — mobile stacks with a bottom border). */
@media(min-width:861px){
  body.rtl-home .proj .proj-img{ border-right:0; border-left:3px solid var(--ink); }
  body.rtl-home .proj:nth-child(even) .proj-img{ border-left:0; border-right:3px solid var(--ink); }
}

/* Language switch pill in the RTL nav. */
body.rtl-home .site-nav .lang-link{ font-family:var(--font-mono) !important; }

/* Single posts / pages in Arabic. */
body.rtl-home .single-wrap h1.entry-title,
body.rtl-home .entry-content h2,
body.rtl-home .entry-content h3,
body.rtl-home .archive-head .sec-head h2{
  font-family:var(--font-ar) !important;
  font-weight:900;
  text-transform:none !important;
  line-height:1.35;
}
body.rtl-home .entry-content,
body.rtl-home .entry-content p,
body.rtl-home .entry-content li{ font-family:var(--font-ar); line-height:1.95; }
body.rtl-home .back-home,
body.rtl-home .post-nav{ font-family:var(--font-ar) !important; font-weight:700; }
body.rtl-home .entry-content ul,
body.rtl-home .entry-content ol{ margin:0 1.3em 1.1em 0; }
body.rtl-home .entry-content blockquote{ border-left:0; border-right:4px solid var(--ink); padding-left:0; padding-right:18px; }