/* RTL overrides for language pages with dir="rtl" (docs/I18N.md §4.1). Loaded on /ar/ pages only.
   Mirrors the physical left/right rules of index.html until lane 7's logical-properties pass (MASTER-TODO 7a.0); delete a rule
   here once its source rule uses logical properties. */
[dir=rtl] body{font-family:system-ui,-apple-system,'Segoe UI',Tahoma,'Geeza Pro','Noto Naskh Arabic','Arabic Typesetting',sans-serif;letter-spacing:0}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4{font-family:inherit;letter-spacing:0;line-height:1.35}
[dir=rtl] .answer-block,[dir=rtl] .detail-section p,[dir=rtl] .faq-a{line-height:1.9}

/* Header, nav, search; the brand stays LTR ("SaudiActivities" is two spans) */
[dir=rtl] .logo,[dir=rtl] .footer-brand{direction:ltr}
[dir=rtl] .nav-desktop .saved-count{right:auto;left:-10px}
[dir=rtl] .mobile-nav-close{right:auto;left:16px}
[dir=rtl] .header-search-icon{left:auto;right:12px}
[dir=rtl] .header-search-input{padding-left:14px;padding-right:38px}
[dir=rtl] .header-search .autosuggest{right:0;left:auto}
[dir=rtl] .lang-switch{font-family:var(--font-body)}

/* Cards and activity page */
[dir=rtl] .card-badge{left:auto;right:12px}
[dir=rtl] .card-heart{right:auto;left:12px}
[dir=rtl] .seo-intro-section{border-left:0;padding-left:0;border-right:3px solid var(--c-primary);padding-right:16px}
[dir=rtl] .faq-q .chevron{margin-left:0;margin-right:12px}
[dir=rtl] .review-card::before{left:auto;right:0}
[dir=rtl] .quick-fact-value{text-align:left}
[dir=rtl] .reviews-bar-row span:first-child{text-align:left}
[dir=rtl] .detail-section ul{padding-left:0;padding-right:20px}
[dir=rtl] .partner-label svg,[dir=rtl] .included-item svg,[dir=rtl] .trust-item svg{flex-shrink:0}
[dir=rtl] .partner-label svg{width:16px;height:16px;vertical-align:-3px}

/* Booking modal and confirmation */
[dir=rtl] .modal-close{right:auto;left:16px}
[dir=rtl] .rtb-total-breakdown{text-align:left}
[dir=rtl] .confirm-detail-value{text-align:left}
[dir=rtl] .confirm-details{text-align:right}
[dir=rtl] .whatsapp-confirm-time{text-align:right}
[dir=rtl] .phone-row{direction:ltr}
[dir=rtl] #bk-email,[dir=rtl] #bk-phone,[dir=rtl] .ref-code{direction:ltr;text-align:right}

/* Floating button, sticky bar */
[dir=rtl] .wa-float{right:auto;left:24px}
@supports (bottom:env(safe-area-inset-bottom)){[dir=rtl] .wa-float{right:auto;left:calc(24px + env(safe-area-inset-left))}}