/* ═══════════════════════════════════════════════════════════
   LINALUX — core/wheel-picker.css
   iOS tarzı wheel-picker sheet kabuğu — core/wheel-date-picker.js
   (Gün/Ay/Yıl) ve core/wheel-time-picker.js (Saat/Dakika) ORTAK kullanır;
   ikisi de aynı .date-sheet/.wheel-* sınıflarını DOM'a basıyor, yalnızca
   içerik sütun sayısı farklı.

   🔴 2026-08-19 — assets/css/hesabim.css'ten BURAYA taşındı (User-tests.md
   G2): Döngülerim de artık aynı wheel picker'ı kullanıyor ve hesabim.css'in
   TAMAMINI (profil/ayarlar/kırpma gibi Hesabım'a özel yüzlerce satır)
   dongulerim'e çekmek K4'e aykırı olurdu. Tek doğruluk kaynağı burası;
   hesabim.css artık bu dosyayı <link>'liyor, kuralları yeniden yazmıyor.
   ═══════════════════════════════════════════════════════════ */

/* ITEM_H (40px) ve VISIBLE (5 satır) — her iki JS dosyasındaki sabitlerle
   BİREBİR eşleşmeli; biri değişirse diğeri de değişmeli. Alt sayfa tabanı
   gibi .open ile açılıyor — `hidden` DEĞİL, çünkü bu öğe zaten `display:flex`
   taşıyor (bkz .modal/.modal.open ile aynı desen — `[hidden]` yalnızca
   user-agent stylesheet'inde, author kuralları onu her zaman ezer). */
.date-sheet{
  display:none;position:fixed;inset:0;z-index:250;
  align-items:flex-end;justify-content:center;
  background:color-mix(in srgb, var(--perde) 92%, transparent);
}
.date-sheet.open{display:flex}
.date-sheet-card{
  width:100%;max-width:480px;height:40vh;
  display:flex;flex-direction:column;
  background:var(--s1);border:1px solid var(--b2);border-bottom:none;
  border-radius:20px 20px 0 0;overflow:hidden;
  padding-bottom:env(safe-area-inset-bottom, 0px);
}
.date-sheet-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--b1);flex-shrink:0}
.date-sheet-title{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.date-sheet-btn{background:transparent;border:0;padding:4px;font-family:var(--mono);font-size:13px;letter-spacing:.04em;color:var(--muted);cursor:pointer}
.date-sheet-done{color:var(--ak);font-weight:700}

/* Kart yüksekliği ekranın %40'ı (yukarıda .date-sheet-card'ta height:40vh) — wheel-picker'ın
   kendisi hâlâ sabit 200px/5 satır (JS'teki ITEM_H/VISIBLE matematiğiyle eşleşmek ZORUNDA,
   bkz core/wheel-date-picker.js üst yorumu). Kartta 40vh'ten arta kalan boşluk `margin:auto 0`
   ile başlığın altında dikeyde ortalanıyor — flex column'da "auto" kenar boşluğu bunu sağlar. */
.wheel-picker{position:relative;display:flex;height:200px;margin:auto 0;padding:0 8px;overflow:hidden}
/* "Koyu gri highlight şeridi" — --akd zaten sitede bu amaçla var olan koyu-tint token'ı
   (bkz all-styles.css .uzc), yeni bir renk icat etmek yerine onu yeniden kullanıyoruz. */
.wheel-highlight{
  position:absolute;left:14px;right:14px;top:50%;transform:translateY(-50%);
  height:40px;border-radius:12px;background:var(--akd);pointer-events:none;
}
.wheel-col{flex:1;min-width:0;position:relative}
.wheel-list{
  height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;
  padding:80px 0; /* 2 × ITEM_H — ilk/son öğe ortaya gelebilsin */
  -ms-overflow-style:none;scrollbar-width:none; /* kaydırma çubuğu gizli — native wheel hissi */
  mask-image:linear-gradient(to bottom, transparent 0, black 60px, black 140px, transparent 200px);
  -webkit-mask-image:linear-gradient(to bottom, transparent 0, black 60px, black 140px, transparent 200px);
}
.wheel-list::-webkit-scrollbar{display:none}
/* 🔴 RAKAM BİÇİMİ (2026-09-02 kullanıcı bulgusu: "14:45'te 1 ile 4 farklı
   boyutta, 4 alta kayıyor"). Sebep font SEÇİMİ değil, fontun VARSAYILAN rakam
   seti: --serif (Hesabım'da Cormorant Garamond, Döngülerim'de Instrument Serif)
   varsayılan olarak ESKİ STİL (old-style/text) rakam basıyor — 1/2/0 x-yüksekliğinde
   kalır, 3/4/5/7/9 taban çizgisinin ALTINA sarkar, 6/8 yukarı taşar. Bir saat
   seçicide bu "bozuk hizalama" gibi görünüyor.
   Çözüm: lining-nums (hepsi aynı boyda, taban çizgisinde) + tabular-nums (hepsi
   aynı genişlikte — kaydırırken rakamlar yana zıplamaz). font-feature-settings
   eski WebKit/Safari için yedek. Yalnızca .wheel-item kapsamında; sitenin geri
   kalanındaki serif metinlerin tipografisi DEĞİŞMEDİ. */
.wheel-item{
  height:40px;display:flex;align-items:center;justify-content:center;
  scroll-snap-align:center;
  font-family:var(--serif);font-size:30px;color:var(--muted);
  font-variant-numeric:lining-nums tabular-nums;
  font-feature-settings:'lnum' 1,'tnum' 1;
  line-height:1;
  opacity:.45;transition:opacity .15s,color .15s;
  user-select:none;-webkit-user-select:none;
}
.wheel-item.selected{color:var(--text);opacity:1;font-weight:500}