/* 29/10/2026 George — 12 νέες γλώσσες UI (es de it pt nl pl ro ru tr ar zh ja). Φορτώνεται τελευταίο.
   ΜΟΝΟ παρουσίαση και ΜΟΝΟ για τις νέες γλώσσες / dir=rtl: en, el, sq, fr, hi δεν αλλάζουν σε τίποτα.
   1. Μακριές λέξεις (de/nl/ru…): συλλαβισμός από το <html lang> + σπάσιμο αντί για οριζόντια κύλιση.
   2. Αραβικά/κινέζικα/ιαπωνικά: το Commissioner δεν τα έχει → γραμματοσειρές του συστήματος, πριν από το Arial του fallback.
   3. Αραβικά (dir=rtl, από το boot του index.html): στήλη δεξιά, συρτάρι από δεξιά, βελάκια ανάποδα. */

/* 1 */
:root:is(:lang(es),:lang(de),:lang(it),:lang(pt),:lang(nl),:lang(pl),:lang(ro),:lang(ru),:lang(tr)) body{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}

/* 2 */
:root:lang(ar){--font:'Commissioner','Noto Sans Arabic','Geeza Pro','Segoe UI','Tahoma',-apple-system,BlinkMacSystemFont,sans-serif}
:root:lang(ja){--font:'Commissioner','Hiragino Sans','Hiragino Kaku Gothic ProN','Yu Gothic UI','Meiryo','Noto Sans JP','Noto Sans CJK JP',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
:root:lang(zh){--font:'Commissioner','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC','Noto Sans CJK SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
/* η αραβική γραφή είναι συνεχής: χωρίς αραιό/πυκνό tracking ανάμεσα στα γράμματα */
[dir=rtl] body,[dir=rtl] body *{letter-spacing:normal!important}

/* 3 — βελάκια (πίσω/μπρος, ›, προηγούμενη/επόμενη εκδοχή) δείχνουν προς την άλλη μεριά */
[dir=rtl] svg:has(>path:is([d^="m14 5-7 7 7 7"],[d^="m9 5 7 7-7 7"],[d^="M15 18l-6-6 6-6"],[d^="M9 18l6-6-6-6"],[d^="m15 6-6 6 6 6"],[d^="m9 6 6 6-6 6"],[d^="M19 12H5M11 6"],[d^="M5 12h14M13 6"])){transform:scaleX(-1)!important}
/* συρτάρι του κινητού: μπαίνει από δεξιά */
[dir=rtl] .drawer{animation-name:noa-slide-rtl}
[dir=rtl] .overlay.is-closing .drawer{animation-name:noa-drawer-close-rtl}
[dir=rtl] #nvDrawer{border-radius:22px 0 0 22px}
@keyframes noa-slide-rtl{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes noa-drawer-close-rtl{to{opacity:0;transform:translateX(12px)}}
/* 01/11 George (W7): το X κλεισίματος ΟΛΩΝ των φύλλων (.close-sheet: attach, δημιουργία, όριο/guest, λογαριασμός, γλώσσα, επιλογές μηνύματος…) πάει αριστερά, γιατί ο τίτλος αρχίζει δεξιά. Ίδιες αποστάσεις με το ltr. Το συρτάρι (.drawer-head, flex) γυρίζει ήδη μόνο του. */
[dir=rtl] .close-sheet{right:auto;left:13px}
@media(min-width:950px){
  /* η στήλη στα δεξιά, το περιεχόμενο αριστερά της */
  [dir=rtl] .design-rail{inset:0 0 0 auto;border-right:0;border-left:1px solid var(--hair)}
  :root[dir=rtl]:not([data-theme="dark"]) .design-rail{border-left-color:#e6e8e3}
  [dir=rtl] .app{margin-left:0;margin-right:var(--rail-width,248px);transition:margin-right .22s ease,width .22s ease}
  [dir=rtl] .design-rail~.app .overlay{inset:0 var(--rail-width) 0 0}
  [dir=rtl] .design-rail~.app .drawer{box-shadow:-10px 0 35px #15261b0c}
  [dir=rtl] .design-rail~.app .sheet .close-sheet{right:auto;left:18px}
  [dir=rtl] .call-m.is-desk{left:0;right:var(--rail-width,248px)}
  [dir=rtl] body:has(.call-m.is-desk) .mock-toast{left:24px;right:calc(var(--rail-width,248px) + 24px)}
  /* μαζεμένη στήλη: η ετικέτα-tooltip βγαίνει αριστερά */
  [dir=rtl] body.desktop-nav-collapsed :is(#nvRail .nv-row>.l,#nvRail .nv-rc>.l,#nvRail .nv-more>.l,#nvRail .nv-gear>.l,#nvRail .nv-acct>span:last-child,.design-rail .rail-toggle>.l){left:auto;right:calc(100% + 10px)}
}

/* 01/11 (W7): ο μακρύς τίτλος ενός sheet δεν περνά κάτω από το X (ltr και rtl· π.χ. guest wall στα 390) */
.sheet:has(.close-sheet) h2{padding-inline-end:40px}