/* ============================================================
   kültfilmler — OYUNCULAR / YÖNETMENLER index (taxonomy listesi)
   Tasarım: özel tasarım. Değişkenler theme.css'ten. .person-index altında kapsüllü.
   ============================================================ */

.person-index .titlerow{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding-top:24px; }
.person-index .titlerow h1{ font-family:var(--display); font-weight:700; letter-spacing:-.4px; font-size:26px; color:#f3f3f3; }
.person-index .titlerow .count{ font-size:12px; color:var(--faint); margin-left:11px; font-family:var(--sans); font-weight:500; }

/* SIRALAMA dropdown */
.person-index .drop{ position:relative; }
.person-index .drop .btn{ display:flex; align-items:center; gap:9px; height:38px; padding:0 13px; border-radius:8px; background:var(--bg-2); border:1px solid var(--line); color:var(--ink); font:inherit; font-size:12.5px; font-weight:600; cursor:pointer; transition:.15s; white-space:nowrap; }
.person-index .drop .btn:hover, .person-index .drop.open .btn{ border-color:var(--line-2); background:var(--card); }
.person-index .drop .btn .dico{ color:var(--faint); display:flex; }
.person-index .drop .btn .chev{ color:var(--faint); transition:transform .18s; }
.person-index .drop.open .btn .chev{ transform:rotate(180deg); }
.person-index .fmenu{ position:absolute; z-index:30; top:calc(100% + 6px); right:0; min-width:100%; padding:5px; border-radius:9px; background:#202024; border:1px solid var(--line-2); box-shadow:0 18px 40px -12px rgba(0,0,0,.7); opacity:0; visibility:hidden; transform:translateY(-4px); transition:.15s; }
.person-index .drop.open .fmenu{ opacity:1; visibility:visible; transform:translateY(0); }
.person-index .fmenu button{ display:flex; align-items:center; justify-content:space-between; gap:14px; width:100%; padding:8px 11px; border:none; border-radius:6px; background:none; color:var(--muted); font:inherit; font-size:12.5px; font-weight:500; text-align:left; cursor:pointer; white-space:nowrap; transition:.12s; }
.person-index .fmenu button:hover{ background:var(--card-2); color:var(--ink); }
.person-index .fmenu button.on{ color:#fff; } .person-index .fmenu button.on::after{ content:"✓"; color:var(--orange); font-weight:700; }

/* ARAMA */
.person-index .filterbar{ display:flex; align-items:center; gap:14px; margin-top:18px; padding-bottom:22px; border-bottom:1px solid var(--line); }
.person-index .search2{ display:flex; align-items:center; gap:9px; height:42px; flex:1; min-width:0; max-width:420px; padding:0 14px; background:#101012; border:1px solid var(--line); border-radius:9px; transition:.15s; }
.person-index .search2:focus-within{ border-color:rgba(232,162,60,.5); }
.person-index .search2 svg{ color:var(--faint); flex:none; }
.person-index .search2 input{ flex:1; min-width:0; background:none; border:none; outline:none; color:var(--ink); font:inherit; font-size:13.5px; }
.person-index .search2 input::placeholder{ color:var(--faint); }

/* GRID + KART */
.person-index .grid{ display:grid; grid-template-columns:repeat(6,1fr); gap:24px 18px; padding-top:28px; min-height:46vh; align-content:start; }
.person-index .acard{ text-align:center; cursor:pointer; display:block; }
.person-index .acard .av{ position:relative; width:100%; aspect-ratio:1; border-radius:50%; overflow:hidden; display:grid; place-items:center; font-size:30px; font-weight:800; color:#fff; transition:transform .2s ease, box-shadow .2s; box-shadow:0 0 0 1px var(--line); }
.person-index .acard .av img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.person-index .acard .av::after{ content:""; position:absolute; inset:0; border-radius:50%; box-shadow:inset 0 -30px 50px -20px rgba(0,0,0,.5); }
.person-index .acard:hover .av{ transform:translateY(-4px); box-shadow:0 14px 30px -12px rgba(0,0,0,.6), 0 0 0 2px var(--orange); }
.person-index .acard h3{ font-size:13px; font-weight:700; color:#f1f1f2; margin-top:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.person-index .acard .cnt{ display:inline-block; margin-top:8px; font-size:10.5px; font-weight:600; color:var(--muted); background:var(--bg-2); border:1px solid var(--line); padding:3px 9px; border-radius:20px; }

.person-index .empty{ grid-column:1 / -1; display:flex; flex-direction:column; align-items:center; gap:12px; padding:64px 0; text-align:center; color:var(--faint); }

/* SAYFALAMA */
.person-index .pager{ display:flex; align-items:center; justify-content:center; gap:7px; margin-top:34px; margin-bottom:30px; flex-wrap:wrap; }
.person-index .pager a, .person-index .pager span{ min-width:36px; height:36px; padding:0 12px; border-radius:8px; border:1px solid var(--line); background:var(--bg-2); color:var(--muted); font-size:12.5px; font-weight:600; transition:.15s; display:inline-flex; align-items:center; justify-content:center; gap:5px; }
.person-index .pager a:hover{ color:var(--ink); border-color:var(--line-2); }
.person-index .pager span.on{ background:linear-gradient(180deg,var(--orange),var(--orange-deep)); color:#241a09; border-color:transparent; }
.person-index .pager span.dis{ opacity:.38; }
.person-index .pager span.gap{ border:none; background:none; color:var(--faint); min-width:auto; padding:0 2px; }
.person-index .grid.loading{ opacity:.5; pointer-events:none; transition:opacity .15s; }

@media (max-width:1000px){ .person-index .grid{ grid-template-columns:repeat(4,1fr); } }
@media (max-width:680px){
  .person-index .grid{ grid-template-columns:repeat(3,1fr); }
  .person-index .titlerow{ align-items:center; gap:10px; }
  .person-index .titlerow h1{ font-size:22px; }
}
@media (max-width:460px){ .person-index .grid{ grid-template-columns:repeat(2,1fr); } }