/* Petitool RTL overrides — loaded only for Arabic pages (dir=rtl on <html>).
   Base components already use logical properties (border-inline-start), so most
   new styling mirrors automatically. These rules cover the rest. */
body { text-align: right; }
.header-inner, .wrap { direction: rtl; }
.breadcrumb { direction: rtl; }
.calc-input { direction: ltr; text-align: left; }
.age-facts { direction: rtl; }
.formula { direction: ltr; text-align: left; }
details summary { direction: rtl; }

/* New components: keep RTL intact */
.calc { border-inline-start: 6px solid var(--acc); } /* logical — mirrors free */
.age-facts li { border-inline-start: 4px solid var(--acc); }
.tool-card { text-align: right; }
.tool-card::before { /* full-width accent stripe: direction-neutral */ inset: 0 0 auto 0; }
.tool-card::after { /* glow blob: mirror to bottom-left for RTL balance */
  inset: auto auto -40px -40px;
}
.related-tools li a, .also-in li a { border-inline-start: 4px solid var(--border); }
.related-tools li a:hover, .also-in li a:hover { border-inline-start-color: var(--acc); }
.gateway { text-align: center; }
.calc-copy, .gateway-links a { direction: rtl; } /* button label follows page dir */