/* =========================================================================
   INFERRA — rtl.css (Arabic layout refinements)
   Main stylesheet uses logical properties; this file covers the rest.
   ========================================================================= */

body.rtl-layout{
  font-family:var(--font-arabic);
  letter-spacing:0;
}
body.rtl-layout h1,
body.rtl-layout h2,
body.rtl-layout h3,
body.rtl-layout h4{letter-spacing:0;line-height:1.45}
body.rtl-layout h1{font-size:clamp(1.9rem,4.4vw,2.9rem)}
body.rtl-layout p{line-height:1.95}

/* Numerals & references stay LTR inside RTL text */
body.rtl-layout .inferra-success-ref,
body.rtl-layout .inferra-summary-total,
body.rtl-layout .inferra-price-list strong,
body.rtl-layout .inferra-tl-counter{direction:ltr;unicode-bidi:isolate}

/* Marquee edge mask flips */
body.rtl-layout .inferra-marquee{
  -webkit-mask-image:linear-gradient(270deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(270deg,transparent,#000 6%,#000 94%,transparent);
}

/* Hero radial accents mirrored */
body.rtl-layout .inferra-hero{
  background:
    radial-gradient(900px 520px at 12% -10%,rgba(14,131,136,.14),transparent 62%),
    radial-gradient(680px 460px at 108% 32%,rgba(29,78,137,.12),transparent 60%),
    linear-gradient(180deg,#fff 0%,var(--cloud) 100%);
}
body.rtl-layout .inferra-page-hero{
  background:
    radial-gradient(720px 380px at 8% -20%,rgba(14,131,136,.13),transparent 60%),
    linear-gradient(180deg,#fff,var(--cloud));
}
body.rtl-layout .inferra-final-cta{
  background:
    radial-gradient(700px 380px at 15% 0,rgba(14,131,136,.28),transparent 60%),
    linear-gradient(225deg,var(--navy),var(--navy-2));
}

/* Slightly larger UI text for Arabic readability */
body.rtl-layout .inferra-menu a{font-size:1rem}
body.rtl-layout .inferra-field>span{font-size:.95rem}
body.rtl-layout .inferra-eyebrow{font-size:.9rem}

/* Details marker spacing handled logically already; ensure summary arrow side */
body.rtl-layout .wp-block-details summary::after{inset-inline-end:20px}