/* ---- Sesli/Goruntulu arama modali (Canli Odalar, mesajlar.css'teki tasarimin birebir tasinmis hali) ---- */
.modal-overlay{
  position:fixed; inset:0; z-index:500;
  background:rgba(0,0,0,0.55); backdrop-filter:blur(4px);
  display:none; align-items:center; justify-content:center;
  padding:20px;
}
.modal-overlay.open{ display:flex; }
#aramaModal.modal-overlay{ z-index:900; background:#000; backdrop-filter:none; padding:0; }
.arama-kutu{
  position:relative; width:100%; height:100%; max-width:none; border-radius:0;
  padding:0; box-shadow:none; overflow:hidden;
  background:linear-gradient(165deg,#211f36 0%,#171626 55%,#0c0b14 100%);
}
.arama-kutu::before{
  content:''; position:absolute; inset:-40px; z-index:0;
  background-image:var(--arama-bg-img, none); background-size:cover; background-position:center;
  filter:blur(60px) brightness(0.32) saturate(1.35); transform:scale(1.2);
}
.arama-ust-bilgi{
  position:absolute; top:0; left:0; right:0; z-index:2;
  display:flex; flex-direction:column; align-items:center; gap:10px;
  padding:64px 24px 20px; text-align:center; transition:all .25s ease;
}
.arama-avatar{
  width:120px; height:120px; border-radius:50%; object-fit:cover;
  box-shadow:0 0 0 4px rgba(255,255,255,0.12); transition:all .25s ease;
}
.arama-avatar.calan{ animation:aramaAvatarNabiz 1.6s ease-in-out infinite; }
@keyframes aramaAvatarNabiz{ 0%,100%{ box-shadow:0 0 0 4px rgba(255,255,255,0.12); } 50%{ box-shadow:0 0 0 14px rgba(255,255,255,0.04); } }
.arama-isim{ font-size:1.3rem; font-weight:800; color:#fff; }
.arama-durum-metin{ font-size:0.92rem; color:rgba(255,255,255,0.65); }
.arama-durum-metin.calan{ animation:aramaNabiz 1.2s ease-in-out infinite; color:#fff; font-weight:600; }
@keyframes aramaNabiz{ 0%,100%{ opacity:1; } 50%{ opacity:0.45; } }

.arama-video-alani{ position:absolute; inset:0; z-index:1; background:#000; }
.arama-video-alani video#aramaUzakVideo{ width:100%; height:100%; object-fit:cover; display:block; }
.arama-yerel-video-sarmal{
  position:absolute; top:20px; right:16px; width:96px; height:130px;
  border-radius:14px; border:2px solid rgba(255,255,255,0.5);
  box-shadow:0 8px 24px -8px rgba(0,0,0,0.6);
  overflow:hidden; cursor:grab; touch-action:none; z-index:5;
  user-select:none; -webkit-user-select:none;
}
.arama-yerel-video-sarmal.arama-yerel-suruklemede{ cursor:grabbing; box-shadow:0 12px 32px -6px rgba(0,0,0,0.75); }
.arama-video-alani video#aramaYerelVideo{
  width:100%; height:100%; object-fit:cover; display:block; pointer-events:none;
}
.arama-yerel-resize-tutamak{
  position:absolute; right:3px; bottom:3px; width:16px; height:16px;
  cursor:nwse-resize; touch-action:none;
  background:linear-gradient(135deg, transparent 0 40%, rgba(255,255,255,0.85) 40% 46%, transparent 46% 60%, rgba(255,255,255,0.85) 60% 66%, transparent 66% 100%);
}
.arama-kutu.arama-goruntulu-mod .arama-ust-bilgi{
  position:absolute; top:0; left:0; right:0; padding:20px 16px;
  flex-direction:row; align-items:center; justify-content:flex-start; gap:12px; text-align:left;
  background:linear-gradient(to bottom, rgba(0,0,0,0.55), transparent);
}
.arama-kutu.arama-goruntulu-mod .arama-avatar{ width:40px; height:40px; box-shadow:none; animation:none !important; }
.arama-kutu.arama-goruntulu-mod .arama-isim{ font-size:0.95rem; }
.arama-kutu.arama-goruntulu-mod .arama-durum-metin{ font-size:0.75rem; }

.arama-alt-bar{
  position:absolute; left:0; right:0; bottom:0; z-index:2;
  display:flex; flex-direction:column; align-items:center; gap:16px;
  padding:24px 24px 44px; background:linear-gradient(to top, rgba(0,0,0,0.55), transparent);
}
.arama-kontrol-btnler{ display:flex; align-items:center; justify-content:center; gap:26px; }
.arama-kontrol-btn{
  width:56px; height:56px; border-radius:50%; border:none; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,0.14); color:#fff; backdrop-filter:blur(6px);
  transition:background .15s, transform .1s;
}
.arama-kontrol-btn:active{ transform:scale(0.92); }
.arama-kontrol-btn .icon{ width:23px; height:23px; }
.arama-kontrol-btn.kapali{ background:#fff; color:#111; }
.arama-kapat-btn{ width:64px; height:64px; background:#F3425F; }
.arama-kapat-btn:hover{ background:#d81f45; }
.arama-kapat-btn .icon{ width:26px; height:26px; }

.arama-gelen-btnler{ display:flex; align-items:center; justify-content:center; gap:52px; }
.arama-gelen-btn{
  width:62px; height:62px; border-radius:50%; border:none; cursor:pointer;
  display:flex; align-items:center; justify-content:center; color:#fff;
  transition:transform .1s;
}
.arama-gelen-btn:active{ transform:scale(0.9); }
.arama-gelen-btn .icon{ width:25px; height:25px; }
.arama-kabul-btn{ background:#22c55e; }
.arama-kabul-btn:hover{ background:#16a34a; }
.arama-red-btn{ background:#F3425F; transform:rotate(135deg); }
.arama-red-btn:hover{ background:#d81f45; }
.arama-red-btn:active{ transform:rotate(135deg) scale(0.9); }

.arama-gelen-btn-grup{ display:flex; flex-direction:column; align-items:center; gap:10px; }
.arama-gelen-btn-etiket{ font-size:0.78rem; font-weight:700; color:rgba(255,255,255,0.82); }
.arama-kabul-btn{ position:relative; }
.arama-kabul-btn::after{
  content:''; position:absolute; inset:-6px; border-radius:50%;
  border:2px solid rgba(34,197,94,0.55); animation:aramaKabulPulse 1.8s ease-out infinite; pointer-events:none;
}
@keyframes aramaKabulPulse{ 0%{ transform:scale(0.92); opacity:1; } 100%{ transform:scale(1.4); opacity:0; } }