/* ============================================
   SAYFA GEÇİŞLERİ
   Kurumsal ve sakin: kayma yok, yalnızca 0.2 sn'lik yumuşak çapraz geçiş.
   Aynı kalan pikseller (zemin, kartların ortak kısmı) yerinde durur, yalnızca
   değişen içerik yumuşakça yenilenir. Header ve panel sol menüsü ayrı katman
   olduğu için hiç kıpırdamaz. Arada beyaz ekran yok.
   ============================================ */
@view-transition {
    navigation: auto;
}

.site-header { view-transition-name: rz-header; }
.dashboard-wrapper > .sidebar { view-transition-name: rz-sidebar; }

::view-transition-group(rz-header),
::view-transition-group(rz-sidebar),
::view-transition-old(rz-header),
::view-transition-new(rz-header),
::view-transition-old(rz-sidebar),
::view-transition-new(rz-sidebar) {
    animation: none;
}
::view-transition-old(rz-header),
::view-transition-old(rz-sidebar) {
    display: none;
}

::view-transition-old(root),
::view-transition-new(root) {
    animation-duration: .2s;
    animation-timing-function: ease-out;
}

@media (prefers-reduced-motion: reduce) {
    ::view-transition-group(*),
    ::view-transition-old(*),
    ::view-transition-new(*) {
        animation: none !important;
    }
}

/* Gezinme sürerken üstte ince ilerleme çizgisi */
.rz-nav-progress {
    position: fixed;
    z-index: 3000;
    top: 0;
    left: 0;
    height: 2px;
    width: 100%;
    transform: scaleX(0);
    transform-origin: left center;
    background: linear-gradient(90deg, #3b6feb, #7ba4ff);
    box-shadow: 0 0 8px rgba(123, 164, 255, .6);
    opacity: 0;
    pointer-events: none;
}
.rz-nav-progress.is-active {
    opacity: 1;
    transform: scaleX(.85);
    transition: transform 6s cubic-bezier(.1, .7, .2, 1), opacity .15s ease;
}

/* ============================================
   DİL SEÇİCİ: tek, kayan gösterge
   ============================================ */
.lang-toggle {
    position: relative;
    isolation: isolate;
}
.lang-toggle a {
    position: relative;
    z-index: 1;
    width: 38px;
    padding: 1px 0;
    text-align: center;
}
.lang-toggle a.active {
    background: transparent;
}
.lang-toggle .lang-indicator {
    position: absolute;
    z-index: 0;
    top: 4px;
    bottom: 4px;
    left: 4px;
    width: 38px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.15);
    transform: translateX(calc(var(--i, 0) * 38px));
    transition: transform .3s cubic-bezier(.22, 1, .36, 1);
    pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
    .lang-toggle .lang-indicator,
    .rz-nav-progress.is-active { transition: none; }
}