/* ==========================================================================
   IZLEME ODALARI - Faz 1
   Her sey .wiz koku altinda. Mevcut index.css ve brand.css kurallarina
   dokunulmaz; bu dosya yalnizca kendi agacini boyar.
   brand.css icinde ciplak `a{color:...!important}` oldugu icin buradaki
   baglantilarda renk acikca yeniden veriliyor.
   ========================================================================== */

.wiz{
  --wz-zemin:#0B0A0D;
  --wz-panel:#131118;
  --wz-panel2:#1A1720;
  --wz-cizgi:#272231;
  --wz-cizgi2:#372F44;
  --wz-metin:#EDEAF2;
  --wz-sonuk:#8A8296;
  --wz-kirmizi:#EF3357;
  --wz-kirmizi2:#FF7D93;
  --wz-yesil:#3FBF7F;
  --wz-sari:#E0A33A;

  color:var(--wz-metin);
  font-family:inherit;
}
.wiz *{box-sizing:border-box}
.wiz a{color:var(--wz-metin)}

/* ---------- ortak parcalar ---------- */
.wiz-tus{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 16px;border-radius:10px;border:1px solid var(--wz-cizgi);
  background:var(--wz-panel);color:var(--wz-metin);font-size:14px;font-weight:500;
  cursor:pointer;transition:border-color .15s,background .15s;text-decoration:none;
}
.wiz-tus:hover{border-color:var(--wz-cizgi2)}
.wiz-tus:focus-visible{outline:2px solid var(--wz-kirmizi2);outline-offset:2px}
.wiz-tus[disabled]{opacity:.45;cursor:not-allowed}
.wiz-tus.ana{background:var(--wz-kirmizi);border-color:var(--wz-kirmizi);color:#fff;font-weight:600}
.wiz-tus.ana:hover{background:#d92a4c;border-color:#d92a4c}
.wiz-tus.kucuk{padding:7px 11px;font-size:13px}
.wiz-tus.simge{padding:0;width:38px;height:38px}

.wiz-alan{
  width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--wz-cizgi);
  background:var(--wz-panel);color:var(--wz-metin);font-size:14px;font-family:inherit;
}
.wiz-alan::placeholder{color:var(--wz-sonuk)}
.wiz-alan:focus{outline:none;border-color:var(--wz-kirmizi2)}

.wiz-etiket{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--wz-sonuk);font-weight:600}

.wiz-secim{display:flex;gap:8px;flex-wrap:wrap}
.wiz-secim button{
  flex:1 1 90px;padding:9px 10px;border-radius:10px;border:1px solid var(--wz-cizgi);
  background:var(--wz-panel);color:var(--wz-sonuk);font-size:13px;cursor:pointer;font-family:inherit;
}
.wiz-secim button[aria-pressed="true"]{
  border-color:var(--wz-kirmizi);background:rgba(239,51,87,.12);color:var(--wz-metin);font-weight:600;
}

/* ---------- /izle sayfasi ---------- */
.wiz-sayfa{max-width:1180px;margin:0 auto;padding:26px 20px 64px;display:flex;flex-direction:column;gap:22px}
.wiz-ust{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.wiz-ust h1{font-size:30px;margin:0;letter-spacing:-.02em;color:var(--wz-metin)}
.wiz-ust p{margin:0;color:var(--wz-sonuk);font-size:14px}
.wiz-ust .sag{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}

.wiz-sekmeler{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--wz-cizgi);padding-bottom:14px}
.wiz-sekmeler button{
  padding:7px 14px;border-radius:99px;border:1px solid var(--wz-cizgi);
  background:transparent;color:var(--wz-sonuk);font-size:13px;cursor:pointer;font-family:inherit;
}
.wiz-sekmeler button[aria-selected="true"]{background:var(--wz-metin);color:var(--wz-zemin);border-color:var(--wz-metin);font-weight:600}

.wiz-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.wiz-kart{
  border:1px solid var(--wz-cizgi);border-radius:14px;background:var(--wz-panel);
  overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;
  transition:border-color .15s;
}
.wiz-kart:hover{border-color:var(--wz-cizgi2)}
.wiz-kart-gorsel{
  height:92px;background:linear-gradient(150deg,#241A2B,#141019);
  border-bottom:1px solid var(--wz-cizgi);position:relative;
}
.wiz-rozet{
  position:absolute;top:9px;left:9px;display:inline-flex;align-items:center;gap:5px;
  padding:4px 9px;border-radius:99px;background:rgba(239,51,87,.18);color:var(--wz-kirmizi2);
  font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
}
.wiz-rozet.canli::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--wz-kirmizi)}
.wiz-kart-alt{padding:12px 13px;display:flex;flex-direction:column;gap:6px}
.wiz-kart-ad{font-size:14.5px;font-weight:600;line-height:1.3;color:var(--wz-metin)}
.wiz-kart-bilgi{font-size:12px;color:var(--wz-sonuk);display:flex;gap:10px;flex-wrap:wrap}

.wiz-bos{
  border:1px dashed var(--wz-cizgi2);border-radius:14px;padding:34px 20px;text-align:center;
  color:var(--wz-sonuk);font-size:14px;
}

/* ---------- kurma penceresi ---------- */
.wiz-perde{
  position:fixed;inset:0;background:rgba(6,5,8,.72);z-index:1200;
  display:flex;align-items:center;justify-content:center;padding:18px;
}
.wiz-perde[hidden]{display:none}
.wiz-pencere{
  width:100%;max-width:460px;background:var(--wz-panel);border:1px solid var(--wz-cizgi);
  border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:14px;
  max-height:90vh;overflow:auto;
}
.wiz-pencere h2{margin:0;font-size:19px;letter-spacing:-.02em;color:var(--wz-metin)}
.wiz-grup{display:flex;flex-direction:column;gap:7px}
.wiz-ipucu{font-size:12px;color:var(--wz-sonuk);line-height:1.5}
.wiz-hata{font-size:13px;color:var(--wz-kirmizi2);min-height:18px}

/* ---------- oda ekrani ---------- */
.wiz-oda{
  display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;
  max-width:1440px;margin:0 auto;padding:16px 18px 26px;align-items:start;
}
.wiz-sol{display:flex;flex-direction:column;gap:12px;min-width:0}

.wiz-oda-basi{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.wiz-oda-basi h1{font-size:19px;margin:0;letter-spacing:-.02em;color:var(--wz-metin)}
.wiz-oda-basi .sag{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}

.wiz-sahne{
  position:relative;border:1px solid var(--wz-cizgi);border-radius:14px;overflow:hidden;
  background:#000;aspect-ratio:16/9;width:100%;
}
.wiz-sahne > iframe,
.wiz-sahne > video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;display:block}
.wiz-sahne-bos{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:12px;color:var(--wz-sonuk);font-size:14px;text-align:center;padding:20px;
}

.wiz-kontrol{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:10px 12px;border:1px solid var(--wz-cizgi);border-radius:12px;background:var(--wz-panel);
}
.wiz-ilerleme{flex:1 1 180px;display:flex;align-items:center;gap:9px;min-width:150px}
.wiz-ilerleme input[type=range]{flex:1;accent-color:var(--wz-kirmizi);min-width:80px}
.wiz-sure{font-size:12.5px;color:var(--wz-sonuk);font-variant-numeric:tabular-nums;white-space:nowrap}
.wiz-durum-yazi{font-size:12px;color:var(--wz-sonuk)}
.wiz-durum-yazi b{color:var(--wz-yesil);font-weight:600}
.wiz-durum-yazi.uyari b{color:var(--wz-sari)}

.wiz-kisiler{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.wiz-kisi{
  position:relative;width:34px;height:34px;border-radius:11px;overflow:hidden;
  background:var(--wz-panel2);border:1px solid var(--wz-cizgi);flex:none;
}
.wiz-kisi img{width:100%;height:100%;object-fit:cover;display:block}
.wiz-kisi.konusan{box-shadow:0 0 0 2px var(--wz-yesil)}
.wiz-kisi.sahip::after{
  content:"";position:absolute;right:2px;bottom:2px;width:7px;height:7px;border-radius:50%;
  background:var(--wz-kirmizi);border:1px solid var(--wz-panel);
}
.wiz-kisi-fazla{font-size:12px;color:var(--wz-sonuk)}

.wiz-sesbar{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:9px 12px;border:1px solid var(--wz-cizgi);border-radius:12px;background:var(--wz-panel);
}
.wiz-sesbar .etiket{font-size:12.5px;color:var(--wz-sonuk)}
.wiz-sesbar .etiket b{color:var(--wz-yesil);font-weight:600}
.wiz-sesbar .sag{margin-left:auto;display:flex;gap:8px}
.wiz-tus.acik{border-color:var(--wz-yesil);color:var(--wz-yesil)}
.wiz-tus.kapali{border-color:var(--wz-kirmizi);color:var(--wz-kirmizi2)}

/* ---------- iki sohbet ---------- */
.wiz-sag{
  display:flex;flex-direction:column;border:1px solid var(--wz-cizgi);border-radius:14px;
  background:var(--wz-panel);overflow:hidden;height:calc(100vh - 140px);min-height:420px;position:sticky;top:76px;
}
.wiz-sohbet{display:flex;flex-direction:column;min-height:0;flex:1}
.wiz-sohbet + .wiz-sohbet{border-top:1px solid var(--wz-cizgi)}
.wiz-sohbet-basi{
  display:flex;align-items:center;gap:8px;padding:10px 13px;border-bottom:1px solid var(--wz-cizgi);
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--wz-sonuk);font-weight:600;
}
.wiz-sohbet-basi .say{margin-left:auto;letter-spacing:0;text-transform:none;font-weight:400;opacity:.75}
.wiz-akis{flex:1;overflow-y:auto;padding:9px 13px;display:flex;flex-direction:column;gap:6px;min-height:0}
.wiz-mesaj{font-size:13px;line-height:1.5;color:var(--wz-sonuk);word-break:break-word}
.wiz-mesaj b{color:var(--wz-metin);font-weight:600}
.wiz-mesaj.benim b{color:var(--wz-kirmizi2)}
.wiz-mesaj.sistem{color:var(--wz-sari);font-size:12.5px}
.wiz-yazma{display:flex;gap:7px;padding:9px 11px;border-top:1px solid var(--wz-cizgi)}
.wiz-yazma input{flex:1;min-width:0}

/* dar ekran: sohbetler sekmeye doner */
.wiz-sekme-basi{display:none}
@media (max-width:1000px){
  .wiz-oda{grid-template-columns:minmax(0,1fr)}
  .wiz-sag{height:auto;position:static}
  .wiz-sekme-basi{display:flex;border-bottom:1px solid var(--wz-cizgi)}
  .wiz-sekme-basi button{
    flex:1;padding:10px 6px;background:transparent;border:0;color:var(--wz-sonuk);
    font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;cursor:pointer;font-family:inherit;
  }
  .wiz-sekme-basi button[aria-selected="true"]{color:var(--wz-metin);box-shadow:inset 0 -2px 0 var(--wz-kirmizi)}
  .wiz-sekme-basi .nokta{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--wz-kirmizi);margin-left:5px;vertical-align:middle}
  .wiz-sekme-basi .nokta[hidden]{display:none}
  .wiz-sohbet{height:300px;flex:none}
  .wiz-sohbet + .wiz-sohbet{border-top:0}
  .wiz-sohbet[data-gizli="1"]{display:none}
  .wiz-sohbet-basi{display:none}
}
@media (max-width:600px){
  .wiz-sayfa{padding:18px 14px 48px}
  .wiz-oda{padding:12px 12px 20px}
  .wiz-ust h1{font-size:24px}
}

@media (prefers-reduced-motion: reduce){
  .wiz *{transition:none !important;animation:none !important}
}

/* ==========================================================================
   EXPLORE ICI PANEL  (cerceve/iframe YOK, dogrudan kabugun DOM'u)
   ========================================================================== */
/* Perde + ortada, tam ekrandan biraz kucuk pencere.
   Buyutme dugmesi tam ekrana alir, Esc kuculterek geri getirir. */
.wiz-perde-panel{
  position:fixed;inset:0;z-index:1090;background:rgba(5,4,7,.66);
  display:flex;align-items:center;justify-content:center;padding:26px;
  backdrop-filter:blur(3px);
}
.wiz-perde-panel[hidden]{display:none}

.wiz-panel{
  width:min(1320px,92vw);height:min(880px,88vh);
  background:var(--wz-zemin);border:1px solid var(--wz-cizgi2);border-radius:16px;
  display:flex;flex-direction:column;overflow:hidden;
  box-shadow:0 24px 70px rgba(0,0,0,.55);
}
.wiz-perde-panel.tam{padding:0}
.wiz-perde-panel.tam .wiz-panel{width:100vw;height:100vh;border-radius:0;border:0}
.wiz-izgara .wiz-bos{grid-column:1 / -1}
.wiz-panel[hidden]{display:none}
body.wiz-panel-acik{overflow:hidden}

.wiz-panel-basi{
  display:flex;align-items:center;gap:12px;flex:none;
  padding:12px 18px;border-bottom:1px solid var(--wz-cizgi);background:var(--wz-panel);
}
.wiz-panel-basi strong{font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--wz-metin)}
.wiz-panel-basi .bosluk{margin-left:auto}
.wiz-yuvarlak{
  width:34px;height:34px;flex:none;border-radius:11px;border:1px solid var(--wz-cizgi);
  background:var(--wz-panel2);color:var(--wz-metin);font-size:16px;line-height:1;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;font-family:inherit;
}
.wiz-yuvarlak:hover{border-color:var(--wz-cizgi2)}
.wiz-yuvarlak:focus-visible{outline:2px solid var(--wz-kirmizi2);outline-offset:2px}
.wiz-yuvarlak[hidden]{display:none}

.wiz-panel-govde{flex:1;min-height:0;overflow-y:auto;padding:18px}

.wiz-liste-ust{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.wiz-liste-giris{margin:0;color:var(--wz-sonuk);font-size:14px}
.wiz-liste-tuslar{margin-left:auto;display:flex;gap:9px;flex-wrap:wrap}

button.wiz-kart{text-align:left;cursor:pointer;font-family:inherit;padding:0;width:100%}

/* oda gorunumu panel icinde */
.wiz-oda-duzen{
  display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;
  align-items:start;max-width:1440px;margin:0 auto;
}
.wiz-oda-duzen .wiz-sag{height:calc(88vh - 150px);min-height:320px;position:sticky;top:0}

@media (max-width:1000px){
  .wiz-oda-duzen{grid-template-columns:minmax(0,1fr)}
  .wiz-oda-duzen .wiz-sag{height:auto;position:static}
}
@media (max-width:900px){
  .wiz-perde-panel{padding:0}
  .wiz-panel{width:100vw;height:100vh;border-radius:0;border:0}
}
@media (max-width:600px){
  .wiz-panel-govde{padding:12px}
  .wiz-liste-tuslar{margin-left:0;width:100%}
  .wiz-liste-tuslar .wiz-tus{flex:1}
}

/* Panele gomulen sayfa icerigi (iframe degil, ayni belge). */
.wiz-gomulu{color:inherit}
.wiz-gomulu > .container,
.wiz-gomulu > .container-fluid{max-width:100%;padding-left:0;padding-right:0}
.wiz-gomulu main{padding-top:0 !important;margin-top:0 !important}
.wiz-gomulu header,
.wiz-gomulu footer,
.wiz-gomulu .navbar-scroll{display:none !important}

/* ---------- sahne ortusu: duraklatildi / geri sayim / yukleniyor ---------- */
.wiz-ortu{
  position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(120% 100% at 50% 45%, rgba(11,10,13,.62), rgba(11,10,13,.9));
  backdrop-filter:blur(2px);
}
.wiz-ortu[hidden]{display:none}
.wiz-ortu-ic{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:20px}
.wiz-ortu-simge{
  font-size:46px;line-height:1;font-weight:700;color:var(--wz-metin);
  font-variant-numeric:tabular-nums;
  min-width:76px;min-height:76px;display:flex;align-items:center;justify-content:center;
  border:2px solid var(--wz-cizgi2);border-radius:24px;background:rgba(19,17,24,.72);
}
.wiz-ortu-yazi{font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--wz-metin)}
.wiz-ortu-alt{font-size:13px;color:var(--wz-sonuk);max-width:38ch;line-height:1.5}

.wiz-kontrol-ayirac{flex:1 1 0;min-width:0}
.wiz-tus.sessiz{color:var(--wz-sonuk);border-color:transparent;background:transparent}
.wiz-tus.sessiz:hover{color:var(--wz-metin);border-color:var(--wz-cizgi)}

/* sag sutun artik tek sohbet (ozel oda) */
.wiz-oda-duzen .wiz-sag .wiz-sohbet-basi{border-bottom:1px solid var(--wz-cizgi)}
.wiz-oda-duzen .wiz-sag .wiz-akis{flex:1}

/* kontrol seridi biraz daha okunakli */
.wiz-kontrol{gap:8px 10px}
.wiz-sahne{box-shadow:0 10px 40px rgba(0,0,0,.35)}

/* ---------- uye karti ---------- */
.wiz-pencere.dar{max-width:380px}
.wiz-uye-basi{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.wiz-uye-avatar{width:52px;height:52px;border-radius:16px;overflow:hidden;flex:none;background:var(--wz-panel2);border:1px solid var(--wz-cizgi)}
.wiz-uye-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.wiz-uye-ad{font-size:16px;font-weight:600;color:var(--wz-metin)}
.wiz-uye-ad em{font-style:normal;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--wz-kirmizi2);margin-left:6px}
.wiz-uye-kadi{font-size:13px;color:var(--wz-sonuk);width:100%}
.wiz-uye-bilgi{font-size:13px;color:var(--wz-sonuk);line-height:1.6;border-top:1px solid var(--wz-cizgi);border-bottom:1px solid var(--wz-cizgi);padding:11px 0}
.wiz-uye-islemler{display:flex;flex-direction:column;gap:8px}
.wiz-uye-islemler .wiz-tus{width:100%}
.wiz-tus.uyari{border-color:rgba(239,51,87,.45);color:var(--wz-kirmizi2)}
.wiz-tus.uyari:hover{background:rgba(239,51,87,.12);border-color:var(--wz-kirmizi)}
.wiz-kisi{cursor:pointer}
.wiz-kisi.susturulmus::before{
  content:"";position:absolute;left:2px;bottom:2px;width:7px;height:7px;border-radius:50%;
  background:var(--wz-sari);border:1px solid var(--wz-panel);z-index:1;
}
.wiz-uye-bilgi{display:flex;flex-direction:column;gap:6px}
.wiz-uye-hakkinda{color:var(--wz-metin);line-height:1.55}

/* ---------- oda yonetim paneli ---------- */
.wiz-pencere.genis{max-width:620px}
.wiz-y-govde{display:flex;flex-direction:column;gap:10px;max-height:52vh;overflow-y:auto;padding-right:2px}
.wiz-y-satir{
  display:flex;align-items:center;gap:11px;padding:10px 12px;
  border:1px solid var(--wz-cizgi);border-radius:12px;background:var(--wz-panel2);
}
.wiz-y-avatar{width:38px;height:38px;border-radius:12px;overflow:hidden;flex:none;background:var(--wz-panel);border:1px solid var(--wz-cizgi)}
.wiz-y-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.wiz-y-ad{font-size:14px;font-weight:600;color:var(--wz-metin);display:flex;flex-direction:column;gap:2px;min-width:0}
.wiz-y-ad small{font-size:12px;font-weight:400;color:var(--wz-sonuk)}
.wiz-y-tuslar{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.wiz-y-not{font-size:12px;color:var(--wz-sonuk)}
.wiz-pencere .wiz-sekmeler{border-bottom:1px solid var(--wz-cizgi);padding-bottom:12px;margin-bottom:2px}
@media (max-width:560px){
  .wiz-y-satir{flex-wrap:wrap}
  .wiz-y-tuslar{margin-left:0;width:100%;justify-content:flex-start}
}