/* Digisigns RTL layer - loaded only when the Arabic (digisigns.ae) site renders.
   Mirrors the direction-dependent rules of the .dz-* design system.
   Media controls (play triangle) are intentionally NOT mirrored, per RTL UI convention. */

/* Arabic typeface - DM Sans has no Arabic glyphs */
html[dir="rtl"] body,
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4,
html[dir="rtl"] p,html[dir="rtl"] a,html[dir="rtl"] li,html[dir="rtl"] td,html[dir="rtl"] th,
html[dir="rtl"] button,html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select,
html[dir="rtl"] .dz-btn,html[dir="rtl"] .dz-hbtn,html[dir="rtl"] label{
  font-family:'Cairo','DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
}
html[dir="rtl"] .dz-h2,html[dir="rtl"] h1,html[dir="rtl"] h2{letter-spacing:0;}

/* certification ribbon tab */
html[dir="rtl"] .dz-cert .tab{left:auto;right:16px;}

/* accordion +/- marker */
html[dir="rtl"] .dz-acc-h:after{right:auto;left:6px;}
html[dir="rtl"] .dz-acc-h{padding-right:0;padding-left:34px;}

/* pricing toggle knob */
html[dir="rtl"] .dz-price-switch:before{left:auto;right:3px;}
html[dir="rtl"] .dz-price-toggle .dz-price-switch:before{left:auto;right:29px;}

/* tables */
html[dir="rtl"] .dz-ptable th{text-align:right;}
html[dir="rtl"] .dz-ptable th:not(:first-child){text-align:center;}
html[dir="rtl"] .dz-ptable td:not(:first-child){text-align:center;}
html[dir="rtl"] .dz-subproc th,html[dir="rtl"] .dz-subproc td{text-align:right !important;}

/* check-mark bullet lists */
html[dir="rtl"] .dz-altrow ul.bl li{padding-left:0;padding-right:28px;}
html[dir="rtl"] .dz-altrow ul.bl li:before{left:auto;right:0;}

/* article body */
html[dir="rtl"] .dz-article ul,html[dir="rtl"] .dz-article ol{padding-left:0;padding-right:22px;}
html[dir="rtl"] .single-post .entry-content blockquote{
  border-left:0;border-right:4px solid var(--red);
  padding:.3rem 20px .3rem 0;
}

/* header: nav + CTA buttons */
html[dir="rtl"] .dz-hbtn-li{margin-left:0;margin-right:12px;}
html[dir="rtl"] .dz-hbtn-li:first-of-type{margin-left:0;margin-right:24px;}

/* Header. The final desktop rule in style.css absolutely centres #primary-menu with
   padding:0 and pins .dz-header-cta to one side. For RTL only the side pin flips —
   any padding here would shrink the centred menu's content box and wrap it to two rows. */
@media(min-width:993px){
  html[dir="rtl"] .header-navigation #primary-menu{padding:0!important;}
  html[dir="rtl"] .dz-header-cta{right:auto!important;left:0!important;}
  html[dir="rtl"] .dz-hbtn-wrap{right:auto;left:0;}
  html[dir="rtl"] .header-navigation #primary-menu>li.dz-hbtn-wrap{right:auto!important;left:0!important;}
  /* Arabic labels run wider than the English ones; trim slightly so 7 items fit one row. */
  html[dir="rtl"] .header-navigation .menu-link,html[dir="rtl"] .header-navigation a{font-size:13.5px;}
}

/* language switcher */
.dz-langsw{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;
  border:1.5px solid var(--ink);border-radius:999px;padding:7px 14px;color:var(--ink)!important;
  text-decoration:none;line-height:1;white-space:nowrap;transition:.2s;}
.dz-langsw:hover{background:var(--ink);color:#fff!important;}
.dz-langsw svg{flex:0 0 auto;}
.dz-mobile-cta .dz-langsw{justify-content:center;padding:12px 14px;font-size:15px;}