/* DuckDoro marketing pages — Arabic (RTL) layer over marketing.css.
   Loaded only by pages under /ar. Swaps the three Latin faces for Tajawal
   (Bricolage Grotesque and Caveat carry no Arabic glyphs), removes the
   negative letter-spacing that breaks Arabic joining, and mirrors the few
   rules in marketing.css that assume left-to-right. Numerals stay Latin. */
html[dir="rtl"]{
  --display:'Tajawal',sans-serif;
  --body:'Tajawal',sans-serif;
  --hand:'Tajawal',sans-serif;
}
html[dir="rtl"] body{line-height:1.7;}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{letter-spacing:0; line-height:1.25;}
html[dir="rtl"] .hand{font-weight:800;}
html[dir="rtl"] article ul,html[dir="rtl"] article ol{padding-left:0; padding-right:26px;}
html[dir="rtl"] .answer-card{font-size:1.12rem;}
html[dir="rtl"] .faq summary{text-align:right;}
html[dir="rtl"] .slot-text,html[dir="rtl"] .what{text-align:right;}
/* Latin words inside Arabic copy (Chrome, Stripe, DuckDoro) keep their shape */
html[dir="rtl"] .brand{font-family:'Bricolage Grotesque','Tajawal',sans-serif;}
html[dir="rtl"] .ft-txt{font-family:'Bricolage Grotesque','Tajawal',sans-serif;}
/* the nav CTA wrapped onto two lines at 375px */
html[dir="rtl"] .nav-right .btn{white-space:nowrap;}
@media (max-width:560px){
  html[dir="rtl"] .nav-right .btn{font-size:.95rem; padding:.7em 1em;}
  html[dir="rtl"] .nav-right .nav-link{padding:.5em .5em;}
}