/* Bledz — version arabe (droite → gauche). Chargé uniquement par les pages /ar/ après styles.css.
   Généré pour la version arabe du 10/10/2026 (build_ar.py). Les règles ne s'appliquent qu'à html[dir=rtl],
   sauf .bz-lang (bouton de langue, aussi utilisé par l'accueil français via son CSS inline). */

@font-face{font-family:"Noto Sans Arabic";src:url("/assets/fonts/noto-sans-arabic.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:"Noto Naskh Arabic";src:url("/assets/fonts/noto-naskh-arabic.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}

/* — Bouton de langue (en-tête) — */
.bz-lang{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:7px 13px;border:1px solid var(--dz-green-100);border-radius:999px;background:var(--dz-green-25);color:var(--dz-green-800);font-size:13.5px;font-weight:600;line-height:1;white-space:nowrap;transition:background .15s,border-color .15s}
.bz-lang:hover{background:var(--dz-green-50);border-color:var(--dz-green-600)}
.bz-lang:focus-visible{outline:2px solid var(--dz-green-700);outline-offset:2px}
.bz-lang svg{width:16px;height:16px;flex:0 0 auto}
.bz-headrow .bz-lang{margin-inline-start:10px}
.bz-lang-short{display:none}
@media(max-width:1040px){.bz-headrow .bz-lang{margin-inline-start:8px;padding:7px 10px}.bz-lang-full{display:none}.bz-lang-short{display:inline}.bz-headrow .bz-lang + .bz-burger{margin-inline-start:8px}}

/* — Typographie arabe — */
html[dir=rtl]{--dz-sans:'Geist',"Noto Sans Arabic",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;--dz-serif:'Newsreader',"Noto Naskh Arabic","Noto Sans Arabic",Georgia,serif;--dz-display:var(--dz-serif)}
html[dir=rtl] body{font-family:var(--dz-sans)}
html[dir=rtl] *{letter-spacing:0!important}
html[dir=rtl] :is(em,i,cite,.b-h1-accent):not(.bz-wordmark i){font-style:normal}
html[dir=rtl] .bz-prose{line-height:1.95;font-size:17.5px}
html[dir=rtl] .bz-h1{line-height:1.35;font-weight:600}
html[dir=rtl] .bz-lede{line-height:1.8}
html[dir=rtl] .bz-prose h2,html[dir=rtl] .bz-prose h3{line-height:1.45}
html[dir=rtl] .b-hero h1{line-height:1.3}
html[dir=rtl] .b-h2,html[dir=rtl] .b-mfwrap h2{line-height:1.35}
html[dir=rtl] .bz-wordmark,html[dir=rtl] .bz-fbrand,html[dir=rtl] .pilllogo,html[dir=rtl] .b-brand{direction:ltr;unicode-bidi:isolate}

/* — En-tête, menus, tiroir — */
html[dir=rtl] .bz-skip,html[dir=rtl] .b-skip{left:auto;right:-9999px}
html[dir=rtl] .bz-skip:focus,html[dir=rtl] .b-skip:focus{left:auto;right:8px}
html[dir=rtl] .bz-nav{margin-left:0;margin-right:6px}
html[dir=rtl] .bz-nav>a::after,html[dir=rtl] .bz-navitem>a::after{left:calc(100% - 11px);right:11px;transition:left .22s ease}
html[dir=rtl] .bz-nav>a:hover::after,html[dir=rtl] .bz-navitem>a:hover::after,html[dir=rtl] .bz-nav>a[aria-current]::after,html[dir=rtl] .bz-navitem>a[aria-current]::after{left:11px;right:11px}
html[dir=rtl] .bz-mega{left:auto;right:0}
html[dir=rtl] .bz-search{margin-left:0;margin-right:auto}
html[dir=rtl] .bz-burger{margin-left:0;margin-right:auto}
html[dir=rtl] .bz-drawer-panel{right:auto;left:0;transform:translateX(-100%)}
html[dir=rtl] .bz-drawer.open .bz-drawer-panel{transform:none}
html[dir=rtl] .bz-drawer-feat span{margin-left:0;margin-right:auto}
html[dir=rtl] .bz-themebar-lbl{margin-right:0;margin-left:10px}
html[dir=rtl] .bz-share-lbl{margin-right:0;margin-left:2px}
@media(max-width:1040px){html[dir=rtl] .bz-search{margin-left:0;margin-right:12px}}

/* — Hero, fil d'Ariane, sommaire — */
html[dir=rtl] .bz-hero::after{right:auto;left:-30px}
html[dir=rtl] .bz-hero::before{right:auto;left:2%}
html[dir=rtl] .bz-toc>summary::before{margin-right:0;margin-left:7px}
html[dir=rtl] .bz-toc a{border-left:0;border-right:2px solid transparent;border-radius:var(--r-xs) 0 0 var(--r-xs)}
html[dir=rtl] .bz-toc a.is-active{border-right-color:var(--dz-green-700)}
html[dir=rtl] .bz-bc a::after{transform-origin:left}
html[dir=rtl] .bz-bc a:hover::after,html[dir=rtl] .bz-bc a:focus-visible::after{transform-origin:right}
html[dir=rtl] .bz-footer ul a::after,html[dir=rtl] .b-footer ul a::after{transform-origin:left}
html[dir=rtl] .bz-footer ul a:hover::after,html[dir=rtl] .bz-footer ul a:focus-visible::after,html[dir=rtl] .b-footer ul a:hover::after,html[dir=rtl] .b-footer ul a:focus-visible::after{transform-origin:right}
html[dir=rtl] body:has(.bz-prose)::before{transform-origin:100% 50%;background:linear-gradient(270deg,var(--dz-green-700),var(--dz-green-600))}
.bz-trnote{margin:12px 0 0;font-size:13px;color:var(--dz-fg-muted)}
.bz-trnote a,.bz-trnotice a{color:var(--dz-green-700);font-weight:600}
.bz-trnotice{flex-basis:100%;font-size:12.5px;line-height:1.7}

/* — Corps des guides — */
html[dir=rtl] .bz-prose ul,html[dir=rtl] .bz-prose ol{padding-left:0;padding-right:1.35em}
html[dir=rtl] .bz-prose li{padding-left:0;padding-right:.15em}
html[dir=rtl] .bz-prose th,html[dir=rtl] .bz-prose td,html[dir=rtl] .bz-prose thead th{text-align:right}
html[dir=rtl] .bz-prose blockquote{padding:16px 20px 16px 18px;border-left:1px solid var(--dz-line);border-right:4px solid var(--dz-ink-300)}
html[dir=rtl] .bz-prose blockquote.bq-answer{border-left:1px solid var(--dz-green-100);border-right:4px solid var(--dz-green-700);padding-top:40px}
html[dir=rtl] .bz-prose blockquote.bq-answer::before{content:"باختصار";left:auto;right:20px;font-size:12.5px}
html[dir=rtl] .bz-prose blockquote.bq-warn{border-left-color:#f0d9bf;border-right-color:var(--dz-red-600)}
html[dir=rtl] .bz-prose blockquote.bq-tip{border-left-color:#cfe3f5;border-right-color:#2b7fb8}
html[dir=rtl] .bz-prose blockquote.bq-example{border-left-color:var(--dz-line);border-right-color:var(--dz-ink-400)}
html[dir=rtl] .bz-aff{border-left:1px solid var(--dz-line);border-right:4px solid var(--dz-green-700)}
html[dir=rtl] .bz-pill{padding:5px 9px 5px 11px}

/* — Flèches et icônes directionnelles — */
html[dir=rtl] svg:has(path[d^="M5 12h13"]),html[dir=rtl] svg:has(path[d^="M5 12h14"]){transform:scaleX(-1)}
html[dir=rtl] .b-more:hover svg{transform:scaleX(-1) translateX(2px)}
html[dir=rtl] .b-card::after{content:"←";right:auto;left:18px;transform:translateX(6px)}
html[dir=rtl] .b-card:hover::after,html[dir=rtl] .b-card:focus-visible::after{transform:none}

/* — Accueil — */
html[dir=rtl] .b-nav a::after{left:100%;right:0;transition:left .22s ease}
html[dir=rtl] .b-nav a:hover::after{left:0}
html[dir=rtl] .b-hero::before{right:auto;left:-60px}
html[dir=rtl] .b-eyebrow-pill{padding:7px 12px 7px 15px}
html[dir=rtl] .b-h1-accent{white-space:normal}
html[dir=rtl] .b-h1-accent::after{transform-origin:right}
html[dir=rtl] .b-upd{border-left:0;border-right:3px solid var(--dz-green-700)}
html[dir=rtl] .b-mfcta:hover span{transform:translateX(-4px)}
html[dir=rtl] .h-searchbox{padding:6px 16px 6px 6px}
html[dir=rtl] .h-proof b{margin-right:0;margin-left:3px}
html[dir=rtl] .h-dinar{margin-left:0;margin-right:auto}
html[dir=rtl] .h-pledges{text-align:right}
html[dir=rtl] .h-pledges li{border-left:0;border-right:2px solid var(--dz-green-100);padding-left:0;padding-right:14px}
@media(max-width:760px){html[dir=rtl] .h-searchbox{padding:4px 12px}html[dir=rtl] .h-dinar{margin-right:0}}

/* — Formulaires des outils — */
html[dir=rtl] input,html[dir=rtl] select,html[dir=rtl] textarea{text-align:right}
html[dir=rtl] input[type=number],html[dir=rtl] input[inputmode=numeric],html[dir=rtl] input[inputmode=decimal],html[dir=rtl] input[type=email],html[dir=rtl] input[type=url]{direction:ltr;text-align:right}
html[dir=rtl] .dz-select{background-position:left 12px center;padding-left:34px;padding-right:12px}

/* — Effets de survol : déplacement vers la gauche en arabe (et flèches retournées conservées) — */
html[dir=rtl] .md-card:hover .md-card-go svg,html[dir=rtl] .bz-mega-all:hover svg{transform:scaleX(-1) translateX(3px)}
html[dir=rtl] .bz-mega-arts a:hover,html[dir=rtl] .bz-mega-arts a:focus-visible,html[dir=rtl] .bz-toc a:hover,html[dir=rtl] .bz-toc a:focus-visible,html[dir=rtl] .bz-drawer-sub a:hover,html[dir=rtl] .bz-drawer-sub a:focus-visible{transform:translateX(-3px)}