/* =========================================================
   LIRCLE RTL LAYER (Arabic pages only)
   Load AFTER pages.css on every /ar/ inner page.
   Home (/ar/index.html) carries its own inline RTL styles.
   ========================================================= */

/* ---- Arabic typography foundations ---- */
[dir="rtl"] body{font-family:'Cairo','Archivo Expanded',sans-serif;}
[dir="rtl"] .menu-toggle,[dir="rtl"] .btn,[dir="rtl"] .send,
[dir="rtl"] .fg input,[dir="rtl"] .fg select,[dir="rtl"] .fg textarea{font-family:'Cairo','Archivo Expanded',sans-serif;}
/* Arabic script must never be letter-spaced (letters connect) */
[dir="rtl"] .page-kicker,[dir="rtl"] .sec-kicker,[dir="rtl"] .eyebrow,
[dir="rtl"] .page-title,[dir="rtl"] .sec-title,[dir="rtl"] .work-name,
[dir="rtl"] .service-name,[dir="rtl"] .manifesto,[dir="rtl"] .btn,
[dir="rtl"] .nav-talk,[dir="rtl"] .send,[dir="rtl"] .strip-l,[dir="rtl"] .strip-n,
[dir="rtl"] .case-meta span,[dir="rtl"] .case-meta strong,
[dir="rtl"] .faq-item summary,[dir="rtl"] .cta-band h2,[dir="rtl"] .value h3,
[dir="rtl"] .process-card h3,[dir="rtl"] .showcase-copy h3,
[dir="rtl"] .contact-panel h2,[dir="rtl"] .fg label,[dir="rtl"] .budget-label,
[dir="rtl"] .menu-links a,[dir="rtl"] .ft-grid h5,[dir="rtl"] .page-loader-mark,
[dir="rtl"] .page-loader-index,[dir="rtl"] .thanks-kicker,[dir="rtl"] .thanks-title{letter-spacing:0!important;}
/* Arabic needs taller line-height than the tight Latin display setting */
[dir="rtl"] .page-title{line-height:1.12;letter-spacing:0;}
[dir="rtl"] .sec-title{line-height:1.14;}
[dir="rtl"] .work-name{line-height:1.2;}
[dir="rtl"] .service-name{line-height:1.25;}
[dir="rtl"] .manifesto{line-height:1.55;}
[dir="rtl"] .showcase-copy h3{line-height:1.3;}
[dir="rtl"] .cta-band h2{line-height:1.25;}
[dir="rtl"] .faq-item summary{line-height:1.5;}
[dir="rtl"] .value h3{font-family:'Cairo',sans-serif;line-height:1.35;}
[dir="rtl"] .contact-panel h2{line-height:1.25;}
[dir="rtl"] .thanks-title{line-height:1.2;}
/* Cairo has no italic; slanted Arabic looks broken - keep upright */
[dir="rtl"] .page-title em,[dir="rtl"] .thanks-title em{font-style:normal;font-weight:300;}
/* Body copy breathing room */
[dir="rtl"] .page-intro p,[dir="rtl"] .sec-copy,[dir="rtl"] .service-copy,
[dir="rtl"] .process-card p,[dir="rtl"] .value p,[dir="rtl"] .faq-item p,
[dir="rtl"] .showcase-copy p,[dir="rtl"] .ft-grid p,[dir="rtl"] .thanks-copy{line-height:2.05;}

/* ---- Mirrored fixed positions ---- */
[dir="rtl"] .nl{left:auto;right:60px;}
[dir="rtl"] .nav-talk{right:auto;left:60px;}
@media (max-width:900px){
  [dir="rtl"] .nl{left:auto;right:22px;}
  [dir="rtl"] .nav-talk{right:auto;left:22px;}
}
@media (max-width:560px){
  [dir="rtl"] .nl{right:20px;}
  [dir="rtl"] .nav-talk{left:20px;}
}

/* ---- Menu ---- */
[dir="rtl"] .menu-links a:hover{padding-left:0;padding-right:10px;}
[dir="rtl"] .menu-links a::after{content:'\2196';transform:translate(8px,8px);}
[dir="rtl"] .menu-links a:hover::after{transform:none;}

/* ---- Hover slides & reveal origins ---- */
[dir="rtl"] .service-item::before,[dir="rtl"] .faq-item::before,
[dir="rtl"] .contact-lines a::before,[dir="rtl"] .contact-lines span::before{transform-origin:right;}
[dir="rtl"] .service-item:hover{padding-left:18px;padding-right:34px;}
[dir="rtl"] .service-item:hover .service-copy{transform:translateX(8px);}
[dir="rtl"] .strip-item:hover .strip-n,[dir="rtl"] .strip-item:hover .strip-l{transform:translateX(-6px);}
[dir="rtl"] .faq-item[open] summary,[dir="rtl"] .faq-item:hover summary{padding-left:0;padding-right:24px;}
[dir="rtl"] .faq-item p{padding:0 24px 30px 76px;}
[dir="rtl"] .contact-lines a:hover,[dir="rtl"] .contact-lines span:hover{padding-left:14px;padding-right:24px;}
[dir="rtl"] .ft-grid a:hover{padding-left:0;padding-right:6px;}
[dir="rtl"] .arrow{transform:translate(-8px,-8px);}
[dir="rtl"] .work-card:hover .arrow{transform:none;}

/* ---- Borders that must flip ---- */
[dir="rtl"] .strip-item{border-right:0;border-left:1px solid rgba(255,255,255,.12);}
[dir="rtl"] .strip.light .strip-item{border-left-color:var(--line);}
[dir="rtl"] .strip-item:last-child{border-left:0;}
@media (max-width:560px){
  [dir="rtl"] .strip-item{border-left:0;border-bottom:1px solid rgba(255,255,255,.12);}
}

/* ---- Forms ---- */
[dir="rtl"] .fg label{left:auto;right:18px;}
[dir="rtl"] .fg input,[dir="rtl"] .fg select,[dir="rtl"] .fg textarea{text-align:right;}

/* ---- Mobile menu fixes ---- */
@media (max-width:900px){
  [dir="rtl"] .faq-item p{padding:0 0 26px 0;}
}


/* ============ ARABIC POLISH V2 (readability + crop + logos) ============ */
/* ARABIC POLISH V2 */
/* Display titles: room for Arabic ascenders/descenders (no more cropping) */
[dir="rtl"] .page-title{line-height:1.38!important;padding-bottom:.12em;}
[dir="rtl"] .sec-title{line-height:1.32!important;padding-bottom:.08em;}
[dir="rtl"] .cta-band h2{line-height:1.4;padding-bottom:.08em;}
/* Readability: Arabic needs larger body/label sizes than tracked Latin caps */
[dir="rtl"] .page-intro p{font-size:15px;}
[dir="rtl"] .sec-copy{font-size:15px;}
[dir="rtl"] .service-copy{font-size:14px;}
[dir="rtl"] .faq-item p{font-size:15px;font-weight:400;color:rgba(20,20,20,.85);}
[dir="rtl"] .process-card p,[dir="rtl"] .value p{font-size:14px;}
[dir="rtl"] .page-kicker,[dir="rtl"] .sec-kicker{font-size:12px;}
[dir="rtl"] .eyebrow{font-size:11px;}
[dir="rtl"] .strip-l{font-size:12px;}
[dir="rtl"] .case-meta span{font-size:11px;}
[dir="rtl"] .btn{font-size:12px;}
[dir="rtl"] .nav-talk{font-size:12px;}
[dir="rtl"] .menu-toggle{font-size:13px;}
[dir="rtl"] .ft-grid p{font-size:13px;}
[dir="rtl"] .ft-grid a{font-size:13px;}
[dir="rtl"] .ft-grid h5{font-size:11px;}
[dir="rtl"] .contact-lines a,[dir="rtl"] .contact-lines span{font-size:14px;}
[dir="rtl"] .fg label{font-size:10px;}
[dir="rtl"] .fg input,[dir="rtl"] .fg select,[dir="rtl"] .fg textarea{font-size:14px;}
[dir="rtl"] .send{font-size:12px;}
/* Cairo inherits a tall line box - tighten menu items so 7 links + meta fit every viewport */
[dir="rtl"] .menu-links a{line-height:1.45;}
/* Arabic logo in nav (square mark, height-based) */
[dir="rtl"] .nl{width:auto;}
[dir="rtl"] .nl img{height:54px;width:auto;}
/* Arabic logo small footer + menu brand */
[dir="rtl"] .ft-bn img{width:auto;height:48px;}
[dir="rtl"] .menu-brand{width:auto;height:46px;}
@media (max-width:900px){
  [dir="rtl"] .nl img{height:46px;}
}
@media (max-width:560px){
  [dir="rtl"] .nl img{height:42px;}
  [dir="rtl"] .ft-bn img{height:42px;}
}

/* ---- Arabic blog / post components (v4) ---- */
[dir="rtl"] .post-body blockquote{border-left:0;border-right:3px solid var(--g);padding:4px 22px 4px 0;}
[dir="rtl"] .post-body ul,[dir="rtl"] .post-body ol{padding-left:0;padding-right:22px;}
[dir="rtl"] .faq-item[open] summary,[dir="rtl"] .faq-item:hover summary{padding-left:0;padding-right:24px;}
[dir="rtl"] .faq-item summary:focus:not(:focus-visible){outline:none;}