/*
RTL / Arabic overrides. Loaded IN ADDITION to style.css when is_rtl() is true.
Most layout uses CSS logical properties, so this file only handles:
  1. The Arabic webfont stack
  2. Typographic adjustments Arabic needs (line-height, letter-spacing, numerals)
  3. The handful of genuinely physical properties that must flip
*/

@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EEBB,U+1EEF0-1EEF1;}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EEBB,U+1EEF0-1EEF1;}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EEBB,U+1EEF0-1EEF1;}

:root{
  /* Arabic first in the stack; Inter still serves Latin glyphs and numerals */
  --ma-font:"IBM Plex Sans Arabic","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;
  --ma-font-num:"Inter","IBM Plex Sans Arabic",ui-monospace,monospace;
  --ma-start:right;
  --ma-end:left;
}

/* Arabic needs more leading and no negative tracking */
body{line-height:1.85;}
h1,h2,h3,h4,h5,h6{letter-spacing:0;line-height:1.35;}
h1,h2{letter-spacing:0;}
.ma-eyebrow,.ma-footer h3,.ma-toc__title,.ma-logos__label{letter-spacing:.02em;}
.ma-btn{letter-spacing:0;}
.ma-stat__value,.ma-metric__value,.ma-floatcard__value{letter-spacing:0;direction:ltr;unicode-bidi:embed;}

/* Keep Latin brand words and metrics LTR inside RTL text */
.ma-ltr,.ma-brand__name[lang="en"],time,.ma-meta time{direction:ltr;unicode-bidi:isolate;display:inline-block;}

/* Physical properties that logical properties don't cover */
.alignleft{float:right;margin:.4rem 0 1rem 1.5rem;}
.alignright{float:left;margin:.4rem 1.5rem 1rem 0;}

/* Directional glyph flips */
.ma-arrow{transform:scaleX(-1);}
.ma-btn:hover .ma-arrow,.ma-link-arrow:hover .ma-arrow{transform:scaleX(-1) translateX(3px);}
.ma-crumbs li+li::before{content:"\\";}
.ma-nav .menu-item-has-children>a::after{border-right:0;border-left:1.6px solid currentColor;transform:translateY(-2px) rotate(-45deg);}
.ma-faq summary::after{border-right:0;border-left:2px solid var(--ma-muted);transform:rotate(-45deg);}
.ma-faq details[open] summary::after{transform:rotate(135deg);}
select{background-position:left .8rem center;}

/* Grid mask on hero should mirror */
.ma-hero{background:radial-gradient(60rem 32rem at 22% -12%,var(--ma-blue-050) 0%,rgba(238,243,255,0) 62%),linear-gradient(180deg,#FBFCFE 0%,#FFFFFF 100%);}
.ma-hero::after{-webkit-mask-image:radial-gradient(42rem 26rem at 28% 12%,#000 0%,transparent 72%);mask-image:radial-gradient(42rem 26rem at 28% 12%,#000 0%,transparent 72%);}

/* Checklist tick mark does not need mirroring, but the blockquote rule does */
blockquote{border-radius:var(--ma-r) 0 0 var(--ma-r);}

/* Pillar list chevrons point the other way in RTL */
.ma-pillar li a::after{border-top:1.6px solid var(--ma-muted);border-right:0;border-left:1.6px solid currentColor;transform:rotate(-45deg);}
.ma-pillar li a:hover::after{transform:rotate(-45deg) translate(-2px,-2px);}