/* ==========================================================================
   Yuhuan Taize Plumbing - Arabic (RTL) overrides.
   Loaded after style.css on /ar/ pages only. Only the rules that genuinely
   need mirroring are here: flex and grid blocks already follow the inline
   direction, so they mirror themselves once direction:rtl is set.
   ========================================================================== */

[dir="rtl"] body{
  direction:rtl;
  text-align:right;
  font-family:"Noto Naskh Arabic","Geeza Pro","Segoe UI",Tahoma,Arial,"Helvetica Neue",sans-serif;
}

/* ---------------------------------------------------------------- top bar */
[dir="rtl"] .lang i{margin:0 6px;}

/* --------------------------------------------------------------- dropdown */
[dir="rtl"] .nav .sub{left:auto;right:0;}
[dir="rtl"] .nav .sub a:hover{padding-left:18px;padding-right:24px;}

/* ----------------------------------------------------------------- banner */
[dir="rtl"] .slide-box{text-align:right;}
[dir="rtl"] .slide::after{
  background:linear-gradient(270deg,rgba(4,18,48,.86) 0%,rgba(4,18,48,.62) 45%,rgba(4,18,48,.22) 100%);
}
[dir="rtl"] .hero-shade{
  background:linear-gradient(270deg,rgba(4,18,48,.9) 0%,rgba(4,18,48,.68) 45%,rgba(4,18,48,.32) 100%);
}
[dir="rtl"] .bn-prev{left:auto;right:26px;}
[dir="rtl"] .bn-next{right:auto;left:26px;}
[dir="rtl"] .bn-prev svg,[dir="rtl"] .bn-next svg{transform:scaleX(-1);}
[dir="rtl"] .ibanner::after{right:auto;left:-90px;}

/* -------------------------------------------------------------- cert strip */
[dir="rtl"] .cert-lead{
  border-left:0;border-right:4px solid var(--navy);
  padding-left:0;padding-right:16px;
}
[dir="rtl"] .cert-items{justify-content:flex-start;}

/* -------------------------------------------------------- sidebar + main */
[dir="rtl"] .side-list a:hover{padding-left:16px;padding-right:24px;}
[dir="rtl"] .cblock ul li{padding-left:0;padding-right:20px;}
[dir="rtl"] .cblock ul li::before{left:auto;right:0;}

/* ------------------------------------------------------------------ tables */
[dir="rtl"] .spec-tbl th,[dir="rtl"] .spec-tbl td,
[dir="rtl"] .info-tbl th,[dir="rtl"] .info-tbl td{text-align:right;}

/* ------------------------------------------------------------------ pager */
[dir="rtl"] .pager-goto{margin-left:0;margin-right:8px;}
[dir="rtl"] .pager svg{transform:scaleX(-1);}

/* ------------------------------------------------------------ float stack */
[dir="rtl"] .float-stack{right:auto;left:18px;}
@media(max-width:640px){
  [dir="rtl"] .float-stack{right:auto;left:12px;}
}

/* ------------------------------------------------- forms stay readable */
[dir="rtl"] .iform input,[dir="rtl"] .iform textarea,[dir="rtl"] .iform select{
  text-align:right;
}
[dir="rtl"] .iform input[type="email"]{direction:ltr;text-align:right;}

/* --------------------------------- latin technical values inside rtl text */
[dir="rtl"] .spec-tbl td,
[dir="rtl"] .fact strong,
[dir="rtl"] .cert-item strong,
[dir="rtl"] .cbrand{unicode-bidi:plaintext;}
