/*!
 * Pace Specialty — sagdan sola (RTL) duzeltmeleri
 *
 * YALNIZCA Arapca sayfalarda yuklenir; site.css'ten SONRA gelir.
 * site.css'teki yon bagimli kurallarin (left/right, padding-left, translateX,
 * border-left ...) aynasini alir. Simetrik olan kurallar burada tekrar
 * edilmez — yalnizca yonu olan bildirimler cevrilir.
 *
 * Yeni bir yon bagimli kural site.css'e eklenirse karsiligi buraya da
 * eklenmeli; aksi halde Arapca sayfada o parca ters durur.
 */

/* --------------------------------------------------------------- tipografi */
[dir="rtl"] body{
  font-family:"Noto Kufi Arabic","Segoe UI",Tahoma,sans-serif;
  letter-spacing:normal;
}
/* Marka adi, lisans numaralari ve adresler Latin harfli kalir. */
[dir="rtl"] .logo,[dir="rtl"] address,[dir="rtl"] .lang-dd b{direction:ltr;unicode-bidi:isolate}
[dir="rtl"] address{text-align:right}
/* Buyuk harfe cevirme ve genis harf araligi Arapcada okunmaz hale getirir. */
[dir="rtl"] .label,[dir="rtl"] .lang-btn,[dir="rtl"] .m-lang a,
[dir="rtl"] .hero h1,[dir="rtl"] .post-meta .pill{text-transform:none;letter-spacing:normal}

/* Ok ikonlari geri yonu gostersin. */
[dir="rtl"] .btn svg,[dir="rtl"] .more svg,[dir="rtl"] .pill svg,[dir="rtl"] .rm svg,
[dir="rtl"] .all svg,[dir="rtl"] .go svg,[dir="rtl"] .btn-line svg,
[dir="rtl"] .btn-navy svg,[dir="rtl"] .send svg,[dir="rtl"] .sticky>a svg{transform:scaleX(-1)}
[dir="rtl"] .btn:hover svg,[dir="rtl"] .endcta .pill:hover svg{transform:scaleX(-1) translateX(3px)}
[dir="rtl"] .news .all:hover svg,[dir="rtl"] .ncard:hover .rm svg,
[dir="rtl"] .pcard-link:hover .rm svg,[dir="rtl"] .btn-line:hover svg{transform:scaleX(-1) translateX(4px)}
[dir="rtl"] .srow:hover .go{transform:translateX(-4px)}
[dir="rtl"] .srow:hover h3{transform:translateX(-6px)}

/* ------------------------------------------------------------------ baslik */
[dir="rtl"] nav a::after{left:auto;right:0}
[dir="rtl"] nav a:hover::after{right:auto;left:0}
[dir="rtl"] nav a svg{margin-left:0;margin-right:4px}
[dir="rtl"] .dd{left:auto;right:-16px}
[dir="rtl"] .dd::before{left:auto;right:28px}
[dir="rtl"] .dd a{padding:14px 22px 14px 18px}
[dir="rtl"] .dd a::before{left:auto;right:0}
[dir="rtl"] .dd-wide .g a:nth-child(odd):not(.dd-all){border-right:0;border-left:1px solid rgba(11,37,69,.08)}
[dir="rtl"] .dd-groups .dd-sub a:nth-child(odd){border-right:0;border-left:1px solid rgba(11,37,69,.08)}
[dir="rtl"] .mnav .msub a.msub2{padding-left:12px;padding-right:24px}
[dir="rtl"] .lang-dd{right:auto;left:0}

/* Mobil cekmece sol kenardan girer. */
[dir="rtl"] .mnav{right:auto;left:0;transform:translateX(-100%)}
[dir="rtl"] header.open .mnav{transform:none}
[dir="rtl"] .mnav .mclose{margin-left:0;margin-right:auto}
[dir="rtl"] .mnav summary::after{margin-left:0;margin-right:auto;
  border-right:0;border-left:2px solid #8DA9C4;transform:rotate(-45deg) translateY(-2px)}
[dir="rtl"] .mnav details[open] summary::after{transform:rotate(135deg) translateY(-2px)}
[dir="rtl"] .mnav .msub{padding:2px 12px 10px 0;margin-left:0;margin-right:12px;
  border-left:0;border-right:2px solid rgba(242,113,28,.35)}
[dir="rtl"] .mnav a.sub{padding-left:0;padding-right:18px}

/* -------------------------------------------------------------------- hero */
[dir="rtl"] .art{left:auto;right:-8vw;transform:scaleX(-1)}
/* Fotograf ve okunabilirlik gecisi de aynalanir: metin artik SAGDA durdugu
   icin karartma da sagdan baslamali, yoksa baslik parlak cam cephenin
   uzerine dusuyor. */
[dir="rtl"] .hero{background-position:center left}
[dir="rtl"] .hero::before{background:
  linear-gradient(270deg, rgba(7,26,51,.92) 0%, rgba(7,26,51,.75) 34%, rgba(7,26,51,.35) 60%, rgba(7,26,51,.08) 82%),
  linear-gradient(180deg, rgba(7,26,51,.45) 0%, rgba(7,26,51,.1) 30%, rgba(7,26,51,.1) 55%, rgba(7,26,51,.8) 100%),
  rgba(7,26,51,.18)}
@media (max-width:900px){
  [dir="rtl"] .hero{background-position:30% center}
  [dir="rtl"] .hero::before{background:
    linear-gradient(270deg, rgba(7,26,51,.8) 0%, rgba(7,26,51,.55) 60%, rgba(7,26,51,.35) 100%),
    linear-gradient(180deg, rgba(7,26,51,.3), transparent 30%, transparent 70%, rgba(7,26,51,.6))}
}

/* ------------------------------------------------------------------- about */
[dir="rtl"] .about .dots{left:auto;right:0}
[dir="rtl"] .about .visual{padding:0 56px 56px 0}
[dir="rtl"] .about .visual::before{left:auto;right:0}
[dir="rtl"] .about .chev{left:auto;right:-10px;transform:scaleX(-1)}
[dir="rtl"] .about .frame::before{transform:translateX(120%)}
[dir="rtl"] .about .visual:hover .frame::before{transform:translateX(-120%)}
[dir="rtl"] .badge{right:auto;left:-24px}
[dir="rtl"] .pillar{padding:26px 0 0 28px}
[dir="rtl"] .pillar::before{left:auto;right:0}
[dir="rtl"] .pillar+.pillar{padding-left:0;padding-right:28px;
  border-left:0;border-right:1px solid rgba(11,37,69,.12)}
[dir="rtl"] .pillar+.pillar::before{left:auto;right:28px}

/* ---------------------------------------------------------------- hizmetler */
[dir="rtl"] .srow::before{left:auto;right:0}
[dir="rtl"] .pcard::before{left:auto;right:0}
[dir="rtl"] .panel{padding:30px 0 0 32px}
[dir="rtl"] .panel::before{left:auto;right:0}
[dir="rtl"] .panel+.panel{padding-left:0;padding-right:32px;
  border-left:0;border-right:1px solid rgba(11,37,69,.14)}
[dir="rtl"] .panel+.panel::before{left:auto;right:32px}
[dir="rtl"] .cov li{padding-left:0;padding-right:22px}
[dir="rtl"] .cov li::before{left:auto;right:0;border-left:0;border-right:2px solid var(--orange)}
[dir="rtl"] .covs .cov li{padding:8px 28px 8px 16px}
[dir="rtl"] .covs .cov li::before{left:auto;right:14px}
[dir="rtl"] .svc-note{border-left:0;border-right:3px solid var(--orange)}
[dir="rtl"] .shot .chev{left:auto;right:20px;transform:scaleX(-1)}
[dir="rtl"] .step{padding:0 0 0 28px}
[dir="rtl"] .card .txt{padding:64px 24px 64px 64px}
[dir="rtl"] .card .pill{padding:8px 24px 8px 8px}

/* ------------------------------------------------------------ ic sayfa/blog */
[dir="rtl"] .phead .pace{right:auto;left:5%;transform:scaleX(-1)}
[dir="rtl"] .post-top .pace{right:auto;left:5%;transform:scaleX(-1)}
[dir="rtl"] .statement .img q{left:28px;right:28px}
[dir="rtl"] .ncard .tag{left:auto;right:16px}
[dir="rtl"] .member .initials::after{left:auto;right:0}
[dir="rtl"] .article .body li{padding-left:0;padding-right:24px}
[dir="rtl"] .article .body li::before{left:auto;right:0;border-left:0;border-right:2px solid var(--orange)}
[dir="rtl"] .article .foot .btn-line{margin-left:0;margin-right:auto}

/* ------------------------------------------------------------------ altbilgi */
[dir="rtl"] .fglow::before{left:auto;right:-10vw}
[dir="rtl"] .fglow::after{right:auto;left:-8vw}
[dir="rtl"] .lg-no{text-align:left;padding-left:0;padding-right:28px;
  border-left:0;border-right:1px solid rgba(255,255,255,.1)}
[dir="rtl"] .fbar ul{margin-left:0;margin-right:auto}

/* --------------------------------------------------------- yuzen ogeler/odak */
/*
 * Yuzen butonlarin kosesi artik PANELDEN secilir (Sol alt / Sag alt) ve
 * FIZIKSEL kabul edilir: panelde "Sag alt" secildiyse Arapca sayfada da
 * sagda durur. Bu yuzden burada aynalama YOK; aksi hâlde panelde secilenin
 * tersi cikardi.
 */
[dir="rtl"] .totop{right:auto;left:26px}
/*
 * Ekran disina atilan ogeler (atlama baglantisi, bot tuzaklari) LTR'de
 * `left:-9999px` ile solda saklanir: tarayici sol tasmayi kirpar, kaydirma
 * cubugu cikmaz. RTL'de kaydirma yonu terstir — soldaki tasma KAYDIRILABILIR
 * olur ve sayfaya 10.000 piksellik yatay kaydirma ekler. Bu yuzden RTL'de
 * ayni ogeler sag tarafa atilir.
 */
[dir="rtl"] .skip,[dir="rtl"] .hp,
[dir="rtl"] form input[name="_hp"]{left:auto!important;right:-9999px!important}
[dir="rtl"] .skip:focus{right:0!important;border-radius:0 0 0 6px}

@media (max-width:900px){
  [dir="rtl"] .totop{left:16px}
}

@media (max-width:640px){
  /* Mobilde site.css bu kurallari zaten sifirliyor; aynasini da sifirla. */
  [dir="rtl"] .about .visual{padding:0}
  [dir="rtl"] .badge{left:auto}
  [dir="rtl"] .pillar+.pillar{padding-right:0;border-right:0}
  [dir="rtl"] .pillar+.pillar::before{right:0}
  [dir="rtl"] .panel+.panel{padding-right:0;border-right:0}
  [dir="rtl"] .panel+.panel::before{right:0}
  [dir="rtl"] .lg-no{text-align:right;padding-right:0;border-right:0}
  [dir="rtl"] .fbar ul{margin-right:0}
  [dir="rtl"] .article .foot .btn-line{margin-right:0}
}

/* Bayraklar aynalanmaz: bayrak diregi tarafi sabittir. */
[dir="rtl"] .flag{transform:none}
/* .nav-end flex oldugu icin siralama dir="rtl" ile kendiliginden doner. */
[dir="rtl"] .dd-groups .dd-head b,[dir="rtl"] .mnav .msub a.mgroup{letter-spacing:0}
[dir="rtl"] .bro-cover img,[dir="rtl"] .bro-cover::before{transform:rotateY(8deg);transform-origin:right center}
[dir="rtl"] .bro-cover::before{left:auto;right:0;border-radius:0 4px 4px 0;background:linear-gradient(270deg,rgba(0,0,0,.28),rgba(255,255,255,.08) 60%,rgba(0,0,0,0))}
[dir="rtl"] .bro-stack{inset:10px 12px -10px -12px}
[dir="rtl"] .reader-back svg{transform:none}
