/* =========================================================
   DiziFilm teması — detay paketi (film / dizi / anime / oyuncu + bileşenleri)
   Yalnız tema token'ları; tema dosyaları (app.css, parts/*, bridge.css) değiştirilmez.
   ========================================================= */

/* ---- Hero: eylem düğmeleri ---- */
.detay-actgroup{display:contents}
.detail-actions .btn.btn-icon{padding:0;width:var(--btn-lg-h,52px);justify-content:center}
.detail-actions .btn.is-active{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}
.detail-actions .btn[disabled]{opacity:.7;cursor:progress}
.detail-poster .poster-placeholder,.detail-poster > div{width:100%;height:100%}
.detay-anchor{display:block;position:relative;top:calc(-1 * (var(--header-h, 68px) + var(--pagenav-h, 56px) + 16px));height:0;visibility:hidden}
.genre-line .chip svg{width:14px;height:14px}

@media (max-width: 560px){
  /* Telefonda ikincil düğmeler 3'lü karo ızgarası (tema: tek satır; giris7'de daha çok eylem var). */
  .detail-actions .btn:not(.btn-primary){flex:1 1 calc((100% - 16px) / 3);max-width:none}
  .detail-actions .btn.btn-icon{width:auto;padding:10px 6px}
}

/* ---- Karakter baş harfi (görselsiz oyuncu) ---- */
.detay-initial{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--s2);box-shadow:0 0 0 1px var(--line-2);font:800 30px/1 var(--font-display);color:var(--t3)}
.detay-initial.is-hero{width:100%;height:100%;border:4px solid var(--s1);font-size:52px}

/* ---- Oynatıcı alt şeridi: beğen / beğenme / sorun bildir ---- */
.detay-react{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px;padding:8px 10px;border-radius:var(--r-lg);background:var(--s1);box-shadow:inset 0 0 0 1px var(--line-1)}
.detay-react__votes{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.detay-react .like-btn{height:38px;border-color:var(--line-2)}
.detay-react .like-btn.is-down svg{transform:scaleY(-1)}
.detay-react .like-btn.is-down.is-active{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}
.detay-react__err{font:500 13px/1.3 var(--font-body);color:var(--gold)}
.inline-player .ad-banner,.inline-player .ad-box{margin-block:12px}
.detay-notice{margin:0 0 12px;align-items:center}
.detay-notice > svg{color:var(--gold)}

/* ---- Açılır pencere / alt sayfa (sorun bildir, listeye ekle) ---- */
.detay-sheet{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(var(--scrim-rgb),.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.detay-sheet[x-cloak]{display:none}
.detay-sheet__panel{width:min(520px,100%);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;padding:22px;border-radius:var(--r-lg);background:var(--s2);border:1px solid var(--line-2);box-shadow:var(--shadow-2);color:var(--t1)}
.detay-sheet__panel .form{display:grid;gap:14px}
.detay-sheet__panel .dialog-head{margin-bottom:12px}
.detay-sheet__panel .form .dialog-head{margin-bottom:0}
.detay-sheet__panel .dialog-head .h3 svg{width:18px;height:18px;color:var(--accent)}
.detay-sheet__panel textarea.input{min-height:84px}
.detay-sheet__desc{font:500 14px/1.5 var(--font-body);color:var(--t2)}
.detay-sheet__label{display:block;margin-bottom:6px;font:600 13px/1.3 var(--font-body);color:var(--t2)}
.detay-sheet__err{font:500 13px/1.4 var(--font-body);color:var(--danger)}
.detay-sheet__done{display:grid;justify-items:center;gap:10px;padding:26px 8px;text-align:center;font:600 15px/1.4 var(--font-body)}
.detay-sheet__done svg{width:40px;height:40px;color:var(--accent)}
.detay-sheet__list{display:grid;gap:6px;margin-bottom:14px}
.detay-sheet__list form{margin:0}
.detay-sheet__list .source-link{width:100%;border:0;text-align:left;cursor:pointer}
@media (max-width: 560px){
  .detay-sheet{align-items:flex-end;padding:0}
  .detay-sheet__panel{width:100%;max-height:85dvh;border-radius:var(--r-lg) var(--r-lg) 0 0;padding:20px 16px calc(20px + var(--safe-b, 0px))}
  .detay-sheet__panel .dialog-actions{flex-direction:column-reverse}
  .detay-sheet__panel .dialog-actions .btn{width:100%}
}

/* ---- Yan panel: Puanla kartı ---- */
.detay-rate .spec-head{margin-bottom:10px}
.detay-rate__score{display:flex;align-items:baseline;gap:6px;margin-bottom:12px}
.detay-rate__score svg{width:22px;height:22px;color:var(--gold);align-self:center}
.detay-rate__score strong{font:800 40px/1 var(--font-display);font-variation-settings:"opsz" 72,"wdth" 80;letter-spacing:-.02em;color:var(--t1)}
.detay-rate__score small{font:600 14px/1 var(--font-body);color:var(--t3)}
.detay-rate__label{margin-bottom:8px;font:600 10.5px/1.3 var(--font-body);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--t3)}
.detay-rate .rating-picker{display:block}
.detay-rate .rating-picker__track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px;border-radius:var(--r-md)}
.detay-rate .rating-picker button{width:auto;height:38px;border-radius:var(--r-sm)}
.detay-rate__mine{margin-top:10px;font:600 13.5px/1.3 var(--font-body);color:var(--gold)}
.detay-rate__err{margin-top:8px;font:500 13px/1.3 var(--font-body);color:var(--danger)}
.aside-note a{color:var(--accent);font-weight:600}

/* ---- Yorumlar: giris7 ekleri ---- */
.comments > .section-head{flex-wrap:wrap}
.detay-sort{padding:3px}
.detay-sort a{height:32px;padding:0 14px;font-size:13px}
.detay-flash{margin:0 0 14px}
.comments .comment-form{margin-top:4px}
.detay-captcha label{display:grid;gap:6px;font:600 13px/1.3 var(--font-body);color:var(--t2)}
.detay-captcha input{height:42px;max-width:12rem;padding:0 14px;border-radius:var(--r-sm);background:var(--s0);border:1px solid var(--line-2);color:var(--t1);font:500 14px/1.4 var(--font-body)}
.detay-captcha p{margin-top:6px;font:500 13px/1.4 var(--font-body);color:var(--danger)}
.detay-spoiler-range{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border-radius:var(--r-md);background:var(--gold-soft);box-shadow:inset 0 0 0 1px rgba(255,200,97,.22);font:500 13.5px/1.4 var(--font-body);color:var(--t1)}
.detay-spoiler-range .input{width:92px;height:40px;background:var(--s0)}
.detay-spoiler-range small{flex-basis:100%;font:500 12px/1.4 var(--font-body);color:var(--t3)}
.comment.is-pinned{margin:6px -14px;padding:18px 14px;border-radius:var(--r-lg);background:linear-gradient(90deg,rgba(var(--violet-rgb),.14),rgba(var(--violet-rgb),.03) 70%);box-shadow:inset 0 0 0 1px var(--accent-line)}
.comment.is-pinned + .comment{border-top:0}
.detay-pinned{display:flex;align-items:center;gap:6px;margin:0 0 6px!important;font:700 11px/1 var(--font-body)!important;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--nardo-200)!important}
.detay-pinned svg{width:13px;height:13px}
.detay-mod{display:inline-flex;align-items:center;gap:2px;margin-left:auto}
.detay-mod form{margin:0}
.detay-mod .link-btn{height:32px;padding:0 8px}
.comment-head .badge{height:20px;font-size:10px}
.detay-emojis{display:inline-flex;align-items:center;gap:2px;flex-wrap:wrap}
.detay-emoji{display:inline-flex;align-items:center;gap:3px;height:32px;padding:0 9px;border-radius:var(--r-round);border:1px solid transparent;background:transparent;font:500 14px/1 var(--font-body);color:var(--t2);transition:background var(--dur-fast),border-color var(--dur-fast)}
.detay-emoji .num{font:600 11px/1 var(--font-body);color:var(--t3)}
.detay-emoji:hover{background:var(--s-raised);border-color:var(--line-1)}
.detay-emoji.is-active{background:var(--accent-soft);border-color:var(--accent-line);color:var(--t1)}
.detay-emoji.is-active .num{color:var(--nardo-200)}
.detay-emoji.is-static,.like-btn.is-static{pointer-events:none}
.comment .spoiler{margin-top:6px}
.comment p .minivideo-embed,.comment p [data-minivideo]{margin-top:8px}
.detay-forum{margin-top:var(--sp-8)}
.detay-forum:empty{display:none}

/* ---- Premium rozeti ---- */
.detay-premium{height:20px;padding:0 7px;font-size:10px;text-transform:none;letter-spacing:.02em;background:var(--gold-soft);box-shadow:inset 0 0 0 1px rgba(255,200,97,.28)}
.detay-premium svg{width:12px;height:12px}
.detay-premium.is-icon{padding:0;width:20px;justify-content:center}

/* ---- SSS akordeonu ---- */
.detay-faq{margin-top:var(--section-gap)}
.detay-faq__list{display:grid;gap:8px}
.detay-faq__item{border-radius:var(--r-lg);background:var(--s1);box-shadow:inset 0 0 0 1px var(--line-1);transition:box-shadow var(--dur-fast),background var(--dur-fast)}
.detay-faq__item.is-open{background:linear-gradient(180deg,rgba(var(--violet-rgb),.08),transparent 80%),var(--s1);box-shadow:inset 0 0 0 1px var(--accent-line)}
.detay-faq__q{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:12px 18px;border:0;background:none;text-align:left;color:var(--t1);font:600 15px/1.4 var(--font-body);cursor:pointer}
.detay-faq__n{flex:none;font:800 15px/1 var(--font-display);color:var(--nardo-200)}
.detay-faq__text{flex:1;min-width:0}
.detay-faq__q > svg{width:18px;height:18px;flex:none;color:var(--t3);transition:transform var(--dur-base) var(--ease-out)}
.detay-faq__item.is-open .detay-faq__q > svg{transform:rotate(180deg);color:var(--accent)}
.detay-faq__a{padding:0 18px 16px 47px}
.detay-faq__a p{font:500 14.5px/1.65 var(--font-body);color:var(--t2)}
@media (max-width: 560px){ .detay-faq__a{padding-left:18px} }

/* ---- Tür / platform duyuruları ---- */
.detay-ann{display:grid;gap:10px;margin:18px 0}
.detay-ann__item{margin:0;align-items:center}
.detay-ann__text{flex:1;min-width:0}
.detay-ann__text a{margin-left:6px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.detay-ann__close{flex:none;width:36px;height:36px;margin:-6px -6px -6px 0}

/* ---- Oyuncu sayfası ---- */
.detay-bio{white-space:pre-line}
.detay-person-body{margin-top:var(--section-gap)}
.detay-person-body.is-single .detail-main{flex-basis:100%}
.detay-person-body .detail-main > .section:first-child{margin-top:0}
.detay-photos.row-track{grid-auto-columns:clamp(112px,11vw,150px);gap:12px;padding-top:6px}
.detay-photo{position:relative;display:block;aspect-ratio:2/3;padding:0;border:0;border-radius:var(--r-md);overflow:hidden;background:var(--s2);box-shadow:inset 0 0 0 1px var(--line-1);cursor:zoom-in}
.detay-photo img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow,.4s) var(--ease-out)}
.detay-photo__zoom{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(var(--scrim-rgb),.72);color:var(--t1);opacity:0;transition:opacity var(--dur-fast)}
.detay-photo__zoom svg{width:16px;height:16px}
@media (hover:hover){ .detay-photo:hover img{transform:scale(1.05)} .detay-photo:hover .detay-photo__zoom{opacity:1} }
.detay-photo:focus-visible .detay-photo__zoom{opacity:1}
.detay-lightbox{position:fixed;inset:0;z-index:130;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,48px);background:rgba(var(--scrim-rgb),.94)}
.detay-lightbox[x-cloak]{display:none}
.detay-lightbox__fig{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}
.detay-lightbox__fig img{max-width:100%;max-height:85vh;max-height:85dvh;border-radius:var(--r-lg);object-fit:contain;box-shadow:var(--shadow-2)}
.detay-lightbox__count{position:absolute;left:16px;top:16px;height:32px;padding:0 12px;display:inline-flex;align-items:center;border-radius:var(--r-round);background:var(--s2);box-shadow:inset 0 0 0 1px var(--line-2);font:600 13px/1 var(--font-body);color:var(--t1)}
.detay-lightbox__close{position:absolute;right:12px;top:12px;background:var(--s2);box-shadow:inset 0 0 0 1px var(--line-2)}
.detay-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:var(--s2);box-shadow:inset 0 0 0 1px var(--line-2);z-index:1}
.detay-lightbox__nav.is-prev{left:12px}
.detay-lightbox__nav.is-next{right:12px}
.detay-awards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:10px}
.detay-awards li{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:var(--r-md);background:var(--s1);box-shadow:inset 0 0 0 1px var(--line-1)}
.detay-awards li > div{min-width:0}
.detay-awards__name{font:600 14.5px/1.4 var(--font-body);color:var(--t1)}
.detay-awards__name .num{font-weight:500;color:var(--t3)}
.detay-awards__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font:500 12.5px/1.3 var(--font-body);color:var(--t3)}
.detay-alias{display:block}
.detay-alias + .detay-alias{margin-top:2px}

/* ikon düğmelerin etiketi: masaüstünde yalnız ikon (title/aria-label), telefonda karo etiketi */
.detail-actions .btn-icon .detay-lbl{display:none}
@media (max-width: 560px){ .detail-actions .btn-icon .detay-lbl{display:inline} }
@media (min-width: 561px){
  /* giris7'de hero satırında tema'dan fazla eylem var (Sonra İzle, Listeye Ekle) → ikincil düğmeler biraz daha dar */
  .detail-actions .btn-lg:not(.btn-primary):not(.btn-icon){padding:0 20px}
}

/* ---- Görsel yedekleri: afiş / portre / oyuncu fotoğrafı yüklenemezse (onerror) yer tutucu ---- */
.detay-initial[hidden],.detay-poster-ph[hidden]{display:none}
.detay-poster-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;text-align:center;background:radial-gradient(120% 80% at 50% 0%,rgba(var(--violet-rgb),.22),transparent 70%),linear-gradient(180deg,var(--s2),var(--s1));color:var(--t3)}
.detay-poster-ph svg{width:40px;height:40px;opacity:.55}
.detay-poster-ph span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font:700 15px/1.3 var(--font-display);color:var(--t2)}

/* ---- Telefonda 4 ikincil eylem: 3+1 yerine tek sıra 4 karo ---- */
@media (max-width: 560px){
  .detail-actions.is-n4 .btn:not(.btn-primary){flex-basis:calc((100% - 24px) / 4)}
}