/* 4 nov · araba (Ovidiu: „coditele sunt mai lungi, textul e incalecat/taiat”): hamza si coditele ies din randul literelor.
   1) benzile de jos (toate paginile): masca de estompare (mask-image) picta doar in cutie si taia coditele.
      In araba: fara masca, taiere doar pe orizontala, iar estomparea stanga/dreapta refacuta cu un strat in culoarea fundalului (fara miscare de layout). */
html[lang="ar"] .alk-marquee-w,html[lang="ar"] .alk-marquee-sm-w{-webkit-mask-image:none;mask-image:none;overflow-x:clip;overflow-y:visible}
html[lang="ar"] .alk-marquee-w::after,html[lang="ar"] .alk-marquee-sm-w::after{content:"";position:absolute;inset:-60px 0;pointer-events:none;z-index:3;background:linear-gradient(90deg,#000,rgba(0,0,0,0) 6%,rgba(0,0,0,0) 94%,#000)}
/* 2) titlul cu gradient (background-clip:text) din „Lucrari”: fundalul acopera si coditele; pe mobil (bloc) compensat */
html[lang="ar"] .fan-head h2 .ft-a,html[lang="ar"] .fan-head h2 .ft-b{padding-block:.3em}
@media(max-width:900px){html[lang="ar"] .fan-head h2{display:flex;flex-direction:column}html[lang="ar"] .fan-head h2 .ft-a,html[lang="ar"] .fan-head h2 .ft-b{margin-block:-.3em}}
/* 3) titlurile de sectiune aveau line-height .96–.98 (potrivit literelor latine): in araba randurile se suprapuneau si
      cutiile animatiei pe randuri (.rez-title span, overflow:hidden) taiau coditele (ex. Pucca Diana pe homepage) */
html[lang="ar"]:root :is(.rez-title,.sys-title,.svc-title,.dcn-title,.proi-t,.spw-title h2){line-height:1.3}
html[lang="ar"]:root .rez-title span{line-height:1.35}
/* 4) butonul mic de cookie: textul „COOKIE” de pe cerc mostenea directia dreapta-stanga si iesea de pe cerc */
.alk-cookie .ck-ring text{direction:ltr;unicode-bidi:bidi-override}
/* 5) efectul „chromatic” deseneaza textul pe un canvas de marimea cutiei: in araba codițele cadeau in afara lui (hero «وهوية», «لشركتك», banda mica de jos).
      Cutia primeste spatiu sus/jos, compensat cu margine negativa: canvasul creste, textul ramane pe loc, nimic nu se misca. */
html[lang="ar"] :is(.headline-word .accent, em[data-chromatic-kind="text"], .chromatic-footer-phrase){padding-block:.3em;margin-block:-.3em}
/* 6) banda din mijloc (.marquee-track) aluneca cu -50% spre stanga, gandit pentru asezare stanga-dreapta; in araba ramanea gol la capat.
      Banda se aseaza stanga-dreapta, textul din ea ramane scris dreapta-stanga: bucla e din nou fara capat. */
html[lang="ar"] .marquee-w,html[lang="ar"] .marquee-track{direction:ltr}html[lang="ar"] .marquee-track > *{direction:rtl}
/* 7) textul din cercul logoului si al cursorului e in araba; ca la butonul de cookie, directia dreapta-stanga mostenita il scotea de pe cerc.
      Asezarea pe cerc ramane stanga-dreapta; literele arabe se scriu oricum corect, de la dreapta. */
html[lang="ar"] .alk-badge text,html[lang="ar"] #projBadge text{direction:ltr;letter-spacing:0}