/* =================================================================
   RTL KATMANI — sağdan sola diller (ar)
   Yalnızca <html dir="rtl"> sayfalarda, style.css'ten SONRA yüklenir
   (views/layouts/main.php). Aynı sayfada Bootstrap'in resmi RTL
   derlemesi (bootstrap.rtl.min.css) kullanılır; ms-/me-, text-start,
   dropdown, offcanvas, carousel, form ve liste boşluklarını o aynalar.

   Burada yalnızca style.css'teki FİZİKSEL yön kuralları (left/right,
   margin-left, border-left, "to right" gradyan...) aynalanır. Flex ve
   grid düzenleri dir="rtl" ile kendiliğinden ters akar; onlara
   dokunulmaz. style.css'e yeni bir left/right kuralı eklenirse
   karşılığı bu dosyaya da eklenmelidir.

   İletişim barı satır içi stil kullanır; o mantıksal özelliklerle
   (inset-inline-end, border-inline-end) yazıldığı için ayrıca
   aynalanmaz (views/partials/contact-bar.php, ContactBar.php).
   ================================================================= */

/* -----------------------------------------------------------------
   Yazı tipi ve tipografi
   ----------------------------------------------------------------- */
/* Arapça glifi olan sistem yazı tipleri önce; Latin metin (otel adı,
   adres) aynı yığından gelir. Dış yazı tipi isteği yok. */
body {
    font-family: "Segoe UI", Tahoma, "Geeza Pro", "Noto Naskh Arabic", "Noto Sans Arabic",
                 system-ui, -apple-system, Arial, sans-serif;
    line-height: 1.8;
}

/* Arapça harfler birbirine bağlanır: harf aralığı bu bağları koparır.
   style.css'te çok sayıda etiket/başlık letter-spacing kullanır; tek
   kuralla hepsi sıfırlanır. (text-transform: uppercase Arapçayı etkilemez.) */
body *,
body *::before,
body *::after { letter-spacing: normal !important; }

/* Telefon numarası soldan sağa okunur: "+90 212 …" sağdan sola bağlamda
   "+" işareti sona kaymasın. (İletişim barı main/footer dışında; etkilenmez.) */
main a[href^="tel:"],
.site-footer a[href^="tel:"],
.topbar-link[href^="tel:"] span,
.offcanvas a[href^="tel:"] {
    direction: ltr;
    unicode-bidi: isolate;
}

/* Yön bildiren ikonlar aynalanır ("devamını oku →" sola bakar) */
.bi-arrow-right::before,
.bi-arrow-left::before,
.bi-chevron-right::before,
.bi-chevron-left::before,
.bi-box-arrow-up-right::before {
    display: inline-block;
    transform: scaleX(-1);
}

/* -----------------------------------------------------------------
   Genel
   ----------------------------------------------------------------- */
.skip-link { left: auto; right: .5rem; }

/* Bal küpü alanı ekran dışına SAĞA itilir: sağdan sola belgede sola taşma
   kaydırılabilir alan oluşturur (mobilde yatay kaydırma çıkar) */
.form-trap,
.newsletter-trap { left: auto; right: -9999px; }

/* Bölüm başlığı alt çizgisi başlığın başında (sağda) */
.section-title::after { left: auto; right: 0; }
.text-center .section-title::after { left: 50%; right: auto; }

/* -----------------------------------------------------------------
   Header — üst şeridin accent çizgisi logo sütunundan sonra başlar ve
   sayfanın SOL kenarına kadar uzanır (LTR'de sağ kenar)
   ----------------------------------------------------------------- */
.header-top {
    margin-left: calc(-1 * var(--header-pad));
    margin-right: 0;
    padding-left: var(--header-pad);
    padding-right: 0;
}

.lang-note { margin-left: 0; margin-right: auto; }

/* Mobil menü paneli (offcanvas-end) RTL'de soldan açılır: çizgi iç kenarda */
.site-offcanvas { border-left: 0; border-right: 1px solid var(--border); }

/* -----------------------------------------------------------------
   Hero — okunurluk perdesi metnin başladığı SAĞ taraftan açılır
   ----------------------------------------------------------------- */
.hero-overlay {
    background: linear-gradient(to left,
                rgba(0, 0, 0, .55) 0%,
                rgba(0, 0, 0, .30) 35%,
                transparent 65%);
}

/* -----------------------------------------------------------------
   İçerik sayfaları, yasal metinler, blog
   ----------------------------------------------------------------- */
.page-content ul,
.page-content ol,
.home-nearby-note ul,
.home-nearby-note ol { padding-left: 0; padding-right: 1.25rem; }

.footer-text ul { padding-left: 0; padding-right: 1.1rem; }
.promo-condition-list { padding-left: 0; padding-right: 1.15rem; }

.page-content th,
.page-content td { text-align: right; }

.blog-article-content blockquote {
    border-left: 0;
    border-right: 3px solid var(--accent);
    padding: .25rem 1.25rem .25rem 0;
}

.blog-post-meta .bi { margin-left: .2rem; margin-right: 0; }
.nearby-card-category .bi { margin-left: .25rem; margin-right: 0; }
.gallery-album-count { margin-left: 0; margin-right: .5rem; }

/* -----------------------------------------------------------------
   Kartlar — görsel üzerindeki rozetler başa (sağa) alınır
   ----------------------------------------------------------------- */
.promo-badge { left: auto; right: .75rem; }
.album-card-count { left: auto; right: .6rem; }
.gallery-item-zoom { left: .5rem; right: auto; }

/* -----------------------------------------------------------------
   Formlar — e-posta ve telefon soldan sağa yazılır, alan yine sağa yaslı
   ----------------------------------------------------------------- */
input[type="email"],
input[type="tel"] { direction: ltr; text-align: right; }
input[type="email"]::placeholder,
input[type="tel"]::placeholder { direction: rtl; }

/* -----------------------------------------------------------------
   Rezervasyon widget'ı ve adımları
   ----------------------------------------------------------------- */
.booking-field + .booking-field { border-left: 0; border-right: 1px solid var(--border); }
.booking-field-submit { border-right: 0; }

.booking-summary { text-align: right; }
.booking-done .booking-summary-list { text-align: right; }

/* Oda paneli özet alanının başına (sağına) hizalanır */
.booking-panel { left: auto; right: .35rem; }

@media (max-width: 991.98px) {
    .booking-field + .booking-field { border-right: 0; }
    .booking-panel { right: auto; }
}

/* jQuery UI datepicker: isRTL ile .ui-datepicker-rtl sınıfı gelir ve
   önceki/sonraki düğmeleri kütüphane aynalar; metin yönü burada */
.booking-datepicker.ui-datepicker-rtl { direction: rtl; }

/* -----------------------------------------------------------------
   Lightbox (GLightbox) — "önceki" sağda, "sonraki" solda; oklar
   aynalanır, kapat düğmesi ve sayaç sol/sağ yer değiştirir.
   Klavye okları gallery.js'te aynı yöne çevrilir.
   ----------------------------------------------------------------- */
.glightbox-clean .gprev { left: auto; right: 30px; }
.glightbox-clean .gnext { left: 30px; right: auto; }
.glightbox-clean .gprev svg,
.glightbox-clean .gnext svg { transform: scaleX(-1); }
.glightbox-clean .gclose { left: 10px; right: auto; }

@media (min-width: 992px) {
    .glightbox-clean .gclose { left: 20px; right: auto; }
}

.glb-counter { left: auto; right: 16px; }

.glightbox-clean .gslide-description { direction: rtl; text-align: right; }