/* DeadSea.com Arabic homepage (v3, 2026-10-21). Loaded only on AR page 4737, after homepage-editorial-v3-20261018.css
   (homepage.php AR branch). Every rule is scoped to .ds-home-ar, which templates/homepage-editorial-v3-20261018.php:33 adds
   to the body wrapper together with dir="rtl" lang="ar". Mirrors the physical left/right rules of the v3 stylesheet. */

/* 1. Arabic font stack (system fonts, no new downloads). Poppins (Latin only) stays first so Latin names keep the EN look. */
.ds-home-ar{--ds-ar-font:Poppins,"Noto Sans Arabic","Segoe UI","Geeza Pro","Arabic UI Text",Tahoma,Arial,sans-serif}
.ds-home-ar,.ds-home-ar *{font-family:var(--ds-ar-font)!important}
.ds-home-ar svg text{font-family:var(--ds-ar-font)}
/* Letter-spacing breaks Arabic joining; uppercase does not apply. */
.ds-home-ar *{letter-spacing:normal!important}
.ds-home-ar .label,.ds-home-ar .country-heading span,.ds-home-ar .footer h2{text-transform:none}
.ds-home-ar h1,.ds-home-ar h2,.ds-home-ar h3,.ds-home-ar h4,.ds-home-ar .lead-story .story-title{line-height:1.4}
.ds-home-ar .label{font-size:12px}
.ds-home-ar .country-heading span{font-size:12px}

/* 2. Physical left/right from the v3 stylesheet, mirrored */
.ds-home-ar .skip{left:auto;right:20px}
.ds-home-ar .language-box{right:auto;left:0}
.ds-home-ar .hero-caption{right:auto;left:30px}
.ds-home-ar .question-strip a{border-right:0;border-left:1px solid #c6cec6}
.ds-home-ar .question-strip a:first-child{padding-left:18px;padding-right:0}
.ds-home-ar .question-strip a:last-child{border:0;padding-right:18px;padding-left:0}
.ds-home-ar .season-tabs button{border-right:0;border-left:1px solid #9eaea5}
.ds-home-ar .season-tabs button:last-child{border:0}
.ds-home-ar .faq details p{padding:0 0 20px 28px}
.ds-home-ar .footer-bottom a{margin-left:0;margin-right:15px}
@media(max-width:800px){
 .ds-home-ar .dropdown{padding:14px 14px 14px 0}
 .ds-home-ar .hero-caption{right:auto;left:12px}
 .ds-home-ar .question-strip a:first-child{padding-left:10px;padding-right:10px}
 .ds-home-ar .question-strip a:last-child{padding-right:10px;padding-left:10px}
 .ds-home-ar .question-strip a:nth-child(3){border:0}
 .ds-home-ar .footer-bottom a{margin:0 0 0 15px}
}

/* 3. Direction-bearing icons: the forward arrow (M3 10h13 M11 4l6 6-6 6) points right; in RTL it must point left.
   The search magnifier is excluded; the menu bars and the down arrow are symmetric. */
.ds-home-ar .arrow{transform:scaleX(-1)}
.ds-home-ar #search-toggle .arrow{transform:none}

/* 4. Orientation map: SVG text-anchor start/end follow the inline direction. Keep the diagram's LTR geometry so the
   Arabic labels stay where the EN labels are (Arabic shaping is unaffected). */
.ds-home-ar .orientation>svg{direction:ltr}

/* 5. Travel news bar injected by the template (:37-53); its own styles use physical left/right. */
.ds-home-ar .deadsea-travel-news__inner{padding:0 24px 0 8px}
.ds-home-ar .deadsea-travel-news__cta>span[aria-hidden]{display:inline-block;transform:scaleX(-1)}
@media(max-width:767px){
 .ds-home-ar .deadsea-travel-news__inner{padding:0 14px 0 4px}
 .ds-home-ar .deadsea-travel-news__cta{margin-left:0;margin-right:auto}
}
@media(max-width:782px){body.admin-bar.home .ds-home-ar .deadsea-travel-news__dismiss{margin-right:0;margin-left:48px}}

/* 6. EN-only destinations (homepage.php:71-73 marks them data-deadsea-language-fallback="en-US"): visible notice,
   as on the previous AR homepage (homepage-ar.css:22). The bar CTA already says so in its text. */
.ds-home-ar a[data-deadsea-language-fallback="en-US"]:not(.deadsea-travel-news__link)::after{content:" (بالإنجليزية)";font-size:.75em;font-weight:400;white-space:normal;order:1}
.ds-home-ar a[data-deadsea-language-fallback="en-US"]>svg{order:2}
.ds-home-ar .dropdown-links a[data-deadsea-language-fallback="en-US"]::after{margin-inline-end:auto}