/*
 * Sağdan sola diller (Arapça) için düzeltmeler. Yalnız <html dir="rtl"> sayfada yüklenir (partials/head).
 * Flex/grid sırası dir="rtl" ile kendiliğinden döner; burada yalnız fiziksel left/right, 90deg gradyan,
 * translateX ve yön bildiren ikonlar aynalanır. Ana CSS'te yeni left/right yazılırsa karşılığı buraya eklenir.
 */

/* Arapça yazı tipi; harf aralığı Arapça harflerin bitişmesini bozar */
html[dir="rtl"] {
    --font: 'IBM Plex Sans Arabic', 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Tahoma, sans-serif;
    --font-display: 'IBM Plex Sans Arabic', 'Sora', sans-serif;
}
html[dir="rtl"] body, html[dir="rtl"] body * { letter-spacing: normal !important; }

/* Telefon ve e-posta kutusu soldan sağa yazılır ("+90 532" ters dönmesin), sağa yaslı kalır */
html[dir="rtl"] input[type="tel"], html[dir="rtl"] input[type="email"] { direction: ltr; text-align: right; }

/* Yön bildiren ikonlar (app.js .is-flip ekler) */
html[dir="rtl"] .is-flip { transform: scaleX(-1); }

/* Kaydırmalı şeritler soldan sağa kalır (JS scrollLeft ile çalışır), içerik sağdan sola */
html[dir="rtl"] [data-reviews-track], html[dir="rtl"] [data-gallery], html[dir="rtl"] [data-lb-track],
html[dir="rtl"] [data-lb-thumbs], html[dir="rtl"] [data-est-track], html[dir="rtl"] .region-track { direction: ltr; }
html[dir="rtl"] [data-reviews-track] > *, html[dir="rtl"] [data-gallery] > *, html[dir="rtl"] .region-track li { direction: rtl; }

/* ---------- style.css: ortak ---------- */
html[dir="rtl"] .skip-link { left: auto; right: 8px; }
html[dir="rtl"] .home-nav { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .home-nav a::after, html[dir="rtl"] .site-nav a::after { transform-origin: right; }
html[dir="rtl"] .picker-menu { right: auto; left: 0; }
html[dir="rtl"] .picker-menu a small { margin-left: 0; margin-right: 6px; }

html[dir="rtl"] .fp-dots { right: auto; left: 22px; align-items: flex-start; }
html[dir="rtl"] .fp-dot-label { transform: translateX(-6px); }

html[dir="rtl"] .hero-shade {
    background:
        linear-gradient(rgba(11, 21, 25, .6), rgba(11, 21, 25, 0) 22%),
        linear-gradient(to top, rgba(11, 21, 25, .75), rgba(11, 21, 25, 0) 45%),
        linear-gradient(270deg, rgba(11, 21, 25, .88) 0%, rgba(11, 21, 25, .5) 55%, rgba(11, 21, 25, .3) 100%);
}
html[dir="rtl"] .license-pill { padding-left: 0; padding-right: 10px; border-left: 0; border-right: 2px solid var(--gold); }
html[dir="rtl"] .hero-foot { padding: 0 48px 28px 72px; }
html[dir="rtl"] .slide-bar.is-active::after { transform-origin: right; }
html[dir="rtl"] .scroll-cue { margin: 0 auto 0 76px; }

html[dir="rtl"] .panel-bg--right {
    left: 0;
    right: auto;
    -webkit-mask-image: linear-gradient(270deg, transparent, #000 30%);
    mask-image: linear-gradient(270deg, transparent, #000 30%);
    transform: scaleX(-1);
}
html[dir="rtl"] .panel.is-active .panel-bg--right { transform: scaleX(-1); }
html[dir="rtl"] .panels-shade {
    background:
        linear-gradient(to top, rgba(11, 21, 25, .6), rgba(11, 21, 25, 0) 40%),
        linear-gradient(to bottom, rgba(11, 21, 25, .55), rgba(11, 21, 25, 0) 22%),
        linear-gradient(270deg, rgba(11, 21, 25, .96) 0%, rgba(11, 21, 25, .84) 36%, rgba(11, 21, 25, .25) 72%, rgba(11, 21, 25, .1) 100%);
}
html[dir="rtl"] .panel-list { margin-left: 0; margin-right: max(48px, calc((100vw - 1240px) / 2 + 48px)); }
html[dir="rtl"] .panel-head { text-align: right; }
html[dir="rtl"] .panel-head::before { left: auto; right: 0; background: linear-gradient(270deg, var(--gold), rgba(230, 181, 102, 0)); transform-origin: right; }
html[dir="rtl"] .panel-head:hover .panel-title { transform: translateX(-6px); }
html[dir="rtl"] .panel.is-active .panel-title { transform: none; }
html[dir="rtl"] .panel-body-in { padding-left: 0; padding-right: 58px; }
html[dir="rtl"] .panel-big { right: auto; left: 72px; }
html[dir="rtl"] .panel-body-in .btn-solid:hover .material-symbols-outlined { transform: translateX(-4px); }
html[dir="rtl"] .panel-body-in .btn-solid:hover .is-flip { transform: scaleX(-1) translateX(4px); }

html[dir="rtl"] .region-track li { padding-right: 0; padding-left: 28px; }
html[dir="rtl"] .stat { border-left: 0; border-right: 1px solid rgba(230, 181, 102, .25); }
html[dir="rtl"] .stat:first-child { padding-right: 0; padding-left: 24px; border-right: 0; }

html[dir="rtl"] .footer-links a, html[dir="rtl"] .link-btn { text-align: right; }
html[dir="rtl"] .chat-bubble { right: auto; left: 18px; }
html[dir="rtl"] .cookie { left: auto; right: 12px; }
html[dir="rtl"] .place-attribution { text-align: left; }

html[dir="rtl"] .reviews::before { left: auto; right: max(16px, 4vw); }
html[dir="rtl"] .reviews-in { padding: 96px max(24px, 6vw) 72px 0; }
html[dir="rtl"] .reviews-track { padding: 8px 0 8px max(24px, 6vw); }

@media (max-width: 1180px) {
    html[dir="rtl"] .topbar .head-tools { margin-left: 0; margin-right: auto; }
    html[dir="rtl"] .panel-big { left: 40px; right: auto; }
    html[dir="rtl"] .hero-foot { padding-right: 40px; padding-left: 40px; }
}

@media (max-width: 767px) {
    html[dir="rtl"] .hero-foot { padding: 0 20px 16px; }
    html[dir="rtl"] .panel-bg--right, html[dir="rtl"] .panel.is-active .panel-bg--right { transform: none; }
    html[dir="rtl"] .panel-body-in { padding-right: 0; }
    html[dir="rtl"] .panel-big { right: auto; left: 16px; }
    html[dir="rtl"] .reviews-in { padding: 72px 20px 24px 0; }
    html[dir="rtl"] .reviews-head { padding-right: 0; padding-left: 20px; }
    html[dir="rtl"] .reviews-track { padding-right: 0; padding-left: 20px; }
    html[dir="rtl"] .stat, html[dir="rtl"] .stat:first-child { padding: 0 16px; }
    html[dir="rtl"] .stat:nth-child(odd) { padding-right: 0; border-right: 0; }
}

/* ---------- pages.css: iç sayfalar ---------- */
html[dir="rtl"] .site-logo { margin-right: 0; margin-left: auto; }

html[dir="rtl"] .page-hero { background: radial-gradient(ellipse at top right, rgba(230, 181, 102, .1), transparent 55%), var(--ink); }
html[dir="rtl"] .page-hero::before {
    background:
        linear-gradient(to top, var(--ink) 0%, rgba(11, 21, 25, 0) 55%),
        linear-gradient(270deg, rgba(11, 21, 25, .96) 0%, rgba(11, 21, 25, .84) 45%, rgba(11, 21, 25, .5) 100%),
        var(--page-img, none) center / cover no-repeat;
}
html[dir="rtl"] .page--img-right .page-hero::before {
    background:
        linear-gradient(to top, var(--ink) 0%, rgba(11, 21, 25, 0) 55%),
        linear-gradient(270deg, var(--ink) 40%, rgba(11, 21, 25, .6) 60%, rgba(11, 21, 25, .3) 100%),
        var(--page-img, none) left 52% / 60% auto no-repeat,
        var(--ink);
}
html[dir="rtl"] .page-hero::after { right: auto; left: max(16px, calc((100vw - 1200px) / 2 + 16px)); }

html[dir="rtl"] .stay-card::after { transform-origin: right; }
html[dir="rtl"] a.stay-card-img::after { right: auto; left: 12px; transform: translate(6px, 6px) scale(.8) scaleX(-1); }
html[dir="rtl"] a.stay-card-img:hover::after, html[dir="rtl"] a.stay-card-img:focus-visible::after { transform: scaleX(-1); }
html[dir="rtl"] .chip { left: auto; right: 12px; }
html[dir="rtl"] .chip--end { right: auto; left: 12px; }
html[dir="rtl"] .gallery-all { left: auto; right: 14px; }
html[dir="rtl"] .info-list dd { text-align: left; }
html[dir="rtl"] .sw { margin-right: 0; margin-left: 6px; }
html[dir="rtl"] .done-card { text-align: right; }
/* Sağdan sola sayfada sola taşan öğe yatay kaydırma açar: tuzak alanı sağa itilir */
html[dir="rtl"] .hp { left: auto; right: -9999px; }

html[dir="rtl"] .sb-input > .material-symbols-outlined { left: auto; right: 13px; }
html[dir="rtl"] .search-bar .sb-input input, html[dir="rtl"] .search-bar .sb-input select { padding-left: 14px; padding-right: 42px; }
html[dir="rtl"] .sb-switch-track::after { left: auto; right: 3px; }
html[dir="rtl"] .sb-switch input:checked + .sb-switch-track::after { transform: translateX(-18px); }

html[dir="rtl"] .tr-route::before { left: auto; right: 6px; border-left: 0; border-right: 2px dashed rgba(230, 181, 102, .45); }
html[dir="rtl"] .tr-route-dot { left: auto; right: -28px; }
html[dir="rtl"] .tr-vehicle-cap { right: auto; left: -6px; }
html[dir="rtl"] .tr-vehicle-buy { align-items: flex-start; border-left: 0; border-right: 1px solid var(--w10); text-align: left; }
html[dir="rtl"] .tr-vehicle-buy .btn-solid:hover .is-flip,
html[dir="rtl"] .tr-popular a:hover .tr-popular-go.is-flip,
html[dir="rtl"] .home-card:hover .home-card-go.is-flip { transform: scaleX(-1) translateX(4px); }
html[dir="rtl"] .tr-steps { text-align: right; }
html[dir="rtl"] .tr-step-no { right: auto; left: 10px; }

html[dir="rtl"] .steps, html[dir="rtl"] .legal ul, html[dir="rtl"] .legal ol { padding-left: 0; padding-right: 22px; }
html[dir="rtl"] .legal th, html[dir="rtl"] .legal td { text-align: right; }
html[dir="rtl"] .home-card-photos { right: auto; left: 12px; }
html[dir="rtl"] .home-card-badge { left: auto; right: 12px; }
html[dir="rtl"] .timeline::before, html[dir="rtl"] .next-steps::before { left: auto; right: 17px; border-left: 0; border-right: 2px dashed rgba(230, 181, 102, .35); }
html[dir="rtl"] .done-codes li { padding: 10px 18px 10px 10px; }
html[dir="rtl"] .est-count { left: auto; right: 14px; }
html[dir="rtl"] .est-bar > * + * { border-left: 0; border-right: 1px solid var(--w10); }
html[dir="rtl"] .amenity-list .is-off { padding-left: 0; padding-right: 24px; }

@media (max-width: 1024px) {
    html[dir="rtl"] .sb-swap { right: auto; left: 22px; }
    html[dir="rtl"] .tr-vehicle-buy { border-right: 0; text-align: right; }
    html[dir="rtl"] .tr-intro { text-align: right; }
}

@media (max-width: 640px) {
    html[dir="rtl"] .page-hero::before { background-image: linear-gradient(to top, var(--ink) 0%, rgba(11, 21, 25, 0) 55%), linear-gradient(270deg, rgba(11, 21, 25, .96) 0%, rgba(11, 21, 25, .84) 45%, rgba(11, 21, 25, .5) 100%), var(--page-img-sm, var(--page-img, none)); }
    html[dir="rtl"] .page--img-right .page-hero::before { background: linear-gradient(to top, var(--ink) 0%, rgba(11, 21, 25, 0) 55%), linear-gradient(270deg, rgba(11, 21, 25, .96) 0%, rgba(11, 21, 25, .84) 45%, rgba(11, 21, 25, .5) 100%), var(--page-img-sm, var(--page-img, none)) center 52% / cover no-repeat; }
    html[dir="rtl"] .gallery-all { right: auto; left: 12px; }
    html[dir="rtl"] .mobile-book { padding: 10px 16px 10px 12px; padding-bottom: calc(10px + env(safe-area-inset-bottom)); }
    html[dir="rtl"] .mb-price { margin-right: 0; margin-left: auto; }
    html[dir="rtl"] .info-list dd { text-align: right; }
}

/* ---------- rental.css ---------- */
html[dir="rtl"] .rent-steps li + li { border-left: 0; border-right: 1px solid var(--w10); }
html[dir="rtl"] .rf-count { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .rent-badge { left: auto; right: 12px; }
html[dir="rtl"] .rent-card-price { border-left: 0; border-right: 1px solid var(--w10); }
html[dir="rtl"] .rent-extras-link .material-symbols-outlined:last-child { margin-left: 0; margin-right: auto; }

@media (max-width: 1024px) {
    html[dir="rtl"] .rent-card-price { border-right: 0; }
    html[dir="rtl"] .rent-card-price .rent-select { margin-left: 0; margin-right: auto; }
}

@media (max-width: 720px) {
    html[dir="rtl"] .rent-steps li:nth-child(3) { border-right: 0; }
    html[dir="rtl"] .rf-count { margin-right: 2px; }
}
html[dir="rtl"] .post-body blockquote { padding: 4px 16px 4px 0; border-left: 0; border-right: 3px solid var(--gold); }