/*
 * Cross-browser layout stability fixes (Chrome / Firefox / Edge / Safari).
 * Firefox ve Edge (Windows) klasik kaydırma çubuğu genişlik kapladığı için
 * sayfalar arası geçişte içerik kayabiliyor; flexbox min-size farkları da
 * div taşmalarına yol açabiliyor. Bu dosya tüm layout'lara global eklenir.
 */

/* Dikey kaydırma çubuğu görünüp kaybolduğunda içerik genişliğinin
   değişmesini (div kaymasını) engelle. */
html {
    scrollbar-gutter: stable;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* Negatif marginli .row satırlarının yatay taşma/kayma oluşturmasını engelle. */
body {
    overflow-x: hidden;
}

/* Firefox'ta flex çocukları varsayılan olarak min-width:auto alır ve
   içeriğe göre küçülmeyip taşarak komşu divleri kaydırabilir. */
.wrapper,
.content-wrapper,
.content,
.card,
.card-body,
.tab-content {
    min-width: 0;
}

.row > [class*="col"] {
    min-width: 0;
}

/* Görseller kapsayıcılarından taşmasın. */
img {
    max-width: 100%;
    height: auto;
}

/* Geniş tablolar kapsayıcı içinde yatay kaydırılabilsin, sayfayı genişletmesin. */
.table-responsive {
    -webkit-overflow-scrolling: touch;
}