/* ══════════════════════════════════════════════════════════════════════════
 * KAYDIRMA İPUCU — yatay kayan şeridin kenarı solar (HIG denetimi madde 6)
 *
 * ÖLÇÜLDÜ (2026-09-20, 375x812): `.modul-serit` scrollWidth 438 /
 * clientWidth 351 → 87px taşıyor; «Kan-MPT» ekran dışında ve şeridin
 * kaydırılabildiğine dair HİÇBİR görsel iz yok (çubuk bilerek gizli).
 *
 * ⛔ YÜKSEKLİK EKLEMEZ — bu kilitli bir kısıt: bar telefonda 70→213px'e
 * çıkıyordu ve düzeltmesi `test_arayuz_cilasi_g11.cjs` ile çivili. Bu yüzden
 * ok/düğme değil MASKE kullanılıyor: yer kaplamaz, yalnız kenarı soldurur.
 * ⛔ Maske YALNIZ gidilecek yön varken açılır — `data-kaydir` niteliğini
 * common.js yazar. Sona gelindiğinde sağ kenar SOLMAZ, yoksa son sekme
 * kalıcı olarak yarım görünürdü.
 * ⚠️ JS düşerse nitelik hiç yazılmaz ve şerit ESKİSİ GİBİ çalışır — ipucu
 * bir katman, bağımlılık değil.
 * Bekçi: tests/test_kaydirma_ipucu.cjs
 * ═══════════════════════════════════════════════════════════════════════ */

.modul-serit[data-kaydir~="sag"],
.sekme-serit[data-kaydir~="sag"] {
  -webkit-mask-image: linear-gradient(to left, transparent 0, #000 26px);
  mask-image: linear-gradient(to left, transparent 0, #000 26px);
}

.modul-serit[data-kaydir~="sol"],
.sekme-serit[data-kaydir~="sol"] {
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 26px);
  mask-image: linear-gradient(to right, transparent 0, #000 26px);
}

.modul-serit[data-kaydir~="sol"][data-kaydir~="sag"],
.sekme-serit[data-kaydir~="sol"][data-kaydir~="sag"] {
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 26px, #000 calc(100% - 26px), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 26px, #000 calc(100% - 26px), transparent 100%);

}