/* SaraVision — version arabe (/ar/) : typographie arabe et sens de lecture de droite à gauche.
   Chargé uniquement par les pages arabes, après les autres feuilles de style. */
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(/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+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500 600;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-500-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+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700 800;font-display:swap;src:url(/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+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Reem Kufi';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/reem-kufi-arabic-500-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+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Reem Kufi';font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/reem-kufi-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+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}

/* Les polices latines du thème (DM Mono, Manrope, Playfair) n'ont pas de lettres arabes :
   pour ces caractères, le navigateur utilise les polices arabes ci-dessous sous le même nom. */
@font-face{font-family:'DM Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/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+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-500-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+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(/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+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500 600;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-500-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+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700 800;font-display:swap;src:url(/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+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/reem-kufi-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+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400 700;font-display:swap;src:url(/fonts/reem-kufi-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+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}

/* ─── Typographie : les lettres arabes sont liées, aucun espacement ni capitales forcées ─── */
html[lang=ar] body{font-family:'IBM Plex Sans Arabic',Manrope,system-ui,Tahoma,sans-serif;line-height:1.75}
html[lang=ar] *{letter-spacing:0!important}
html[lang=ar] :is(h1,h2,h3,h4,.h2){font-family:'Reem Kufi','IBM Plex Sans Arabic',Manrope,sans-serif;font-weight:600;line-height:1.3!important}
html[lang=ar] em{font-family:'Reem Kufi','Playfair Display',serif;font-style:normal}
html[lang=ar] :is(.eyebrow,.mono,.hud,.k,.go,.footer-bottom,.sp-quote h4,.dv-receipt-head,.co-kicker){font-family:'IBM Plex Sans Arabic','DM Mono',monospace;text-transform:none}
html[lang=ar] .eyebrow{font-size:13px;font-weight:500}
html[lang=ar] .footer-bottom{font-size:12px}
html[lang=ar] .hero h1{line-height:1.25!important}
html[lang=ar] .hero h1 em{padding:0 .04em .2em;margin-bottom:-.2em}
html[lang=ar] :is(input,textarea,select,button){font-family:inherit}
/* Numéros, e-mails et téléphones gardent le sens gauche-droite */
html[lang=ar] :is(input[type=tel],input[type=email],.dv-total b,#mTotal,.price,.pr span,.vars em){direction:ltr;unicode-bidi:isolate}
html[lang=ar] input[type=tel],html[lang=ar] input[type=email]{text-align:right}

/* ─── Flèches et icônes directionnelles ─── */
html[dir=rtl] :is(.lucide-arrow-up-right,.lucide-arrow-right,.lucide-arrow-left,.lucide-send,.lucide-chevron-right,.lucide-chevron-left){transform:scaleX(-1)}

/* ─── Mise en page : propriétés « gauche/droite » du thème ─── */
html[dir=rtl] .brand img{object-position:right}
html[dir=rtl] .pj-card,html[dir=rtl] .pf-item{text-align:right}
html[dir=rtl] .tile .k .new{margin-left:0;margin-right:6px}
html[dir=rtl] .flag-dz{transform-origin:88% 50%}
html[dir=rtl] .hud.tl{right:auto;left:var(--gutter)}
html[dir=rtl] .hud.bl{left:auto;right:var(--gutter)}
html[dir=rtl] .holo-fallback{right:auto;left:8%}
html[dir=rtl] .wa-float{right:auto;left:18px}
html[dir=rtl] .sara-fab{right:auto;left:18px;padding:6px 6px 6px 16px}
html[dir=rtl] .sara-panel{right:auto;left:18px}
@media (max-width:520px){html[dir=rtl] .sara-panel{left:0}html[dir=rtl] .sara-fab{padding:5px}}
html[dir=rtl] .pv-close{float:left}
html[dir=rtl] .reel-card .toggle{right:auto;left:14px}
html[dir=rtl] .reel-card .tag{left:auto;right:16px}
html[dir=rtl] .post .net{left:auto;right:12px}
/* Devis */
html[dir=rtl] .svc .tick{right:auto;left:16px}
html[dir=rtl] .svc b{padding-right:0;padding-left:34px}
html[dir=rtl] .vars button{align-items:flex-start}
html[dir=rtl] .dv-doc th{text-align:right}
html[dir=rtl] .dv-doc td.n,html[dir=rtl] .dv-doc th.n{text-align:left}
html[dir=rtl] .dv-doc .sum{margin-left:0;margin-right:auto}
/* SaraStore */
html[dir=rtl] .store-brand img{object-position:center}
html[dir=rtl] .hero-stats div{border-left:0;border-right:1px solid var(--line);padding-left:0;padding-right:12px}
@media(min-width:801px){html[dir=rtl] .hero-object{right:auto;left:40px}}
html[dir=rtl] .how-grid>div{padding:25px 0 5px 35px;border-right:0;border-left:1px solid rgba(37,21,37,.25)}
html[dir=rtl] .how-grid>div+div{padding-left:35px;padding-right:28px}
html[dir=rtl] .how-grid>div:last-child{border:0}
html[dir=rtl] .store-footer img{object-position:right}
html[dir=rtl] .filters button span{margin-left:0;margin-right:5px}
@media(max-width:800px){
  html[dir=rtl] .how-grid>div,html[dir=rtl] .how-grid>div+div{border-left:0;padding:22px 0}
}
/* Les visuels de produits (couvertures en anglais/français) restent de gauche à droite */
html[dir=rtl] :is(.product-art,.ebook-3d,.object-card,.burst,.store-belt){direction:ltr}
html[dir=rtl] .product-art [dir=rtl]{direction:rtl}
/* Bandeaux défilants : animation conçue de gauche à droite */
html[dir=rtl] :is(.ticker,.wall,.film){direction:ltr}
html[dir=rtl] :is(.ticker,.wall) span{direction:rtl}
html[dir=rtl] .skip{left:auto;right:-999px}
html[dir=rtl] .skip:focus{right:8px}
html[dir=rtl] .hp{left:auto;right:0;clip-path:inset(50%);opacity:0}
html[dir=rtl] .footer-bottom>span:first-child{direction:ltr;unicode-bidi:isolate}
html[lang=ar] *{text-transform:none!important}
/* Débordements décoratifs (auréoles, orbites) : coupés sans créer de défilement horizontal */
html[dir=rtl],html[dir=rtl] body{overflow-x:clip}
html[dir=rtl] .store-aurora.aurora-a{right:0}
html[dir=rtl] .store-aurora.aurora-b{left:0}
html[dir=rtl] .store-aurora{max-width:100vw}