/* ==========================================================================
   BAYAN — rtl.css   Arabic right-to-left refinements (loaded on /ar/ only)
   Logical properties are used throughout main.css, so this file only carries
   corrections that direction alone cannot solve.
   ========================================================================== */
[dir=rtl] body{letter-spacing:0}
[dir=rtl] .eyebrow,[dir=rtl] .btn,[dir=rtl] .lnk,[dir=rtl] .chips li,
[dir=rtl] .site-foot h2,[dir=rtl] .post-meta,[dir=rtl] .toc h2{letter-spacing:0;text-transform:none}
[dir=rtl] .hero h1{line-height:1.4}
[dir=rtl] .steps h3,[dir=rtl] .svc-card h3{line-height:1.5}

/* numerals, phone numbers and e-mail stay LTR inside RTL text */
[dir=rtl] .tel-link span,[dir=rtl] [dir=ltr],[dir=rtl] time,
[dir=rtl] input[type=tel],[dir=rtl] input[type=email],[dir=rtl] input[type=number],
[dir=rtl] input[type=date]{direction:ltr;text-align:right;unicode-bidi:embed}
[dir=rtl] input[type=email]{text-align:right}
[dir=rtl] .err-code{direction:ltr}

/* chevrons and arrows mirror */
[dir=rtl] .caret{transform:rotate(45deg) translateY(-2px)}
[dir=rtl] .faq-item summary::after{transform:rotate(135deg)}
[dir=rtl] .faq-item[open] summary::after{transform:rotate(-45deg)}

/* breadcrumb separator direction */
[dir=rtl] .crumbs li+li::before{content:"\\";transform:scaleX(-1);display:inline-block}

/* file inputs and selects keep native alignment */
[dir=rtl] select{background-position:left .8rem center}
[dir=rtl] input[type=file]{text-align:right}

/* the seal is symmetrical — no mirroring of the logo, ever */
[dir=rtl] .brand-img,[dir=rtl] .hero-seal img,[dir=rtl] .foot-brand img{transform:none}