/* Arabic (RTL) overrides – loaded after style.css on Arabic pages only */
:root{
  --f-display:"Almarai", Tahoma, Arial, sans-serif;   /* one typeface across all Arabic pages */
  --f-body:"Almarai", Tahoma, Arial, sans-serif;
  --f-mukta:"Almarai", sans-serif;
  --f-niramit:"Almarai", sans-serif;
}
body{font-family:var(--f-body)}

/* Arabic letters must join: no letter-spacing or uppercase anywhere */
[dir="rtl"] *{letter-spacing:0!important;text-transform:none!important}
[dir="rtl"] body,[dir="rtl"] button,[dir="rtl"] input,[dir="rtl"] textarea{font-family:var(--f-body)}

/* Heading sizes tuned for Almarai */
[dir="rtl"] .hero h1{font-size:54px;line-height:1.35;font-weight:700}
[dir="rtl"] .quote h2{font-size:28px;line-height:1.8;font-weight:300}
[dir="rtl"] .about h2,[dir="rtl"] .services .intro h2,[dir="rtl"] .team h2{font-size:42px;line-height:1.35;font-weight:700}
[dir="rtl"] .action-content h3{font-size:26px;line-height:1.8;max-width:900px;margin-inline:auto}
[dir="rtl"] .footer h2{font-size:22px;line-height:1.4;font-weight:700}
[dir="rtl"] .page-hero h1{font-weight:700}
[dir="rtl"] .action-content a,[dir="rtl"] .hero .rs-btn,[dir="rtl"] .p-name{font-weight:700}
[dir="rtl"] .qmark{font-family:var(--f-body)}
[dir="rtl"] .svc-item h3{font-size:24px;line-height:1.5;font-weight:700}
[dir="rtl"] .member h3{font-size:22px;line-height:1.5;font-weight:700}
[dir="rtl"] .menu a{font-size:17px}
[dir="rtl"] .hero .eyebrow{font-size:21px;line-height:1.5}
[dir="rtl"] .kicker{font-size:15px}

/* Header */
[dir="rtl"] .header{padding-left:0;padding-right:10px}
[dir="rtl"] .menu a::after{transform-origin:right}
[dir="rtl"] .m-menu .close{right:auto;left:24px}

/* Arrows point the reading direction */
[dir="rtl"] .btn-ar svg,[dir="rtl"] .rs-btn svg,[dir="rtl"] .svc-item .arrow svg,
[dir="rtl"] .action-content a svg,[dir="rtl"] .member .view svg,[dir="rtl"] .more-team .all svg{transform:scaleX(-1)}
[dir="rtl"] .btn-ar:hover svg,[dir="rtl"] .rs-btn:hover svg,[dir="rtl"] .action-content a:hover svg,
[dir="rtl"] .more-team .all:hover svg{transform:scaleX(-1) translateX(5px)}
[dir="rtl"] .svc-item:hover .arrow svg{transform:scaleX(-1) translateX(8px)}
[dir="rtl"] .p-back svg{transform:none}
[dir="rtl"] .p-back:hover svg{transform:translateX(4px)}

/* Hero: text block anchored on the right, layers slide in from the right */
[dir="rtl"] .hero .layers{left:auto;right:calc((100% - 1270px) / 2 + 300px)}
[dir="rtl"] .hero .shade{background:linear-gradient(270deg,rgba(15,23,19,.6) 0%,rgba(15,23,19,.28) 55%,rgba(15,23,19,.05) 100%),linear-gradient(0deg,rgba(15,23,19,.45),transparent 40%)}
[dir="rtl"] .l-h1,[dir="rtl"] .l-btn{--from:50px}
[dir="rtl"] .l-eyebrow{--from:110vw}

/* About */
[dir="rtl"] .about .right{border-left:0;padding-left:0;border-right:1px solid rgba(176,179,158,.35);padding-right:40px}

/* Services card */
[dir="rtl"] .svc-item .inner{padding-right:0;padding-left:60px}

/* Team member pages */
[dir="rtl"] .ticks li{padding:18px 34px 18px 0}
[dir="rtl"] .ticks li::before{left:auto;right:4px}
[dir="rtl"] .bio p:first-of-type::first-letter{float:none;font-size:inherit;padding:0;font-family:inherit;line-height:inherit;color:inherit}

/* Floating widgets swap sides */
[dir="rtl"] .wa{left:auto;right:20px;font-family:var(--f-body)}
[dir="rtl"] .wa-btn{font-family:var(--f-body);padding:8px 14px 8px 24px}
[dir="rtl"] .wa-box{left:auto;right:0}
[dir="rtl"] .totop{right:auto;left:20px}

@media (max-width:1366px){
  [dir="rtl"] .hero .layers{right:max(40px,calc((100% - 1270px) / 2 + 300px))}
}
@media (max-width:1200px){
  [dir="rtl"] .hero .layers{left:auto;right:240px}
  [dir="rtl"] .hero h1{font-size:50px}
}
@media (max-width:1024px){
  [dir="rtl"] .hero .layers{right:auto;left:50%}
  [dir="rtl"] .hero h1{font-size:40px}
  [dir="rtl"] .about .right{border-right:0;padding-right:0}
  [dir="rtl"] .svc-item .inner{padding:0}
}
@media (max-width:767px){
  [dir="rtl"] .hero h1{font-size:32px}
  [dir="rtl"] .quote h2{font-size:22px}
  [dir="rtl"] .about h2,[dir="rtl"] .services .intro h2,[dir="rtl"] .team h2{font-size:34px}
  [dir="rtl"] .action-content h3{font-size:21px}
  [dir="rtl"] .wa-btn{padding:12px}
}
@media (max-width:480px){
  [dir="rtl"] .quote h2{font-size:19px}
}

/* Contact pages */
[dir="rtl"] .c-form h2{font-weight:700}
[dir="rtl"] .f-btn{font-weight:700}
[dir="rtl"] .c-map svg,[dir="rtl"] .f-btn svg{transform:scaleX(-1)}
[dir="rtl"] .c-map:hover svg,[dir="rtl"] .f-btn:hover svg{transform:scaleX(-1) translateX(5px)}