/* SYMATEQ site, right-to-left additions (Arabic). Loaded after daylight.css, only on pages with dir="rtl".
   Arabic type has no italics and no letter-spacing, arrows point the other way, and anything pinned to the left or right edge swaps sides. */
html[dir=rtl]{--serif:'IBM Plex Sans Arabic','Segoe UI',Tahoma,system-ui,sans-serif;--sans:'IBM Plex Sans Arabic','Segoe UI',Tahoma,system-ui,sans-serif}
html[dir=rtl] body{font-size:18px;line-height:1.85}
html[dir=rtl] *{letter-spacing:0!important}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4{font-weight:500;line-height:1.3}
html[dir=rtl] h1{line-height:1.22}
html[dir=rtl] h1 em,html[dir=rtl] h2 em{font-style:normal;font-weight:600}
html[dir=rtl] .eyebrow,html[dir=rtl] .foot h4,html[dir=rtl] .finder-hint,html[dir=rtl] .finder-groups h3{text-transform:none}
html[dir=rtl] .answer b{letter-spacing:0}
html[dir=rtl] .lede{line-height:1.9}

/* arrows */
html[dir=rtl] .btn .ar svg,html[dir=rtl] .lnk svg,html[dir=rtl] .qlinks .lnk svg{transform:scaleX(-1)}
html[dir=rtl] .btn:hover .ar{transform:translate(-2px,-1px) scale(1.06)}
html[dir=rtl] .lnk:hover svg{transform:translateX(-3px) scaleX(-1)}

/* top bar, menu, language chooser */
html[dir=rtl] .navbar{padding:8px 20px 8px 10px}
html[dir=rtl] .menu{margin:0 auto 0 0}
html[dir=rtl] .burger{margin-left:0;margin-right:auto}
html[dir=rtl] .has-dd>a::after{margin-left:0;margin-right:7px}
html[dir=rtl] .langsel ul{right:auto;left:0}
html[dir=rtl] .skip{left:auto;right:-999px}html[dir=rtl] .skip:focus{right:8px}
html[dir=rtl] .topline .links a span,html[dir=rtl] .foot a[href^="tel:"],html[dir=rtl] .foot a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .foot a[href^="tel:"],html[dir=rtl] .foot a[href^="mailto:"]{display:inline-block}

/* things pinned to a side */
html[dir=rtl] #leadbar{padding:8px 26px 8px 8px}
html[dir=rtl] #leadbar .msg{left:auto;right:26px}
html[dir=rtl] .modal .x{right:auto;left:14px}
html[dir=rtl] #consent{left:auto;right:16px}
html[dir=rtl] .flow li::before{left:auto;right:0}
html[dir=rtl] .toc ol{border-left:0;border-right:1px solid var(--line2)}
html[dir=rtl] .prose ul,html[dir=rtl] .prose ol{padding-left:0;padding-right:1.3em}
html[dir=rtl] .prose blockquote{padding:4px 22px 4px 0;border-left:0;border-right:3px solid var(--cy)}
html[dir=rtl] .prose th,html[dir=rtl] .reg th{text-align:right}
html[dir=rtl] .reg td:first-child{padding-right:0;padding-left:18px}
html[dir=rtl] .reg td:last-child{text-align:left}
html[dir=rtl] .cmod .core::before{transform:scaleX(-1)}
html[dir=rtl] .phead figcaption{padding-left:0;padding-right:6px}

/* fields that hold left-to-right text */
html[dir=rtl] input[type=email],html[dir=rtl] input[name=phone]{direction:ltr;text-align:right}
html[dir=rtl] .finder-form input{text-align:start}

@media(max-width:1000px){
  html[dir=rtl] .flow::before{left:auto;right:22px}
  html[dir=rtl] .flow li{padding:0 66px 28px 0}
}
@media(max-width:640px){
  html[dir=rtl] #consent{left:8px;right:8px}
}