/* Samui Journey 2026 - language pages (DE / FR / HE), v1.0.8.
   Loaded after catamaran.css + plan.css (catamaran page) or article.css + guide.css (Pig Island guide).
   The wrapper carries "sj-x-lang"; Hebrew pages have <html lang="he" dir="rtl"> (fonts and the shell are in base.css). */
.sj-x-lang h1,.sj-x-lang h2,.sj-x-lang h3{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
.sj-x-lang .txt{margin:16px 0 0;font-size:17px;line-height:1.75;color:#2E4349}
.sj-x-lang .note{margin:4px 0 0;font-size:14px;line-height:1.6;color:#4A5D63}
.sj-x-lang .two .stack{display:flex;flex-direction:column;gap:20px}
.sj-x-lang .list li span{min-width:0}
.sj-x-lang .book .pnote{margin:12px 0 0;font-size:13px;line-height:1.55;color:#4A5D63}
.sj-x-lang .book .micro{margin:10px 0 0;font-size:13px;line-height:1.55;color:#4A5D63;text-align:center}
.sj-x-lang .mbar-l{font-size:12px;font-weight:600;color:#4A5D63}
.sj-x-lang .mbar-p{font-size:24px;font-weight:700;line-height:1.1}
.sj-x-article.sj-x-lang .mbar-p{font-size:22px}
.sj-x-lang .mbar .btn{white-space:nowrap}
.sj-x-lang .card .micro{margin-top:10px;font-size:13px}
.sj-x-lang .crumb a[hreflang="en"]{text-decoration:underline;text-underline-offset:3px}
/* sticky sub-nav: price and button stay on one line; the tab strip scrolls instead */
.sj-x-lang .sub-cta{flex:none}
.sj-x-lang .sub-cta span,.sj-x-lang .sub-cta .btn{white-space:nowrap}
@container (max-width: 600px){
.sj-x-lang .txt{font-size:16px}
.sj-x-lang .mbar{gap:12px}
.sj-x-lang .mbar .btn{padding:0 18px;font-size:14px}
.sj-x-lang .mbar-p{font-size:21px}
}

/* RTL (Hebrew): logical alignment for the few rules the trip and article CSS set with left/right */
[dir="rtl"] .sj-x-lang :is(.pick th,.acc-btn,.facts th,.sj-facts th,.entry table th){text-align:right}
[dir="rtl"] .sj-x-lang .body :is(ul,ol),[dir="rtl"] .sj-x-lang .toc ol{padding-left:0;padding-right:22px}
[dir="rtl"] .sj-x-lang .faq details > :is(ul,ol){padding-left:22px;padding-right:44px}
[dir="rtl"] .sj-x-lang .entry blockquote:not(.sj-quick){padding:6px 24px 6px 0;border-left:0;border-right:3px solid #BF0808}
[dir="rtl"] .sj-x-lang .entry .sj-cta{border-left:1px solid rgba(15,42,51,0.1);border-right:3px solid #BF0808;padding:14px 14px 14px 18px}
[dir="rtl"] .sj-x-lang p,[dir="rtl"] .sj-x-lang li{line-height:1.75}
[dir="rtl"] .sj-x-lang .hero h1,[dir="rtl"] .sj-x-lang .head h1{line-height:1.2}
[dir="rtl"] .sj-x-lang bdi{unicode-bidi:isolate}

/* v1.0.13: every template has a language version. RTL mirrors for the remaining physical left/right rules. */
[dir="rtl"] .sj-x-home .cue{right:auto;left:48px}
[dir="rtl"] .sj-x-home .badge{left:auto;right:18px}
[dir="rtl"] .sj-x-home .rlink{margin-left:0;margin-right:auto}
[dir="rtl"] .sj-x-home .rlink::after{transform-origin:left}
[dir="rtl"] .sj-x-gallery .tile span{left:auto;right:14px}
[dir="rtl"] .sj-t-gallery .lb-x{right:auto;left:20px}
[dir="rtl"] .sj-t-gallery .lb-p{left:auto;right:20px}
[dir="rtl"] .sj-t-gallery .lb-f{right:auto;left:20px}
[dir="rtl"] .sj-t-gallery .lb-n svg{transform:scaleX(-1)}
[dir="rtl"] .sj-x-facts .answer{border-left:0;border-right:3px solid #0E5E63}
[dir="rtl"] .sj-x-lang :is(.ft th,.ft td,.cmp th,.cmp td){text-align:right}
[dir="rtl"] .sj-x-lang .rsum .rlink{margin-left:0;margin-right:auto}
/* English content inside a translated page (destination posts, the contact form): left to right */
.sj-x-lang [lang="en"][dir="ltr"]{text-align:left}
.sj-x-lang .entry[lang="en"] :is(ul,ol){padding-left:22px;padding-right:0}