/* =========================================================
   PriceONN v2 · ekonomik takvim sayfası (/calendar, /takvim)
   Ana sayfa, sembol ve fiyatlandırma sayfalarıyla aynı bileşen dili: marka bandı (--band-*), .pn paneli,
   .btn, .fld/.input/.select, .notice, .imp (önem noktaları home.css'ten). Bu dosya yalnız sayfaya özgü
   yerleşimi ekler. Yazı boyutları yalnız TASARIM-PLANI 6.2 ölçeği; 12 px altı metin yok.
   Başlık önüne CSS ile kısa çizgi süsü çizilmez (em-dash görünümü yasak).

   Tek HTML, iki yerleşim:
     < 780 px   satırlar KART olur (hücreler blok; etiketler data-l'den ::before ile basılır).
     >= 780 px  gerçek tablo; gün başlığı yapışkan değil, tbody başına bir satır.

   Renk TEK BAŞINA anlam taşımaz: açıklananın beklentiden sapması hem renkle (d-up/d-down) hem ok
   simgesiyle (.cl-devi) hem metinle (.cl-devt) belirtilir; önem hem nokta sayısıyla hem yazıyla.
   ========================================================= */
.cl{display:grid;gap:var(--gap);min-width:0}
.cl>*{min-width:0}

/* ---------- iz (breadcrumb) ---------- */

/* ---------- başlık bandı ---------- */
.cl-head{position:relative;display:grid;gap:12px;padding:24px 16px;border-radius:var(--r-xl);border:1px solid var(--band-border);
  background:var(--band-bg);box-shadow:var(--band-shadow);overflow:hidden;overflow:clip;isolation:isolate;color:var(--text-primary)}
:root[data-theme="dark"] .cl-head{--text-primary:#f2f4f8;--text-secondary:#b9c6dc;--text-tertiary:#93a3bf;--action-text:#7cc4ff;--focus:#7cc4ff;--line:rgba(255,255,255,.1)}
.cl-head h1{margin:0;font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-.03em;overflow-wrap:anywhere}
.cl-lead{margin:0;max-width:68ch;font-size:1rem;line-height:1.625rem;color:var(--text-secondary)}
.cl-tz{display:flex;align-items:center;gap:6px;margin:0;font-size:.875rem;line-height:1.25rem;color:var(--text-secondary)}
.cl-tz svg{flex:none;color:var(--action-text)}
.cl-tz b{font-weight:600;color:var(--text-primary)}
@media (min-width:900px){
  .cl-head{padding:32px 28px}
  .cl-head h1{font-size:2.25rem;line-height:2.75rem}
}

/* ---------- veri durumu notları ---------- */
.cl-state,.cl-lang,.cl-more{margin:0;max-width:88ch}
.cl-state b{display:block}

/* ---------- süzgeç formu ---------- */
.cl-filters{display:grid;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}
.cl-filters .fld{display:grid;gap:6px;min-width:0}
.cl-filters label{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--text-secondary)}
.cl-filters [data-cl-hide]{display:none}
.cl-acts{display:flex;flex-wrap:wrap;gap:8px}
.cl-acts .btn{flex:1 1 auto;min-width:120px}
/* Sabit sütun sayısı: auto-fit boş izler üretip seçicileri daraltıyordu (ölçüldü: "Kayıtlı son haf..."
   kırpılıyordu). Özel aralık açıkken altı alan 4 + 2 olarak iki satıra iner. */
@media (min-width:560px){
  .cl-filters{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
  .cl-acts{grid-column:1/-1}
  .cl-acts .btn{flex:0 0 auto;min-width:0}
}
@media (min-width:1000px){
  .cl-filters{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ---------- tablo ---------- */
.cl-tw{min-width:0;overflow-x:auto;overscroll-behavior-x:contain}
.cl-table{width:100%;border-collapse:collapse;font-size:.875rem;line-height:1.25rem}
.cl-table thead th{background:var(--panel-bg);border-bottom:1px solid var(--line);padding:10px 12px;text-align:right;
  font-size:.75rem;line-height:1rem;font-weight:600;color:var(--text-tertiary);white-space:nowrap}
.cl-table thead th.c-time,.cl-table thead th.c-ctry,.cl-table thead th.c-ev,.cl-table thead th.c-imp{text-align:left}

.cl-grp th{padding:10px 12px;text-align:left;background:var(--bg-raised);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--text-secondary)}
.cl-grp-n{margin-left:10px;font:600 .75rem/1rem var(--font-num);font-feature-settings:var(--num-features);color:var(--text-tertiary)}

.cl-table tbody tr+tr>*{border-top:1px solid var(--line)}
.cl-table tbody tr.cl-grp+tr>*{border-top:0}
.cl-table td,.cl-table tbody th{padding:8px 12px;vertical-align:top;text-align:right}
/* Gün başlığı sayısal sütun hizasını almaz (yukarıdaki genel kural daha özgül, burada geri alınır). */
.cl-table tbody tr.cl-grp th{text-align:left;padding:10px 12px}
.cl-table td.c-time,.cl-table td.c-ctry,.cl-table td.c-imp,.cl-table tbody th.c-ev{text-align:left}
.cl-table tbody th.c-ev{font-weight:400}
.cl-table .num{font:600 .875rem/1.25rem var(--font-num);font-feature-settings:var(--num-features);white-space:nowrap}
.cl-na{color:var(--text-tertiary)}
.c-time{white-space:nowrap}
.c-time time{color:var(--text-primary)}

.cl-ctry{display:inline-flex;align-items:center;gap:8px;min-width:0}
.cl-cur{flex:none;font:600 .75rem/1 var(--font-mono);padding:5px 6px;border-radius:4px;background:var(--chip-bg);color:var(--text-secondary)}
.cl-cn{min-width:0;font-size:.875rem;line-height:1.25rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* olay: açıklama varsa <details>, yoksa düz metin (boş açılır kutu basılmaz) */
.cl-ev{display:block;min-width:0}
.cl-ev summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:44px;padding:0;cursor:pointer;list-style:none}
.cl-ev summary::-webkit-details-marker{display:none}
.cl-ev-flat{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:44px}
.cl-nm{font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--text-primary)}
.cl-ev summary:hover .cl-nm{text-decoration:underline}
.cl-per,.cl-tag{flex:none;font-size:.75rem;line-height:1rem;padding:3px 6px;border-radius:5px;background:var(--chip-bg);color:var(--text-tertiary)}
.cl-tag{font-weight:600;color:var(--warn);background:var(--warn-tint)}
.cl-tag-l{color:var(--text-tertiary);background:var(--chip-bg);font-weight:600;letter-spacing:.04em}
.cl-cv{flex:none;margin-left:auto;color:var(--text-tertiary);transition:transform var(--t-fast) var(--ease)}
.cl-ev[open] .cl-cv{transform:rotate(180deg)}
.cl-detail{padding:4px 0 10px;max-width:78ch}
.cl-detail p{margin:0 0 8px;font-size:.875rem;line-height:1.5rem;color:var(--text-secondary)}
.cl-detail p:last-child{margin-bottom:0}
.cl-long{font-weight:600;color:var(--text-primary)}
.cl-src{font-size:.75rem;line-height:1.125rem;color:var(--text-tertiary)}
.cl-src a{color:var(--action-text)}

/* önem: nokta sayısı + yazı (renk tek başına anlam taşımaz) */
.c-imp{white-space:nowrap}
.cl .imp{display:inline-flex;gap:2px;vertical-align:middle}
.cl .imp i{width:6px;height:12px;border-radius:2px;background:var(--border-control);opacity:.5}
.cl .imp.l3 i{background:var(--down);opacity:1}
.cl .imp.l2 i:nth-child(-n+2){background:var(--warn);opacity:1}
.cl .imp.l1 i:first-child{background:var(--text-tertiary);opacity:1}
.cl-impt{margin-left:8px;font-size:.75rem;line-height:1rem;color:var(--text-tertiary)}

/* açıklanan değer ve sapma işareti */
.c-act{white-space:nowrap}
.cl-actv{color:var(--text-primary)}
.c-act.d-up .cl-actv,.c-act.d-up .cl-devi{color:var(--up)}
.c-act.d-down .cl-actv,.c-act.d-down .cl-devi{color:var(--down)}
.c-act.d-flat .cl-devi{color:var(--text-tertiary)}
.cl-dev{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:2px;font-size:.75rem;line-height:1rem}
.cl-devi{flex:none;font-size:.75rem;line-height:1}
.cl-devt{color:var(--text-tertiary)}

/* ---------- < 780 px: satırlar kart ---------- */
@media (max-width:779.98px){
  /* Not: hücreler blok yapıldığında tablo semantiği kaybolabilir; bu yüzden her hücre kendi etiketini
     data-l'den basar ve başlık satırı gizlenir. */
  .cl-tw{overflow:visible}
  .cl-table,.cl-table tbody,.cl-table tr,.cl-table td,.cl-table tbody th{display:block;width:auto}
  .cl-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .cl-table tbody tr+tr>*{border-top:0}
  .cl-table tbody tr:not(.cl-grp){padding:8px 14px 12px;border-top:1px solid var(--line)}
  .cl-table tbody tr.cl-grp{padding:0}
  .cl-grp th{display:block;padding:10px 14px}
  .cl-table td,.cl-table tbody th{padding:0;border:0;text-align:left}
  .cl-table td{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-height:26px}
  .cl-table td::before{content:attr(data-l);flex:none;font-size:.75rem;line-height:1rem;color:var(--text-tertiary)}
  .cl-table td.c-time,.cl-table td.c-ctry,.cl-table td.c-imp{justify-content:flex-start;gap:8px}
  .cl-table td.c-time::before,.cl-table td.c-ctry::before{display:none}
  .cl-table td.c-time{min-height:28px;font-weight:600}
  .cl-table tbody th.c-ev{padding:2px 0 6px}
  .cl-dev{justify-content:flex-start}
  .cl-detail{padding-top:2px}
}

/* ---------- yasal not ---------- */
.cl-legal{margin:0;font-size:.75rem;line-height:1.125rem;color:var(--text-tertiary);max-width:80ch}

@media (prefers-reduced-motion:reduce){
  .cl-cv{transition:none}
}