/* Birleşik dil + para birimi menüsü ve dil sayfalarına özel ayarlar (davranış: /para.js).
   Yüklendiği sayfalar: ana sayfa, hakkımızda, iletişim ve bunların /en/, /ar/, /ru/ karşılıkları. */
.dp { position: relative; width: max-content; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
.dp summary {
  list-style: none; cursor: pointer; display: flex; align-items: center; gap: 6px;
  min-height: 34px; padding: 0 10px 0 8px; border-radius: 999px;
  background: #FAF7F2; border: 1px solid #E2D9CD; color: #2A2A2A;
  font-size: 13px; font-weight: 700; white-space: nowrap; -webkit-tap-highlight-color: transparent;
}
.dp summary::-webkit-details-marker { display: none; }
.dp summary:hover { background: #EFE7DC; }
.dp-bayrak { display: flex; }
/* Satır içi SVG bayraklar (her cihazda aynı görünür) */
.dp-bayrak svg, .dp-ikon svg { display: block; width: 21px; height: 14px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .12); }
.dp-ikon svg { margin: 0 auto; }
.dp-ok { color: #6A625A; transition: transform .15s; }
.dp[open] .dp-ok { transform: rotate(180deg); }
.dp-panel {
  position: absolute; top: calc(100% + 6px); inset-inline-end: 0; z-index: 20;
  width: 240px; max-height: min(70vh, 520px); overflow-y: auto; padding: 8px;
  background: #FAF7F2; border: 1px solid #E2D9CD; border-radius: 16px;
  box-shadow: 0 12px 32px rgba(60, 45, 30, .16); text-align: start;
}
.dp-baslik { margin: 6px 8px 4px; font-size: 11px; font-weight: 700; letter-spacing: 1px; color: #7A7168; }
.dp-liste { list-style: none; margin: 0; padding: 0; }
.dp-liste li[hidden] { display: none; }
.dp-liste a, .dp-liste button {
  display: flex; align-items: center; gap: 10px; width: 100%; min-height: 40px; padding: 0 10px;
  border: 0; border-radius: 10px; background: none; color: #2A2A2A; cursor: pointer;
  font: 600 14px system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; text-align: start; text-decoration: none;
}
html[lang="ar"] .dp-liste a, html[lang="ar"] .dp-liste button { font-family: 'Noto Sans Arabic', 'Segoe UI', Tahoma, 'Geeza Pro', Arial, sans-serif; }
.dp-liste a:hover, .dp-liste button:hover { background: #EFE7DC; }
.dp-ikon { width: 22px; flex-shrink: 0; text-align: center; font-size: 17px; line-height: 1; }
.dp-ad { flex-grow: 1; }
.dp-tik { visibility: hidden; color: #1E7A46; font-weight: 800; }
.dp-liste a[aria-current="page"] .dp-tik, .dp-liste button[aria-pressed="true"] .dp-tik { visibility: visible; }
.dp-liste a[aria-current="page"], .dp-liste button[aria-pressed="true"] { background: #EAE2D7; }
.dp [data-dp-para-bolum] { margin-top: 4px; padding-top: 4px; border-top: 1px solid #E2D9CD; }
.dp [data-dp-para-bolum][hidden] { display: none; }

/* Ana sayfa (mobil): kapağın üst köşesi — Arapçada sol üst */
.dil-kapak { position: absolute; top: calc(4px + env(safe-area-inset-top, 0px)); inset-inline-end: 14px; z-index: 6; }
.dil-kapak summary { min-height: 32px; }
@media (min-width: 900px) { .dil-kapak { display: none; } }
/* Hakkımızda / iletişim: markanın üstünde ortada, panel ortalı açılır */
.dil-doc { margin: 0 auto 14px; }
.dil-doc .dp-panel { inset-inline-end: auto; left: 50%; transform: translateX(-50%); }

/* Yabancı para seçiliyken "Yaklaşık — TL olarak tahsil edilir" notu */
.para-not { margin: -4px 0 0; font-size: 12px; line-height: 1.4; color: #6A625A; text-align: center; }
.para-not[hidden] { display: none; }
.rooms-page .para-not { margin: 4px 0 0; }

/* Arapça: sistem Arapça yazı tipleri (CDN yok), satır aralığı biraz daha geniş */
html[lang="ar"] {
  --serif: 'Noto Naskh Arabic', 'Geeza Pro', 'Traditional Arabic', 'Times New Roman', serif;
  --sans: 'Noto Sans Arabic', 'Segoe UI', Tahoma, 'Geeza Pro', Arial, sans-serif;
}
html[lang="ar"] body, html[lang="ar"] .site-footer { font-family: var(--sans); }
html[lang="ar"] .page-num { font-style: normal; }
html[lang="ar"] .sub, html[lang="ar"] .steps p, html[lang="ar"] .faq-item p, html[lang="ar"] .faq-item summary,
html[lang="ar"] .doc p, html[lang="ar"] .doc li { line-height: 1.7; }
/* Sağdan sola: yön oku ve liste girintisi aynalanır */
[dir="rtl"] .swipe svg { transform: scaleX(-1); }
[dir="rtl"] .doc ul, [dir="rtl"] .doc ol { padding-left: 0; padding-right: 20px; }
/* Masaüstü menü dar genişlikte sığsın: marka yazısı gizlenir (menü + dil/para menüsü + buton kalır) */
@media (min-width: 900px) and (max-width: 959px) { .site-brand { display: none; } }
/* Rusça menü etiketleri daha uzun: marka yazısı 1200px altında gizlenir */
@media (min-width: 900px) and (max-width: 1199px) { html[lang="ru"] .site-brand { display: none; } }