/* KARANNI — Çok dil: dil menüsü, Arapça (RTL) düzeni ve uzun kelimeli diller (DE/RU) */

/* ---------- Dil menüsü ---------- */
.langs { position: relative; }
.langs__btn {
	min-width: 44px; height: 40px; padding: 0 10px; background: none; border: 1px solid transparent; color: inherit;
	font: 400 12px/1 var(--sans); letter-spacing: .2em; cursor: pointer; transition: border-color .3s;
}
.langs__btn::after { content: ""; display: inline-block; width: 5px; height: 5px; margin: 0 0 3px 8px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); }
.langs__btn:hover, .langs__btn[aria-expanded="true"] { border-color: rgba(217, 185, 141, .45); }
.langs__menu {
	position: absolute; top: calc(100% + 8px); right: 0; z-index: 60; min-width: 190px; margin: 0; padding: 8px; list-style: none;
	background: rgba(11, 7, 5, .96); border: 1px solid rgba(217, 185, 141, .25); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
.langs__menu[hidden] { display: none; }
.langs__menu a { display: flex; align-items: center; gap: 14px; padding: 11px 12px; color: rgba(243, 236, 225, .78); font: 300 15px/1 var(--sans); }
.langs__menu a b { font-weight: 400; font-size: 10px; letter-spacing: .2em; color: #d9b98d; width: 22px; }
.langs__menu a:hover, .langs__menu a[aria-current] { color: #f3ece1; background: rgba(217, 185, 141, .1); }
.nav:not(.is-solid) .langs__btn { text-shadow: 0 1px 12px rgba(0, 0, 0, .5); }
body:not(.lux):not(.is-home) .langs__menu { background: #f3ece1; border-color: rgba(29, 19, 12, .14); }
body:not(.lux):not(.is-home) .langs__menu a { color: #4a3a2e; }

.drawer__langs { display: flex; gap: 8px; margin-top: 28px; flex-wrap: wrap; }
.drawer__langs a { padding: 10px 14px; border: 1px solid rgba(243, 236, 225, .18); font: 400 12px/1 var(--sans); letter-spacing: .2em; }
.drawer__langs a[aria-current] { border-color: #d9b98d; color: #d9b98d; }

.curtain__langs { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; margin-top: 40px; opacity: 0; transition: opacity 1s; }
.curtain.is-ready .curtain__langs { opacity: 1; }
.curtain__langs a { font: 300 13px/1 var(--sans); color: rgba(243, 236, 225, .45); padding: 6px 2px; border-bottom: 1px solid transparent; transition: color .3s, border-color .3s; }
.curtain__langs a:hover { color: #f3ece1; }
.curtain__langs a[aria-current] { color: #d9b98d; border-color: rgba(217, 185, 141, .5); }

@media (max-width: 1100px) {
	.nav .langs { display: none; }
}

/* ---------- Uzun kelimeler (DE, RU) ---------- */
.lang-de .chap__title, .lang-ru .chap__title, .lang-de .lx-hero h1, .lang-ru .lx-hero h1, .lang-de .studio__panel h1, .lang-ru .studio__panel h1 { hyphens: auto; overflow-wrap: break-word; }
.lang-de .chap__title--xl, .lang-ru .chap__title--xl { font-size: clamp(46px, 7.4vw, 128px); }
.lang-ru .nav__links, .lang-de .nav__links { gap: 22px; }

/* ---------- Arapça ---------- */
.lang-ar {
	--serif: "Amiri", "Cormorant Garamond", serif;
	--sans: "Noto Kufi Arabic", "Jost", sans-serif;
}
/* Harf aralığı Arapça harflerin bağlanmasını bozar */
.lang-ar body *, .lang-ar .chap__eyebrow, .lang-ar .lx-eyebrow { letter-spacing: 0 !important; }
.lang-ar [dir="ltr"], .lang-ar [dir="ltr"] * { letter-spacing: revert !important; }
.lang-ar .nav__word, .lang-ar .curtain__word { letter-spacing: .34em !important; }
.lang-ar .foot__word { letter-spacing: .42em !important; font-family: "Cormorant Garamond", serif !important; }
.lang-ar .foot__sub { letter-spacing: .5em !important; font-family: "Jost", sans-serif !important; }
.lang-ar .foot__mono { font-family: "Cormorant Garamond", serif !important; }
.lang-ar .chap__title, .lang-ar .lx-hero h1, .lang-ar .studio__panel h1 { line-height: 1.25; font-weight: 400; }
.lang-ar .chap__title em, .lang-ar .lx-hero h1 em { font-style: normal; }
.lang-ar .w { padding-bottom: .25em; margin-bottom: -.25em; }
.lang-ar .chap__lead, .lang-ar .studio__desc, .lang-ar .lx-hero p { line-height: 1.9; }

/* ---------- Sağdan sola (RTL) düzeni ---------- */
[dir="rtl"] .langs__menu { right: auto; left: 0; }
[dir="rtl"] .langs__btn::after { margin: 0 8px 3px 0; }

/* Film: sol/sağ bölümler yer değiştirir */
[dir="rtl"] .chap--left { left: auto; right: var(--gutter); text-align: right; }
[dir="rtl"] .chap--right { right: auto; left: var(--gutter); text-align: left; }
[dir="rtl"] .chap--left .chap__eyebrow::before { margin: 0 0 3px 14px; }
[dir="rtl"] .chap--right .chap__eyebrow::after { display: none; }
[dir="rtl"] .chap--right .chap__eyebrow::before { content: ""; display: inline-block; width: 34px; height: 1px; background: currentColor; vertical-align: middle; margin: 0 0 3px 14px; }
[dir="rtl"] .chap--right .chap__lead { margin-left: 0; margin-right: auto; }
[dir="rtl"] .chap--left .chap__lead { margin-left: auto; }
[dir="rtl"] .chap__actions--left { justify-content: flex-start; }
[dir="rtl"] .chap--left::before { inset: -30% -45% -30% -40%; }
[dir="rtl"] .film__dots { right: auto; left: var(--gutter); }
[dir="rtl"] .film__dots a { justify-content: flex-start; flex-direction: row-reverse; }
[dir="rtl"] .film__dots a span { padding-right: 0; padding-left: 26px; }
[dir="rtl"] .film__dots a span::after { right: auto; left: 0; }
[dir="rtl"] .film__sound { left: auto; right: var(--gutter); }
[dir="rtl"] .fbtn__play { transform: scaleX(-1); }

/* İç sayfalar */
[dir="rtl"] .studio__panel { border-left: 0; border-right: 1px solid var(--hair); }
[dir="rtl"] .studio__dims { right: auto; left: 28px; text-align: left; }
[dir="rtl"] .lx-card__badge { left: auto; right: 14px; }
[dir="rtl"] .lx-card__more { right: auto; left: 14px; transform: scaleX(-1) translateY(8px); }
[dir="rtl"] .lx-card:hover .lx-card__more { transform: scaleX(-1); }
[dir="rtl"] .lx-facts li + li { padding-left: 0; padding-right: 20px; border-left: 0; border-right: 1px solid var(--hair); }
[dir="rtl"] .lx-facts li { padding: 28px 0 0 20px; }
[dir="rtl"] .lx-faq__item p { margin: 0 68px 0 0; }
[dir="rtl"] .wa { right: auto; left: 18px; }
@media (min-width: 721px) { [dir="rtl"] .foot__bottom { padding-right: 0; padding-left: calc(var(--gutter, 24px) + 170px); } }
[dir="rtl"] .skip { left: auto; right: 12px; }
[dir="rtl"] .lx-hero--center .lx-hero__copy { text-align: center; }

@media (max-width: 720px) {
	[dir="rtl"] .chap--left, [dir="rtl"] .chap--right { left: var(--gutter); right: var(--gutter); text-align: right; }
	[dir="rtl"] .film__sound { right: auto; left: var(--gutter); }
	[dir="rtl"] .studio__dims { left: 16px; }
	[dir="rtl"] .lx-facts li:nth-child(3) { padding-right: 0; border-right: 0; }
	[dir="rtl"] .lx-faq__item p { margin: 0 48px 0 0; }
}