/* "Günde ne kadar zaman?" tablosu (public/sure.js). Token'lar ankitus.css'ten.
   Seçili durumlar mürekkeple işaretlenir; doygun mavi semantik kaldığı için burada yok.
   .sure--dar: sipariş özetindeki dar sütun. */
.sure{margin-top:var(--s6);max-width:680px}

.sure-sekme{display:inline-flex;padding:4px;border:1px solid var(--hairline);border-radius:var(--r-pill);background:#fff}
.sure-sekme button{font:inherit;font-size:.9375rem;border:0;background:none;cursor:pointer;padding:9px 20px;
  border-radius:var(--r-pill);color:var(--ink-muted);display:flex;flex-direction:column;align-items:center;line-height:1.2}
.sure-sekme small{font-size:.75rem;color:var(--ink-faint);margin-top:2px}
.sure-sekme [aria-selected="true"]{background:var(--ink);color:#fff}
.sure-sekme [aria-selected="true"] small{color:#A3A3A3}

.sure-paketler{display:flex;gap:var(--s2);margin-top:var(--s4);flex-wrap:wrap}
.sure-paketler button{font:inherit;font-size:.9375rem;cursor:pointer;padding:7px 18px;border-radius:var(--r-pill);
  border:1px solid var(--hairline);background:transparent;color:var(--ink-muted)}
.sure-paketler [aria-pressed="true"]{border-color:var(--ink);color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px var(--ink)}
.sure button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

.sure-govde{margin-top:var(--s5)}
.sure-kart{background:#fff;border:1px solid var(--hairline);border-radius:var(--r-lg);padding:var(--s6)}
.sure-kart header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3);flex-wrap:wrap}
.sure-kart h3{font-weight:400;font-size:1.5rem;letter-spacing:var(--ls-display);margin:0}
.sure-adet{font-size:.875rem;color:var(--ink-subtle)}
.sure-alt{font-size:.9375rem;color:var(--ink-subtle);margin:var(--s1) 0 0}

.sure-ozet{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2);margin-top:var(--s5)}
.sure-ozet div{background:var(--surface-alt);border-radius:var(--r-md);padding:14px 14px 12px}
.sure-ozet b{display:block;font-weight:400;font-size:1.75rem;line-height:1.1;letter-spacing:var(--ls-display);
  font-variant-numeric:tabular-nums}
.sure-ozet b small{font-size:.95rem;color:var(--ink-subtle);margin-left:2px}
.sure-ozet span{display:block;font-size:.8125rem;color:var(--ink-subtle);margin-top:6px;line-height:1.3}

.sure-aylar{list-style:none;padding:0;margin:var(--s5) 0 0}
.sure-aylar li{display:grid;grid-template-columns:64px 1fr 84px;align-items:center;gap:var(--s3);padding:7px 0;
  border-top:1px solid var(--hairline)}
.sure-aylar li:first-child{border-top:0}
.sure-ay{font-size:.9375rem;color:var(--ink-muted)}
.sure-cubuk{display:flex;height:14px;border-radius:var(--r-pill);background:var(--surface-alt);overflow:hidden}
.sure-cubuk i,.sure-lejant i{display:block;height:100%}
.sure .y{background:var(--ink)}
.sure .t{background:var(--ink-faint)}
.sure-dk{text-align:right;font-size:.9375rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.sure-aylar .tepe .sure-ay,.sure-aylar .tepe .sure-dk{color:var(--ink);font-weight:600}
.sure-aylar .son .sure-ay::after{content:"tekrar";display:block;font-size:.6875rem;color:var(--ink-faint);letter-spacing:.04em}

.sure-lejant{display:flex;gap:var(--s5);margin-top:var(--s4);font-size:.875rem;color:var(--ink-subtle);flex-wrap:wrap}
.sure-lejant span{display:inline-flex;align-items:center;gap:var(--s2)}
.sure-lejant i{width:22px;height:10px;border-radius:var(--r-pill)}
.sure-not{margin:var(--s3) 0 0;font-size:.8125rem;color:var(--ink-faint);line-height:1.5}

@media (max-width:480px){
  .sure-kart{padding:var(--s5)}
  .sure-ozet b{font-size:1.4rem}
  .sure-aylar li{grid-template-columns:56px 1fr 76px;gap:var(--s2)}
}

/* Sipariş özeti: dar sütun, sekme tam genişlik */
.sure--dar{margin-top:var(--s5);padding-top:var(--s5);border-top:1px solid var(--hairline)}
.sure--dar .sure-sekme{display:flex}
.sure--dar .sure-sekme button{flex:1;padding:8px 10px}
.sure--dar .sure-kart{padding:var(--s4);border-radius:var(--r-md)}
.sure--dar .sure-kart h3{font-size:1.125rem}
.sure--dar .sure-ozet{gap:6px}
.sure--dar .sure-ozet div{padding:10px 8px}
.sure--dar .sure-ozet b{font-size:1.2rem}
.sure--dar .sure-ozet span{font-size:.6875rem}
.sure--dar .sure-aylar li{grid-template-columns:52px 1fr 70px;gap:var(--s2);padding:5px 0}
.sure--dar .sure-ay,.sure--dar .sure-dk{font-size:.8125rem}
.sure--dar .sure-cubuk{height:10px}
.sure--dar .sure-lejant{font-size:.75rem}
.sure--dar .sure-not{font-size:.6875rem}

/* İki sütunlu siparişte özet yapışkan: tablo uzayınca alt kısmı ekrandan taşmasın,
   özet kendi içinde kayar. Tek sütunda (≤1000 px) dokunulmaz. */
@media (min-width:1001px){
  .sum:has(.sure--dar){max-height:calc(100vh - 104px);overflow-y:auto;overscroll-behavior:contain}
}