/* ─────────────────────────────────────────────────────────────
   Yasha: css/izlestil.css  (yalnız izle.html, tasarim.css'ten sonra)
   İzleme sayfası yeni tasarım diliyle: sinema ışığı (projenin banner'ı arkada bulanık parlar),
   yumuşak köşeli oynatıcı, düğmeler tasarim.css'teki vurgu renkleriyle (yazı kontrastı AA),
   Crunchyroll tarzı bölüm listesi, özel logolu proje kartı, "Bunları da sevebilirsin" şeridi.
   Yalnız tema değişkenleri kullanılır.
   ───────────────────────────────────────────────────────────── */

/* Sinema ışığı: js/izle'deki izleArkaPlan() --izle-arka değişkenini yazar */
body.izle-arka::before {
  content: ''; position: fixed; z-index: -1; inset: 0 0 auto 0; height: 75vh; pointer-events: none;
  background: var(--izle-arka) center top / cover no-repeat; filter: blur(70px) saturate(1.35); opacity: .3; transform: scale(1.2);
  -webkit-mask-image: linear-gradient(#000 20%, transparent); mask-image: linear-gradient(#000 20%, transparent);
}
[data-theme="light"] body.izle-arka::before { opacity: .18; }
html[data-lite] body.izle-arka::before, html[data-karsit] body.izle-arka::before { display: none; }

/* Yol: okunur, bölümler arasında ok */
.breadcrumb { font-size: .82rem; color: var(--text-s); margin-top: 1.1rem; }
.breadcrumb a { color: var(--text-s); font-weight: 600; }
.breadcrumb a:hover { color: var(--text); text-decoration: underline; }
.breadcrumb .sep { opacity: .6; }

/* Oynatıcı */
.video-wrap { border-radius: var(--vt-r); box-shadow: 0 1.6rem 4.5rem -1rem rgba(0, 0, 0, .75), 0 0 0 1px var(--border-h); }
.player-section.theater .video-wrap { border-radius: 0; }

/* Sunucu ve eylem düğmeleri: ortak yuvarlak biçim, vurgu AA kontrastlı */
.srv-btn, .act-btn { border-radius: 2rem; min-height: 2.6rem; padding: .55rem 1.1rem; font-weight: 700; }
.srv-btn.active { background: var(--pr-btn); border-color: transparent; color: var(--pr-on); }
.srv-btn:hover { color: var(--text); background: var(--hover-bg); border-color: var(--border-h); }
.srv-btn.active:hover { background: var(--pr-btn-h); color: var(--pr-on); }
.act-btn { background: var(--input-bg); color: var(--text); }
.act-btn:hover { background: var(--hover-bg); border-color: var(--border-h); }
.act-btn.liked { background: color-mix(in srgb, var(--pr) 16%, var(--card)); border-color: color-mix(in srgb, var(--pr) 55%, transparent); color: var(--text); }
.act-btn.liked i { color: var(--pr); }
.act-btn.watched { color: var(--green); }

/* Önceki / Sonraki */
.ep-nav { gap: .6rem; margin-top: .9rem; }
.ep-nav-btn { border-radius: .7rem; min-height: 3rem; font-size: .9rem; justify-content: center; flex: 1; background: var(--input-bg); color: var(--text); }
.ep-nav-btn:hover { color: var(--text); background: var(--hover-bg); border-color: var(--border-h); transform: none; }
.ep-nav-btn.next-btn { background: var(--pr-btn); border-color: transparent; color: var(--pr-on); box-shadow: 0 .6rem 1.6rem -.7rem color-mix(in srgb, var(--pr) 80%, transparent); }
.ep-nav-btn.next-btn:hover { background: var(--pr-btn-h); color: var(--pr-on); }

/* Bölüm bilgisi */
.ep-info { margin-top: 1.1rem; }
.ep-meta-line { color: var(--text-s); font-size: .88rem; }
.ep-meta-line a, .ep-meta-line b { color: var(--pr); font-weight: 800; }
.ep-info h1 { font-size: clamp(1.5rem, 3vw, 2.2rem); font-weight: 900; letter-spacing: -.02em; line-height: 1.15; text-wrap: balance; }
.ep-summary { color: var(--text-s); line-height: 1.7; max-width: 60rem; }

/* Yan kart: özel logolu proje kartı */
.proj-card { border-radius: var(--vt-r); background: var(--card); box-shadow: inset 0 0 0 1px var(--border-h), var(--vt-gol); border: 0; }
.proj-poster { aspect-ratio: 16 / 9; }
.proj-poster-grad { background: linear-gradient(180deg, transparent 35%, var(--card) 100%); }
.proj-poster .proj-logo { position: absolute; z-index: 2; left: 1rem; bottom: .9rem; max-width: 62%; max-height: 42%; object-fit: contain; object-position: left bottom; filter: drop-shadow(0 .2rem .8rem rgba(0, 0, 0, .75)); width: auto; height: auto; right: auto; top: auto; }
.proj-title { font-size: 1.25rem; font-weight: 900; letter-spacing: -.01em; }
.proj-title.logolu { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.proj-type-tag { border-radius: .3rem; letter-spacing: .08em; color: var(--text); background: var(--hover-bg); box-shadow: inset 0 0 0 1px var(--border-h); font-size: .66rem; }
.proj-desc-short { color: var(--text-s); line-height: 1.6; }
.proj-details-btn { border-radius: .6rem; min-height: 2.7rem; background: var(--input-bg); color: var(--text); }
.proj-details-btn:hover { background: var(--hover-bg); }

/* Bölüm listesi: büyük küçük resim, geçerli bölümde vurgu çubuğu */
.ep-list-card { border-radius: var(--vt-r); box-shadow: inset 0 0 0 1px var(--border-h); border: 0; background: var(--card); }
.ep-list-title { font-weight: 800; }
.ep-list-item { border-radius: .65rem; padding: .5rem; gap: .75rem; position: relative; }
.ep-list-item:hover { background: var(--hover-bg); }
.ep-list-item.current { background: color-mix(in srgb, var(--pr) 13%, transparent); }
.ep-list-item.current::before { content: ''; position: absolute; left: -.2rem; top: .7rem; bottom: .7rem; width: .22rem; border-radius: .2rem; background: var(--pr); }
.ep-list-thumb { border-radius: .45rem; }
.ep-list-num { font-size: .78rem; font-weight: 800; color: var(--pr); }
.ep-list-name { font-size: .92rem; font-weight: 700; color: var(--text); }
.ep-list-date { color: var(--muted); font-size: .78rem; }
.ep-sezon-sekme { border-radius: 2rem; }
.ep-sezon-sekme.on { background: var(--pr-btn); color: var(--pr-on); }

/* Yorumlar ve kadro */
.comments-box, .cast-section .cast-card { border-radius: var(--vt-r); }
.comments-box { box-shadow: inset 0 0 0 1px var(--border-h); border: 0; }
.comments-box-title { font-weight: 800; }
.c-sort-btn { border-radius: 2rem; }
.c-sort-btn.active { background: var(--pr-btn); color: var(--pr-on); border-color: transparent; }

/* Bunları da sevebilirsin (js/vitrin.js şeridi) */
#benzerSec { margin-top: clamp(1.6rem, 3vw, 3rem); margin-bottom: 1rem; }
#benzerSec:empty { display: none; }

@media (max-width: 960px) { .proj-sidebar { position: static; } }

/* Yorum alanı: sabit 480 px yerine içeriğe göre (yorum yokken büyük boşluk kalıyordu), en fazla ~34rem kayar */
.comments-scroll-area { height: auto; min-height: 7rem; max-height: 34rem; }