/* Police arabe hébergée sur le site (licence SIL OFL) */
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:300 600;font-display:swap;src:url(../fonts/noto-kufi-arabic-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-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:'Noto Kufi Arabic';font-style:normal;font-weight:300 600;font-display:swap;src:url(../fonts/noto-kufi-arabic-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* =====================================================================
   Jossour — version arabe (droite à gauche).
   Chargée uniquement sur /ar, après jossour.css : n'inverse que ce qui dépend du sens de lecture.
   ===================================================================== */

/* --- Typographie arabe --- */
[dir="rtl"]{
  --f-display:"Noto Kufi Arabic","Reem Kufi","Geeza Pro",Tahoma,sans-serif;
  --f-body:"Noto Kufi Arabic","Segoe UI",Tahoma,sans-serif;
}
[dir="rtl"] body{font-size:16px;line-height:1.85}
/* L'espacement entre lettres casse la liaison des lettres arabes */
[dir="rtl"] *,[dir="rtl"] *::before,[dir="rtl"] *::after{letter-spacing:0!important}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3{line-height:1.4;font-weight:500}
[dir="rtl"] .hero h1{line-height:1.25}
[dir="rtl"] .lang-sel{font-family:var(--f-body)}

/* Chiffres, téléphones, e-mails et prix restent écrits de gauche à droite */
[dir="rtl"] .js-tel-txt,[dir="rtl"] input[type="tel"],[dir="rtl"] input[type="email"],[dir="rtl"] a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate}
[dir="rtl"] input[type="tel"],[dir="rtl"] input[type="email"]{text-align:right}
[dir="rtl"] .iti{direction:ltr}

/* --- En-tête --- */
[dir="rtl"] .hdr nav{margin-left:0;margin-right:auto}
[dir="rtl"] .hdr nav a::after{left:100%;right:0;transition:left .35s var(--ease)}
[dir="rtl"] .hdr nav a:hover::after{left:0;right:0}
[dir="rtl"] .burger{margin-left:0;margin-right:0}

/* --- Accueil : le voile sombre passe du côté du texte (à droite) --- */
[dir="rtl"] .hero::before{background:linear-gradient(270deg,rgba(20,26,14,.86) 0%,rgba(20,26,14,.55) 45%,rgba(20,26,14,.12) 75%),linear-gradient(0deg,rgba(20,26,14,.7) 0%,transparent 40%),linear-gradient(180deg,rgba(20,26,14,.55) 0%,transparent 22%)}
[dir="rtl"] .final::before{background:linear-gradient(270deg,rgba(20,26,14,.92),rgba(20,26,14,.7) 55%,rgba(20,26,14,.45))}

/* --- Boutons : flèches orientées vers la gauche --- */
[dir="rtl"] .btn svg,[dir="rtl"] .sheet-toggle b svg{transform:scaleX(-1)}
[dir="rtl"] .btn:hover svg{transform:scaleX(-1) translateX(5px)}

/* --- Formulaires --- */
[dir="rtl"] .field label{left:auto;right:15px}
[dir="rtl"] .field select{background-position:left 14px center;padding-right:15px;padding-left:36px}
[dir="rtl"] .lead-card.is-docked .sheet-toggle{text-align:right}
[dir="rtl"] .lead-card.is-docked .rc{transform-origin:100% 0}
@media (min-width:1081px){
  /* Formulaire fixe : colonne à gauche, le contenu lui laisse la place de ce côté */
  [dir="rtl"] .lead-card.is-docked{right:auto;left:24px}
  [dir="rtl"].js main > :is(#histoire,#appartements,#galerie,#localisation,#faq),
  .js[dir="rtl"] main > :is(#histoire,#appartements,#galerie,#localisation,#faq){padding-right:0;padding-left:388px}
}

/* --- Du plan à la réalité : l'image n'est pas inversée, les étiquettes restent ancrées sur leur point --- */
[dir="rtl"] .story__pins{direction:ltr}
[dir="rtl"] .pin>span{direction:rtl}
[dir="rtl"] .story__cart{right:auto;left:14px}
[dir="rtl"] .story__cap{inset:0 0 auto auto}
[dir="rtl"] .story__steps button{text-align:right}
[dir="rtl"] .story__steps i::after{transform-origin:right}
@media (max-width:760px){[dir="rtl"] .story__cart{left:10px;right:10px}}

/* --- Appartements --- */
[dir="rtl"] .typo__media figcaption{left:auto;right:16px}
[dir="rtl"] .plan{right:auto;left:14px}
[dir="rtl"] .plan__hd>span{margin-right:0;margin-left:auto}
@media (max-width:760px){[dir="rtl"] .plan{left:8px;right:auto}}

/* --- Galerie horizontale : la bande part de la droite (photo 01) et défile dans le sens de lecture arabe --- */
[dir="rtl"] .gal button::after{left:auto;right:12px}
[dir="rtl"] .hgal__track{margin-inline-start:0}
[dir="rtl"] .hgal__bar i{transform-origin:right}

/* --- Visionneuse --- */
[dir="rtl"] .lb .x{right:auto;left:16px}
[dir="rtl"] .lb .pv{left:auto;right:16px}
[dir="rtl"] .lb .nx{right:auto;left:16px}
[dir="rtl"] .lb .pv svg,[dir="rtl"] .lb .nx svg{transform:scaleX(-1)}

/* --- Carte : Leaflet fonctionne de gauche à droite ; les étiquettes arabes s'y affichent normalement --- */
[dir="rtl"] .leaflet-container{direction:ltr}
[dir="rtl"] .lmk>span{unicode-bidi:plaintext}
[dir="rtl"] .map .recenter{left:auto;right:14px}
[dir="rtl"] .map .open{right:auto;left:14px}

/* --- Questions / réponses --- */
[dir="rtl"] .faq summary{padding:22px 0 22px 40px}
[dir="rtl"] .faq summary::after{right:auto;left:6px}
[dir="rtl"] .faq summary:hover{padding-left:40px;padding-right:8px}

/* --- Bouton de contact flottant et fenêtre --- */
[dir="rtl"] .fab{right:auto;left:20px}
[dir="rtl"] .fab__menu{right:auto;left:0}
[dir="rtl"] .fab__label{right:auto;left:calc(100% + 10px)}
[dir="rtl"] .modal__x{right:auto;left:12px}
@media (max-width:760px){
  [dir="rtl"] .fab{left:14px;right:auto}
  [dir="rtl"] .fab__menu{left:2px;right:auto}
}
@media (max-width:1180px){
  [dir="rtl"] .hdr__tel{margin-left:0;margin-right:auto}
}
[dir="rtl"] .lang-sel summary{direction:ltr}
/* Exemple d'e-mail en arabe affiché de droite à gauche ; l'adresse saisie repasse de gauche à droite */
[dir="rtl"] input[type="email"]:placeholder-shown{direction:rtl}