/* /takvim — gercek bir yaris takvimi gorunumu.
   Satir/dugme/kart temeli race.css + me.css + shared/form.css'ten gelir;
   burada YALNIZCA takvime ozgu duzen var. */

/* ---- ay basligi: takvimin omurgasi ---- */
/* scroll-margin: serit YAPISIK, hedefe atlarken baslik onun altinda kalmasin */
.tk-ay{display:flex;align-items:baseline;gap:12px;margin:26px 0 10px;scroll-margin-top:74px}
.tk-ay:first-of-type{margin-top:6px}
/* ☠️ capitalize DEGIL, YALNIZ ILK HARF. Intl ay adlarini kucuk harfle
   veriyor ("septiembre de 2026", "octobre 2026") ve capitalize HER kelimeyi
   buyutup Ispanyolca'da "Septiembre De 2026" yaziyordu. Ilk harf kurali
   dilden bagimsiz dogru; ::first-letter icin blok kutusu gerekiyor. */
.tk-ay b{font-size:15px;font-weight:700;letter-spacing:.01em;color:var(--ink);
  text-transform:none;display:inline-block}
.tk-ay b::first-letter{text-transform:uppercase}
.tk-ay i{flex:1;height:1px;background:var(--border);font-style:normal}
.tk-ay em{font-style:normal;font-size:12px;font-weight:650;color:var(--faint);white-space:nowrap}

/* ---- yaris satiri ---- */
.tk-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tk-row{display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;
  padding:13px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);
  transition:border-color .15s,transform .15s,box-shadow .15s}
.tk-row:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow)}

/* tarih bloku: gun buyuk, ay kucuk -- takvimde goz once buna gider */
.tk-gun{display:flex;flex-direction:column;align-items:center;justify-content:center;
  border-radius:11px;background:var(--surface-2);padding:7px 4px;min-height:52px}
.tk-gun b{font-size:20px;font-weight:750;line-height:1;font-variant-numeric:tabular-nums;color:var(--accent-ink)}
.tk-gun span{margin-top:3px;font-size:10.5px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--muted)}

.tk-ana{min-width:0}
.tk-ad{display:block;font-size:15.5px;font-weight:680;line-height:1.3;color:var(--ink)}
.tk-alt{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:5px;font-size:12.5px;color:var(--muted)}
.tk-alt .sep{color:var(--border)}
.tk-mes{font-variant-numeric:tabular-nums}

/* gecmis baski: bu satirin bizden baska kimsede olmayan yani */
.tk-past{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:4px 10px;
  border-radius:999px;background:rgba(14,143,160,.10);color:var(--accent-ink);
  font-size:12px;font-weight:650;text-decoration:none;white-space:nowrap}
.tk-past:hover{background:rgba(14,143,160,.18)}

.tk-sag{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}
.tk-kaynak{font-size:12.5px;font-weight:650;white-space:nowrap}
.tk-dogru{font-size:11px;color:var(--faint);white-space:nowrap}

/* ---- bos durum: "yok" demek yerine ne yapilacagini soyler ---- */
.tk-bos{text-align:center;padding:26px 16px}
.tk-bos .em{font-size:30px;line-height:1;display:block;margin-bottom:10px}
.tk-bos b{display:block;font-size:16px;font-weight:680;color:var(--ink)}
.tk-bos p{margin:8px auto 0;max-width:46ch;font-size:14px;line-height:1.6;color:var(--muted)}
.tk-bos .me-btn{margin-top:16px}

/* ---- ust ozet serit ---- */
.tk-ozet{display:flex;flex-wrap:wrap;gap:8px 20px;margin:-4px 0 4px;font-size:13px;color:var(--muted)}
.tk-ozet b{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}

@media (max-width:620px){
  .tk-row{grid-template-columns:48px 1fr;row-gap:9px}
  .tk-sag{grid-column:2;flex-direction:row;align-items:center;justify-content:flex-start;
    gap:12px;text-align:left;flex-wrap:wrap}
  .tk-gun{min-height:46px}
  .tk-gun b{font-size:18px}
}

/* ---- baslik satiri: OKUMAK asil is, EKLEMEK ikincil davet ---- */
.tk-bas{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}
.tk-bas-m{flex:1;min-width:min(100%,280px)}
/* Ana sayfadaki takvim dugmesiyle AYNI gorsel dil: turuncu cerceve, beyaz ic.
   Ayni eylem iki yerde farkli gorunurse ayni eylem oldugu anlasilmiyor. */
.tk-ekle{display:inline-flex;align-items:center;gap:8px;margin-top:6px;flex:none;
  border:1.5px solid var(--icu);border-radius:12px;padding:10px 16px;
  background:var(--surface);color:var(--icu);font-size:14px;font-weight:650;
  text-decoration:none;white-space:nowrap;transition:background .15s,box-shadow .15s}
.tk-ekle:hover{background:color-mix(in srgb,var(--icu) 8%,var(--surface));
  box-shadow:0 4px 14px rgba(255,140,0,.22)}

/* ---- ay atlama seridi ---- */
/* Yapisik: uzun bir takvimde asagi inerken "hangi aydayim / nereye atlarim"
   sorusu hep gorunur kalmali. BOS AY YAZILMAZ -- serit veriden cikar. */
.tk-serit{position:sticky;top:0;z-index:6;margin:0 0 4px;
  background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px)}
.tk-serit-in{display:flex;gap:6px;overflow-x:auto;padding:9px 2px;scrollbar-width:none}
.tk-serit-in::-webkit-scrollbar{display:none}
.tk-serit a{display:inline-flex;align-items:baseline;gap:5px;flex:none;
  padding:6px 11px;border:1px solid var(--border);border-radius:999px;
  background:var(--surface);text-decoration:none;transition:border-color .15s,background .15s}
.tk-serit a b{font-size:12.5px;font-weight:700;color:var(--ink);text-transform:capitalize}
.tk-serit a span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.tk-serit a em{font-style:normal;font-size:10.5px;font-weight:700;color:var(--faint);
  font-variant-numeric:tabular-nums}
.tk-serit a:hover{border-color:var(--accent)}
.tk-serit a.on{border-color:var(--accent);background:rgba(14,143,160,.10)}
.tk-serit a.on b,.tk-serit a.on em{color:var(--accent-ink)}

/* ---- ulke suzgeci: yalnizca birden cok ulke varken cizilir ---- */
.tk-ozetk{padding-bottom:14px}
.tk-suz{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.tk-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;
  border:1px solid var(--border);border-radius:999px;background:var(--surface);
  font-size:12.5px;font-weight:650;color:var(--muted);cursor:pointer;
  transition:border-color .15s,background .15s,color .15s}
.tk-pill:hover{border-color:var(--accent);color:var(--ink)}
.tk-pill.on{border-color:var(--accent);background:rgba(14,143,160,.10);color:var(--accent-ink)}
.tk-pill em{font-style:normal;font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums}
.tk-pill.on em{color:var(--accent-ink)}
.tk-yakin{color:var(--accent-ink);font-weight:650}

/* ---- bayrak: races.json ile AYNI sozlesme (ISO-2 -> /assets/flags/xx.svg) ---- */
.tk-bayrak{width:21px;height:15px;border-radius:2.5px;vertical-align:-2px;
  margin-right:8px;box-shadow:0 0 0 1px rgba(0,0,0,.07)}
.tk-pill .tk-bayrak{margin-right:0}

/* ---- liste sonu daveti ---- */
.tk-dip{text-align:center;padding:20px 16px}
.tk-dip b{display:block;font-size:15.5px;font-weight:680;color:var(--ink)}
.tk-dip p{margin:7px auto 0;max-width:46ch;font-size:13.5px;line-height:1.6;color:var(--muted)}
.tk-dip .me-btn{margin-top:14px}

/* ---- /takvim/ekle: gonderimden SONRA ne olacagi ---- */
.tk-adim{display:flex;flex-wrap:wrap;gap:8px 10px;list-style:none;margin:18px 0 0;padding:0;
  counter-reset:none}
.tk-adim li{display:inline-flex;align-items:center;gap:8px;padding:8px 13px 8px 9px;
  border:1px solid var(--border);border-radius:999px;background:var(--surface);
  font-size:13px;color:var(--muted)}
.tk-adim b{display:inline-flex;align-items:center;justify-content:center;
  width:21px;height:21px;border-radius:50%;background:var(--accent);color:#fff;
  font-size:11.5px;font-weight:750;flex:none}

@media (max-width:620px){
  .tk-bas{gap:14px}
  .tk-ekle{width:100%;justify-content:center;margin-top:0}
  .tk-ay{scroll-margin-top:66px}
  /* Dar ekranda sehir ve mesafeler ayni satira sigmiyor; aralarindaki nokta
     satir sonunda BOSTA kaliyordu ("Ürgüp, Nevşehir ·"). Ayirici gorevini
     satir sonu devraliyor, nokta kalkiyor. */
  .tk-alt{flex-direction:column;gap:3px}
  .tk-alt .sep{display:none}
}

/* ================= GORUNUM ANAHTARI ================= */
.tk-ust{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.tk-gor{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:3px;
  background:var(--surface-2);flex:none}
.tk-gor-b{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border:0;border-radius:999px;
  background:transparent;font-size:12.5px;font-weight:650;color:var(--muted);cursor:pointer;
  transition:background .15s,color .15s,box-shadow .15s}
.tk-gor-b:hover{color:var(--ink)}
.tk-gor-b.on{background:var(--surface);color:var(--accent-ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.tk-gor-ip{margin:12px 0 0}

/* ================= AY IZGARASI ================= */
.tk-izgara{border:1px solid var(--border);border-radius:14px;background:var(--surface);
  padding:10px;overflow:hidden}
.tk-hafta,.tk-kutular{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.tk-hafta{margin-bottom:6px}
.tk-hafta span{text-align:center;font-size:10.5px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--faint)}

/* Gun kutusu: bos gun de cizilir -- takvimin isi zaten "o gun ne var / yok"
   sorusuna bakisla cevap vermek. Ay disi kutular sadece hizalama icin. */
.tk-h{position:relative;min-height:76px;border-radius:10px;background:var(--surface-2);
  padding:6px 6px 5px;text-align:left;border:1px solid transparent;overflow:hidden}
.tk-h>b{display:block;font-size:12px;font-weight:700;line-height:1;color:var(--muted);
  font-variant-numeric:tabular-nums}
.tk-h-dis{background:transparent}
.tk-h-gecmis>b{opacity:.45}
.tk-h-bugun{border-color:var(--accent)}
.tk-h-bugun>b{color:var(--accent-ink)}

/* Yarisi olan gun tiklanabilir. */
button.tk-h{font:inherit;cursor:pointer;display:block;width:100%}
.tk-h-var{background:var(--surface);border-color:var(--border)}
.tk-h-var:hover{border-color:var(--accent)}
.tk-h-var.on{border-color:var(--accent);background:rgba(14,143,160,.10);
  box-shadow:inset 0 0 0 1px var(--accent)}
.tk-h-var>b{color:var(--ink)}

.tk-cipler{display:flex;flex-direction:column;gap:3px;margin-top:5px}
.tk-cip{display:flex;align-items:center;gap:4px;min-width:0;padding:2px 5px;border-radius:6px;
  background:rgba(14,143,160,.10);font-size:10.5px;line-height:1.25;color:var(--accent-ink)}
.tk-cip .tk-bayrak{width:13px;height:9px;margin:0;flex:none;border-radius:1.5px}
.tk-cip i{font-style:normal;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-cok{font-size:10px;font-weight:700;color:var(--faint);padding-left:2px}

/* Secili gunun yarislari: LISTEDEKI SATIRIN AYNISI (tek bilesen). */
.tk-panel{margin-top:10px}

@media (max-width:620px){
  /* Dar ekranda hucreye ad sigmiyor; cip NOKTAYA donusuyor. Bilgi
     kaybolmuyor: gun secilince panel ayni satiri tam haliyle aciyor. */
  .tk-h{min-height:46px;padding:5px 4px}
  .tk-hafta,.tk-kutular{gap:4px}
  .tk-cipler{flex-direction:row;flex-wrap:wrap;gap:3px;margin-top:4px;justify-content:center}
  .tk-cip{width:6px;height:6px;padding:0;border-radius:50%;background:var(--accent);overflow:hidden}
  .tk-cip *{display:none}
  .tk-cok{font-size:9px;line-height:6px}
  .tk-h>b{text-align:center}
  .tk-gor{width:100%;justify-content:center}
  .tk-gor-b{flex:1;justify-content:center}
}

/* Cok gunlu yaris: gun kutusuna "24–25" sigsin, aralik satirda tam yazilsin. */
.tk-gun-genis b{font-size:15px;letter-spacing:-.02em}
.tk-aralik{font-weight:650;color:var(--accent-ink)}

/* ---- katilim niyeti: yalnizca ADET gorunur ---- */
.tk-git{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-top:2px}
.tk-git-say{font-size:11.5px;color:var(--muted);white-space:nowrap}
.tk-git-b{padding:4px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);
  font-size:12px;font-weight:650;color:var(--muted);cursor:pointer;white-space:nowrap;
  transition:border-color .15s,background .15s,color .15s}
.tk-git-b:hover{border-color:var(--accent);color:var(--ink)}
.tk-git-b.on{border-color:var(--accent);background:rgba(14,143,160,.10);color:var(--accent-ink)}
.tk-git-b[disabled]{opacity:.55;cursor:default}
@media (max-width:620px){ .tk-git{justify-content:flex-start} }