html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}
/* --- HQMCloud düzeltmeleri --- */

/* Eski Content/CustomCss.css'te .input-container satırlarının dikey boşluğu yok;
   aktivasyon ve şifre değiştirme ekranlarında şifre kutuları birbirine yapışıyordu.
   CustomCss.css eski projenin birebir kopyası olarak bırakıldı, düzeltme burada.
   Kapsam bilerek .pswOnay-Container ile sınırlandı — .input-container sınıfı
   eski projede malzeme sipariş ekranlarında da kullanılıyor. */
.pswOnay-Container .input-container {
    margin-bottom: 14px;
}

.pswOnay-Container button[type="submit"] {
    margin-top: 8px;
}

/* Eski CustomCss.css'te yapışkan filtre barları `top: 100px` ile sabitlenmişti.
   Eski Site.master'ın üst barı daha yüksekti; yeni yerleşimde arada şeffaf bir
   boşluk kalıyor ve kartlar oradan görünüyordu.
   Değeri üst barın gerçek yüksekliğine bağlıyoruz — _Layout.cshtml içindeki
   küçük betik --ust-bar-yuksekligi değişkenini açılışta ve pencere boyutu
   değiştikçe günceller. Yedek değer 76px. */
.tap-panel-control {
    top: var(--ust-bar-yuksekligi, 76px);
}

/* Filtre barı, sekme çubuğu varsa onun da altında durmalı. Değeri
   _Layout.cshtml içindeki betik hesaplıyor (üst bar + sekme çubuğu). */
.search-container,
.arac-search-container {
    top: var(--filtre-bar-ust, 118px);
}

/* Sayfa kısa olduğunda dikey kaydırma çubuğu kayboluyor, uzun olduğunda
   geri geliyordu; bu da pencerenin kullanılabilir genişliğini ~15px
   değiştirdiği için ortalanmış üst barın sekme geçişlerinde kaymasına
   yol açıyordu (Cari listesi uzun, diğer sekmeler kısa).
   scrollbar-gutter kaydırma çubuğuna her sayfada yer ayırır; yer hep
   ayrıldığı için kayma olmaz.
   Desteklemeyen eski tarayıcılarda overflow-y: scroll aynı işi görür —
   çubuk devre dışıyken de görünür kalır. */
html {
    overflow-y: scroll;
    scrollbar-gutter: stable;
}
