/* ============================================================
   DOSYA SORUMLULUGU — features-11-date-strip.css
   ------------------------------------------------------------
   NE YAPAR   : Takvim gun seridi.
   KAYNAK     : v3.12.0'da bolundu — kurallar birebir tasindi,
                hicbir kural yeniden yazilmadi veya siralanmadi.
   SIRA       : index.html'deki <link> sirasi kaskadi belirler.
                Bu dosyanin sirasini DEGISTIRME.
   ------------------------------------------------------------
   Tam dosya listesi ve sira: BAGIMLILIK-HARITASI.md
   ============================================================ */

/* ============================================================
   DATE STRIP (calendar row)
   ============================================================ */
.cal-strip {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding: 10px 14px 6px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.cal-strip::-webkit-scrollbar { display: none; }
.cal-day {
  flex-shrink: 0;
  width: 44px;
  height: 66px;
  border-radius: var(--radius-sm);
  background: var(--bg2);
  border: 1px solid rgba(0,0,0,0.06);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  transition: all 0.15s, transform 0.1s;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}
.cal-day:active { transform: scale(0.94); }
.cal-day.active {
  background: var(--orange);
  border-color: var(--orange);
  box-shadow: 0 4px 12px rgba(232,93,0,0.3);
}
.cal-day.active .cd-wd,
.cal-day.active .cd-num,
.cal-day.active .cd-mo { color: #fff; }
.cal-day.has-data .cd-dot { background: var(--orange); }
.cal-day.active.has-data .cd-dot { background: rgba(255,255,255,0.7); }
.cd-wd  { font-size: 9px; font-weight: 700; color: var(--text3); text-transform: uppercase; letter-spacing: 0.04em; }
.cd-num { font-size: 15px; font-weight: 800; font-family: 'JetBrains Mono', monospace; color: var(--text); line-height: 1; }
.cd-mo  { font-size: 9px; font-weight: 500; color: var(--text3); text-transform: uppercase; }
.cd-dot { width: 4px; height: 4px; border-radius: 50%; background: transparent; }