/* Site public en arabe (html[dir=rtl]) : police, espacement des lettres, alignements et sens des icônes. */
html[lang="ar"] body, html[lang="ar"] input, html[lang="ar"] textarea, html[lang="ar"] select, html[lang="ar"] button {
    font-family: 'Tajawal', 'Atkinson Hyperlegible', 'Segoe UI', Tahoma, sans-serif;
}
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4, html[lang="ar"] h5, html[lang="ar"] h6,
html[lang="ar"] [class*="title"], html[lang="ar"] .best {
    font-family: 'Tajawal', 'Rufina', serif;
    font-weight: 700;
}
html[lang="ar"] * { letter-spacing: 0 !important; }
html[lang="ar"] { text-align: right; }
html[dir="rtl"] .container, html[dir="rtl"] p, html[dir="rtl"] li { text-align: right; }
html[dir="rtl"] .hero .container, html[dir="rtl"] .flet-container, html[dir="rtl"] .routes-title, html[dir="rtl"] .faqs2-container { text-align: center; }
/* champs techniques toujours LTR */
html[dir="rtl"] input[type="email"], html[dir="rtl"] input[type="tel"], html[dir="rtl"] input[type="url"], html[dir="rtl"] input[type="number"] { direction: ltr; text-align: right; }
html[dir="rtl"] input[type="email"]::placeholder, html[dir="rtl"] input[type="tel"]::placeholder { direction: rtl; }
html[dir="rtl"] .phone-line, html[dir="rtl"] .iti { direction: ltr; }
/* flèches / chevrons à retourner */
html[dir="rtl"] .btn-arrow, html[dir="rtl"] .hiw-chevron, html[dir="rtl"] .faq2-arrow, html[dir="rtl"] .arrow { transform: scaleX(-1); }
html[dir="rtl"] .specs, html[dir="rtl"] .price-row { direction: rtl; }
html[dir="rtl"] .footer-links, html[dir="rtl"] .footer-legal-wrapper { padding-right: 0; }
html[dir="rtl"] .footer-bottom .text-md-end { text-align: left !important; }
html[dir="rtl"] .footer-bottom .text-md-start { text-align: right !important; }
html[dir="rtl"] .tel-link a, html[dir="rtl"] a[href^="tel:"] { direction: ltr; unicode-bidi: embed; }
html[dir="rtl"] .gallery-grid, html[dir="rtl"] .yacht-grid { direction: rtl; }

/* Éléments positionnés à gauche dans la version LTR */
html[dir="rtl"] .badge-popular { left: auto; right: 16px; }
html[dir="rtl"] .yacht-card, html[dir="rtl"] .blog-card { text-align: right; }
html[dir="rtl"] .book-btn { margin-left: 0; margin-right: 16px; }