/* =========================================================
   giris7 (filo yazılımı) ↔ DiziFilm "Perde/Lumen" teması köprüsü
   Tema dosyaları (app.css + parts) değiştirilmeden, giris7'ye özgü
   parçalar (türler/platformlar grupları, dil seçici, sohbet dock'u,
   arama önerisi kişiler grubu …) tema token'larıyla burada biçimlenir.
   ========================================================= */

/* ---- Sol menü: açılır Türler / Platformlar grupları ---- */
.rail-acc{display:block}
.rail-acc>summary{list-style:none;cursor:pointer;user-select:none}
.rail-acc>summary::-webkit-details-marker{display:none}
.rail-acc__chev{width:16px;height:16px;flex:none;opacity:.55;transition:transform var(--dur-fast) var(--ease-out)}
.rail-acc[open] .rail-acc__chev{transform:rotate(180deg)}
.rail-acc>summary .rail-meta{margin-left:auto}
.rail-acc>summary .rail-meta+.rail-acc__chev{margin-left:2px}
.rail-acc__list{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:2px 0 8px 46px;max-height:280px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--nardo-700) transparent}
.rail-acc__list a{display:block;padding:7px 9px;border-radius:var(--r-xs);font:500 13px/1.2 var(--font-body);color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--dur-fast),background var(--dur-fast)}
.rail-acc__list a:hover,.rail-acc__list a.is-active{color:var(--t1);background:var(--s-raised)}
@container rail (max-width: 140px){
  .rail-acc__list,.rail-acc__chev{display:none}
}
/* daraltılmış menüde grup listesi sağa açılan panel olarak (bridge.js body'ye taşır) */
.rail-fly{position:fixed;z-index:calc(var(--z-rail) + 2);left:calc(var(--rail-cur) + 10px);width:min(340px,calc(100vw - var(--rail-cur) - 24px));max-height:min(70vh,520px);overflow:auto;padding:12px;border-radius:var(--r-lg);background:var(--s1);box-shadow:var(--shadow-2),inset 0 0 0 1px var(--line-2)}
.rail-fly[hidden]{display:none}
.rail-fly__title{margin:2px 6px 10px;font:700 10.5px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--t3)}
.rail-fly__list{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.rail-fly__list a{display:block;padding:8px 10px;border-radius:var(--r-xs);font:500 13.5px/1.2 var(--font-body);color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rail-fly__list a:hover,.rail-fly__list a.is-active{color:var(--t1);background:var(--s-raised)}

/* ---- Üst çubuk: dil seçici + hesap menüsü sayaçları ---- */
.lang-btn{width:auto;min-width:44px;padding:0 12px;gap:6px;display:inline-flex;align-items:center}
.lang-btn svg{width:18px;height:18px}
.lang-code{font:700 12px/1 var(--font-body);letter-spacing:.04em}
.lang-dropdown{min-width:210px}
.lang-dropdown a.is-current{color:var(--t1);background:var(--accent-soft)}
.lang-flag{width:22px;font-size:16px;line-height:1;text-align:center}
.lang-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.lang-dropdown a svg{margin-left:auto;color:var(--accent)}
.dd-count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-round);background:var(--grad-brand);color:var(--t1);font:700 11px/20px var(--font-body);text-align:center}
.notif-empty{padding:18px 14px;font:500 13.5px/1.5 var(--font-body);color:var(--t3)}
.notif-dropdown .notif-all{justify-content:center;gap:6px;height:44px;border-top:1px solid var(--line-1);border-radius:0;font-weight:600;color:var(--accent)}
@media (max-width: 560px){ .lang-code{display:none} .lang-btn{padding:0;width:44px;justify-content:center} }

/* ---- Alt bilgi ---- */
.footer-grid a.is-accent{color:var(--accent)}
.footer-disclaimer{color:var(--t3);max-width:60ch}
.social-txt{font:700 11px/1 var(--font-body);letter-spacing:.04em}

/* ---- Mobil menü: dil çipleri ---- */
.mobile-langs a.is-active{color:var(--t1);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}

/* ---- Arama önerisi: kişiler grubu + tüm sonuçlar ---- */
.search-results .search-noimg{width:40px;height:60px;flex:none;border-radius:var(--r-xs);background:var(--s3)}
.search-results__all{display:flex!important;justify-content:center;gap:6px;padding:12px!important;border-top:1px solid var(--line-1);font-weight:600;color:var(--accent)!important}

/* ---- giris7 yüzen öğeleri: sohbet dock'u varken yukarı-çık düğmesi sola kayar ---- */
body.has-chat .to-top-fab{right:calc(96px + var(--safe-r))}
@media (max-width: 767px){ body.has-chat .to-top-fab{right:calc(84px + var(--safe-r))} }

/* ---- Eski Tailwind sayfaları tema kabuğunda: yatay taşma olmasın ---- */
.site-frame main{overflow-x:clip}
.site-frame .container-site{max-width:var(--content-max)}

/* ---- Trend satırı: gradyan sıra numaraları ---- */
.trend-track{--cols:6}
.trend-item{position:relative;display:flex;align-items:flex-end;min-width:0}
.trend-item>.card{flex:1;min-width:0}
.trend-rank{position:absolute;left:-6px;bottom:78px;z-index:3;pointer-events:none;font:800 clamp(64px,7vw,110px)/.8 var(--font-display);font-variation-settings:"opsz" 96,"wdth" 75;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:2px rgba(var(--lilac-rgb),.35);text-shadow:0 10px 30px rgba(0,0,0,.6)}
.trend-item.is-top .trend-rank{background:var(--grad-shine);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:0}
.poster-grid__ad{grid-column:1/-1}
.empty>svg{width:40px;height:40px}
.card-badges .badge svg{width:12px;height:12px}

/* ---- Tailwind preflight svg{display:block} tema ikonlarını kaydırıyordu (★ puanın üstüne çıkıyordu): tema ortamı gibi satır içi ---- */
svg{display:inline-block;vertical-align:baseline}
/* eksik afiş yer tutucusu kart oranını korusun */
.card-media img[src*="placeholder-poster"]{object-fit:cover;background:var(--s2)}