/*
 | Right-to-left overrides — loaded ONLY on Hebrew pages.
 |
 | The Webflow theme was designed for left-to-right languages, so its CSS
 | pins things to the left and aligns text to the left. Hebrew reads the
 | other way round. Rather than rewrite the whole theme, this file flips the
 | handful of rules a reader actually notices: reading direction, text
 | alignment, the navigation order and the dropdowns.
 |
 | Every rule is scoped to [dir="rtl"], which ThemeHtml only ever puts on
 | Hebrew pages. English, Spanish and Russian are therefore untouched.
 |
 | Deliberately NOT flipped: hero images, decorative background positions and
 | the carousels. Mirroring those needs a full design pass and would risk
 | breaking the shared layout used by all four languages.
 */

/* ---------------------------------------------------------------------------
 | 1. Base direction
 | -------------------------------------------------------------------------*/

[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}

/* Numbers, prices, e-mail addresses, phone numbers and URLs stay
   left-to-right even inside Hebrew text. Without this a price like "€120"
   can render with the symbol on the wrong side. */
[dir="rtl"] .text-block-59,
[dir="rtl"] a[href^="tel:"],
[dir="rtl"] a[href^="mailto:"] {
    direction: ltr;
    unicode-bidi: embed;
}

/* ---------------------------------------------------------------------------
 | 2. Navigation
 | -------------------------------------------------------------------------*/

/* The header is a flex row; reversing it moves the logo to the right and the
   menu to the left, which is where a Hebrew reader expects them. */
[dir="rtl"] .square-menu-with-centered-links-inner,
[dir="rtl"] .spark-centered-nav-menu {
    flex-direction: row-reverse;
}

/* The mobile menu button sits at the opposite edge. */
[dir="rtl"] .spark-simple-menu-button-2 {
    margin-right: auto;
    margin-left: 0;
}

/* ---------------------------------------------------------------------------
 | 3. Language switcher
 | -------------------------------------------------------------------------*/

/* The dropdown is absolutely positioned from the left in the theme. Anchor it
   to the right instead so it opens inside the viewport on Hebrew pages. */
[dir="rtl"] .dropdown-list-2.w-dropdown-list {
    right: 0;
    left: auto;
}

[dir="rtl"] .language-toggle,
[dir="rtl"] .div-block-266 {
    flex-direction: row-reverse;
}

/* ---------------------------------------------------------------------------
 | 4. Content blocks
 | -------------------------------------------------------------------------*/

/* Bullet and numbered lists need their markers on the right. */
[dir="rtl"] ul,
[dir="rtl"] ol {
    padding-right: 1.25rem;
    padding-left: 0;
}

/* Rich text coming from the admin panel (tour "about", page bodies). */
[dir="rtl"] .rich-text,
[dir="rtl"] .paragraph,
[dir="rtl"] .w-richtext {
    text-align: right;
}

/* Footer columns read right-to-left too. */
[dir="rtl"] .uui-footer03_link-list,
[dir="rtl"] .uui-footer03_bottom-wrapper {
    text-align: right;
}

/* ---------------------------------------------------------------------------
 | 5. Database-rendered pages (resources/views/layouts/theme.blade.php)
 | -------------------------------------------------------------------------*/

[dir="rtl"] .db-section,
[dir="rtl"] .db-card,
[dir="rtl"] .db-tour-card-body,
[dir="rtl"] .db-faq summary {
    text-align: right;
}

/* Price rows are a two-column flex layout: swap the label and the amount. */
[dir="rtl"] .db-price-row {
    flex-direction: row-reverse;
}

[dir="rtl"] .db-notes li {
    text-align: right;
}