/* ============================================================
   Sesli Chat Panel — DUWAR stilleri (Sosyal Faz 2, 2026-09-02)
   sc.css'ten sonra yüklenir (ayrı dosya: wall.css)
   ============================================================ */
.sc-feed-main, .sc-profil-main { max-width: 720px; }
.sc-feed-baslik h1 { font-size: 1.3rem; margin: 18px 0 4px; }
.sc-feed-alt { font-size: .85rem; font-weight: 400; opacity: .65; }

/* --- sekmeler --- */
.sc-duvar { margin: 16px 0 40px; }
.sc-duvar-sekmeler { display: flex; gap: 6px; border-bottom: 1px solid var(--sc-border,#333a45); margin-bottom: 14px; }
.sc-sekme { background: none; border: none; border-bottom: 3px solid transparent; color: inherit; opacity: .75;
  padding: 10px 14px; font-size: 1rem; cursor: pointer; border-radius: 8px 8px 0 0; }
.sc-sekme:hover { opacity: 1; background: rgba(127,127,127,.08); }
.sc-sekme.aktif { opacity: 1; border-bottom-color: var(--sc-primary,#5865f2); font-weight: 600; }

/* --- oluşturma kutusu --- */
.sc-wall-kutu { background: var(--sc-kart,#22252b); border: 1px solid var(--sc-border,#333a45); border-radius: 14px;
  padding: 14px; margin-bottom: 16px; }
.sc-wall-kutu textarea { width: 100%; box-sizing: border-box; resize: vertical; background: var(--sc-input,#1b1e23);
  color: inherit; border: 1px solid var(--sc-border,#333a45); border-radius: 10px; padding: 10px 12px; font: inherit; min-height: 64px; }
.sc-wk-tools { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 8px; }
.sc-wk-tool { background: none; border: 1px solid var(--sc-border,#333a45); border-radius: 20px; padding: 6px 12px;
  cursor: pointer; color: inherit; font-size: .9rem; }
.sc-wk-tool:hover { border-color: var(--sc-primary,#5865f2); }
.sc-wk-yorum { margin-left: auto; font-size: .85rem; display: flex; align-items: center; gap: 5px; cursor: pointer; opacity: .9; }
.sc-wk-gonder-row { text-align: right; margin-top: 10px; }
.sc-wk-ek { margin-top: 10px; border: 1px dashed var(--sc-border,#333a45); border-radius: 10px; padding: 10px; }
.sc-wk-ek-baslik { font-size: .85rem; opacity: .8; margin-bottom: 6px; font-weight: 600; }
.sc-wk-ek input { width: 100%; box-sizing: border-box; background: var(--sc-input,#1b1e23); color: inherit;
  border: 1px solid var(--sc-border,#333a45); border-radius: 8px; padding: 8px 10px; margin-bottom: 6px; font: inherit; }
.sc-wk-ek-actions { text-align: right; }
.sc-wk-onizleme { background: var(--sc-input,#1b1e23); border-radius: 8px; padding: 8px 10px; margin-bottom: 6px; font-size: .85rem; }
.sc-wk-onizleme-hata { color: #e05252; }
.sc-wk-medya { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.sc-wk-medya-kutu { background: var(--sc-input,#1b1e23); border-radius: 8px; padding: 4px 8px; font-size: .8rem;
  display: inline-flex; align-items: center; gap: 6px; }
.sc-wk-medya-kutu button { background: none; border: none; cursor: pointer; color: #e05252; font-size: .85rem; padding: 0 2px; }
.sc-wk-konum-row { display: flex; gap: 6px; }
.sc-wk-konum-row input { flex: 1; }
.sc-wk-konum-satir { display: block; width: 100%; text-align: left; background: none; border: none; color: inherit;
  padding: 7px 8px; cursor: pointer; border-radius: 6px; font-size: .88rem; }
.sc-wk-konum-satir:hover { background: rgba(127,127,127,.12); }
.sc-wk-konum-bos { opacity: .6; font-size: .85rem; padding: 6px; }
.sc-wk-secili { background: rgba(88,101,242,.14); border: 1px solid var(--sc-primary,#5865f2); border-radius: 8px;
  padding: 6px 10px; font-size: .85rem; display: inline-flex; gap: 8px; align-items: center; margin-top: 4px; }
.sc-wk-secili button, .sc-wk-muzik-kutu button { background: none; border: none; cursor: pointer; color: #e05252; }

/* --- gönderi kartı --- */
.sc-wall-post { background: var(--sc-kart,#22252b); border: 1px solid var(--sc-border,#333a45); border-radius: 14px;
  padding: 14px; margin-bottom: 14px; }
.sc-wp-head { display: flex; gap: 10px; align-items: flex-start; }
.sc-wp-av { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; display: inline-block; flex: 0 0 auto; }
.sc-wp-av-harf { display: inline-flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 1.1rem; }
.sc-wp-av-kucuk { width: 28px; height: 28px; font-size: .8rem; }
.sc-wp-baslik { flex: 1; min-width: 0; }
.sc-wp-isim { font-weight: 700; text-decoration: none; color: inherit; }
.sc-wp-isim:hover { text-decoration: underline; }
.sc-wp-zaman { font-size: .78rem; opacity: .6; }
.sc-wp-zaman a { color: inherit; text-decoration: none; }
.sc-wp-sil { background: none; border: none; cursor: pointer; font-size: .95rem; opacity: .5; padding: 4px; }
.sc-wp-sil:hover { opacity: 1; }
.sc-wp-metin { margin: 10px 2px 6px; white-space: normal; overflow-wrap: break-word; line-height: 1.45; }
.sc-wp-metin a { color: var(--sc-primary,#8b95ff); word-break: break-all; }
.sc-wp-medya { display: grid; gap: 4px; margin: 8px 0; border-radius: 10px; overflow: hidden; }
.sc-wp-grid-tek { grid-template-columns: 1fr; }
.sc-wp-grid-iki { grid-template-columns: 1fr 1fr; }
.sc-wp-grid-cok { grid-template-columns: 1fr 1fr 1fr; }
.sc-wp-medya img { width: 100%; max-height: 460px; object-fit: cover; cursor: zoom-in; display: block; }
.sc-wp-grid-cok img { max-height: 220px; }
.sc-wp-video { margin: 8px 0; }
.sc-wp-video-baslik, .sc-wp-muzik-baslik { font-size: .82rem; opacity: .8; margin-bottom: 4px; font-weight: 600; }
.sc-wp-video-cerceve { position: relative; width: 100%; padding-top: 56.25%; border-radius: 10px; overflow: hidden; background: #000; }
.sc-wp-video-cerceve iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.sc-wp-linkkart { display: block; margin: 8px 0; border: 1px solid var(--sc-border,#333a45); border-radius: 10px;
  padding: 10px 12px; text-decoration: none; color: inherit; font-size: .88rem; word-break: break-all; }
.sc-wp-linkkart span { display: block; font-size: .8rem; opacity: .6; }
.sc-wp-konum { display: inline-block; margin: 4px 2px 6px; font-size: .85rem; background: rgba(88,101,242,.1);
  border-radius: 16px; padding: 4px 12px; color: inherit; text-decoration: none; }
.sc-wp-konum:hover { background: rgba(88,101,242,.2); }
.sc-wp-muzik { margin: 8px 0; }
.sc-wp-muzik .sc-wp-video-cerceve { padding-top: 0; height: 82px; }
.sc-wp-muzik iframe { height: 82px !important; }

/* --- aksiyonlar --- */
.sc-wp-aksiyon { display: flex; gap: 4px; border-top: 1px solid var(--sc-border,#333a45); padding-top: 8px; margin-top: 6px; }
.sc-wp-btn { background: none; border: none; color: inherit; opacity: .75; cursor: pointer; font-size: .92rem;
  border-radius: 20px; padding: 5px 12px; display: inline-flex; gap: 5px; align-items: center; }
.sc-wp-btn:hover { background: rgba(127,127,127,.1); opacity: 1; }
.sc-wp-begen.aktif { color: #4f8cff; opacity: 1; }
.sc-wp-kapali { font-size: .8rem; opacity: .5; padding: 5px 12px; }
.sc-wp-bos { text-align: center; opacity: .6; padding: 26px 10px; }

/* --- yorumlar --- */
.sc-wp-yorumlar { margin-top: 8px; }
.sc-wp-yorum-liste { display: flex; flex-direction: column; gap: 8px; }
.sc-wp-yorum { display: flex; gap: 8px; align-items: flex-start; }
.sc-wp-yorum-govde { flex: 1; background: var(--sc-input,#1b1e23); border-radius: 12px; padding: 7px 11px; font-size: .9rem; }
.sc-wp-yorum-ad a { font-weight: 600; text-decoration: none; color: inherit; margin-right: 4px; }
.sc-wp-yorum-zaman { font-size: .72rem; opacity: .55; margin-top: 2px; }
.sc-wp-yorum-sil { background: none; border: none; cursor: pointer; opacity: .45; font-size: .85rem; padding: 2px; }
.sc-wp-yorum-sil:hover { opacity: 1; }
.sc-wp-yorum-bos { opacity: .55; font-size: .85rem; padding: 4px 2px; }
.sc-wp-yorum-yaz { display: flex; gap: 6px; margin-top: 8px; }
.sc-wp-yorum-yaz input { flex: 1; background: var(--sc-input,#1b1e23); color: inherit; border: 1px solid var(--sc-border,#333a45);
  border-radius: 20px; padding: 7px 13px; font: inherit; }
.sc-wp-yorum-giris, .sc-wp-giris-notu { font-size: .85rem; opacity: .7; padding: 8px 2px; }
.sc-wp-yorum-giris a, .sc-wp-giris-notu a { color: var(--sc-primary,#8b95ff); }
.sc-wp-yorum-hata { color: #e05252; font-size: .85rem; }
.sc-wp-daha-wrap { text-align: center; margin: 10px 0 30px; }
.sc-wp-daha-wrap button { opacity: .85; }

/* --- lightbox --- */
.sc-lightbox { position: fixed; inset: 0; background: rgba(0,0,0,.92); z-index: 9999; display: flex;
  align-items: center; justify-content: center; }
.sc-lightbox img { max-width: 94vw; max-height: 90vh; border-radius: 8px; }
.sc-lb-kapat { position: absolute; top: 14px; right: 18px; background: none; border: none; color: #fff; font-size: 1.5rem; cursor: pointer; }
.sc-lb-ok { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,.1); color: #fff;
  border: none; border-radius: 50%; width: 44px; height: 44px; font-size: 1.4rem; cursor: pointer; }
.sc-lb-once { left: 14px; } .sc-lb-sonra { right: 14px; }
.sc-lb-sayac { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); color: rgba(255,255,255,.7); font-size: .9rem; }

/* VIP mini */
.sc-vip-mini { font-size: .75rem; padding: 1px 5px; vertical-align: 1px; }

/* ============ DUVAR GELİŞTİRMELERİ (v20260902e) ============ */
/* --- etiketler (#hashtag mavi, tıklanabilir) --- */
.sc-hashtag { color: #4f8cff; text-decoration: none; font-weight: 600; }
.sc-hashtag:hover { text-decoration: underline; }
.sc-hashtag-buyuk { color: #4f8cff; text-decoration: none; }
.sc-tag-baslik { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 12px 0 14px; }
.sc-tag-baslik h1 { font-size: 1.25rem; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.sc-tag-benzer { display: flex; flex-wrap: wrap; gap: 6px; width: 100%; }
.sc-tag-benzer .sc-hashtag i { font-style: normal; opacity: .6; font-size: .78rem; }
.sc-wk-etiketler { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 6px; font-size: .9rem; }
.sc-wk-etiket-notu { opacity: .5; font-size: .78rem; }

/* --- otomatik link önizleme (kutu) --- */
.sc-wk-auto { margin-top: 8px; }
.sc-wk-auto-kutu { display: flex; align-items: center; gap: 10px; background: var(--sc-input,#1b1e23);
  border: 1px solid var(--sc-border,#333a45); border-radius: 10px; padding: 8px 10px; }
.sc-wk-auto-kapak, .sc-wk-oniz-kapak { width: 88px; height: 50px; object-fit: cover; border-radius: 6px; background: #000; flex-shrink: 0; }
.sc-wk-auto-ikon { font-size: 1.5rem; width: 88px; height: 50px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sc-wk-auto-bilgi { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.sc-wk-auto-bilgi b { font-size: .88rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sc-wk-auto-bilgi span { font-size: .78rem; opacity: .6; }
.sc-wk-auto-kutu button, .sc-wk-harita-kaldir { background: none; border: none; color: #e05252; cursor: pointer; font-size: .95rem; padding: 4px; }
.sc-wk-onizleme { margin-top: 6px; font-size: .85rem; }
.sc-wk-oniz-gorsel { display: flex; align-items: center; gap: 8px; }

/* --- konum mini harita (kutu önizleme + gönderi kartı) --- */
.sc-wk-harita-alan { margin-top: 8px; }
.sc-wk-harita-secili, .sc-wp-harita { border: 1px solid var(--sc-border,#333a45); border-radius: 10px; overflow: hidden; background: #16181d; }
.sc-wk-harita-baslik { display: flex; align-items: center; gap: 6px; padding: 7px 10px; font-size: .84rem; }
.sc-wk-harita-label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-wk-harita-secili iframe, .sc-wp-harita-icerik iframe { width: 100%; height: 180px; border: 0; display: block; }
.sc-wk-harita-alt { font-size: .72rem; opacity: .5; padding: 5px 10px; }
.sc-wp-harita { margin: 8px 0; }
.sc-wp-konum { display: flex; align-items: center; gap: 4px; padding: 7px 10px; font-size: .84rem; color: #4f8cff; text-decoration: none; }
.sc-wp-konum:hover { text-decoration: underline; }

/* --- tepki paleti (6 emoji) --- */
.sc-wp-tepki-wrap { position: relative; display: inline-flex; }
.sc-wp-tepki-wrap .sc-wp-begen { gap: 3px; padding: 5px 8px 5px 10px; }
.sc-wp-tepki-emoji { font-size: 1.05rem; }
.sc-wp-tepki-sayi { font-size: .9rem; min-width: 14px; text-align: left; }
.sc-wp-tepki-sayi:hover { text-decoration: underline; }
.sc-wp-tepki-palet { position: absolute; bottom: calc(100% + 6px); left: 0; background: var(--sc-kart,#22252b);
  border: 1px solid var(--sc-border,#333a45); border-radius: 30px; padding: 4px 6px; display: none; gap: 2px; white-space: nowrap;
  box-shadow: 0 6px 24px rgba(0,0,0,.35); z-index: 30; }
.sc-wp-tepki-wrap:hover .sc-wp-tepki-palet { display: flex; animation: scPp .14s ease; }
@keyframes scPp { from { transform: translateY(6px); opacity: 0; } to { transform: none; opacity: 1; } }
.sc-wp-tepki-palet-b { background: none; border: none; cursor: pointer; font-size: 1.3rem; padding: 3px 5px;
  border-radius: 50%; transition: transform .1s; }
.sc-wp-tepki-palet-b:hover { transform: scale(1.35); background: rgba(127,127,127,.12); }

/* --- yorum ağacı + yanıt --- */
.sc-wp-yorum-alt { position: relative; }
.sc-wp-yorum-alt::before { content: ""; position: absolute; left: -14px; top: 0; bottom: 0; width: 2px; background: var(--sc-border,#333a45); opacity: .5; }
.sc-wp-yorum-altbar { display: flex; align-items: center; gap: 2px; margin-top: 3px; flex-wrap: wrap; }
.sc-wp-yorum-begen, .sc-wp-yorum-yanit { background: none; border: none; color: inherit; opacity: .6; cursor: pointer;
  font-size: .78rem; padding: 2px 5px; border-radius: 12px; }
.sc-wp-yorum-begen:hover, .sc-wp-yorum-yanit:hover { opacity: 1; background: rgba(127,127,127,.1); }
.sc-wp-yorum-begen.aktif { color: #4f8cff; opacity: 1; }
.sc-wp-yorum-yanit-form { width: 100%; }
.sc-wp-yorum-yanit-yaz { margin: 4px 0 0; }

/* --- avatar mini + kişi listesi --- */
.sc-wp-av-kucuk { width: 30px !important; height: 30px !important; font-size: .8rem !important; border-radius: 50%; object-fit: cover; }
.sc-wp-liste-kisi { display: flex; align-items: center; gap: 8px; padding: 5px 2px; }
.sc-wp-liste-kisi a { color: inherit; text-decoration: none; flex: 1; }
.sc-wp-liste-kisi a:hover { text-decoration: underline; }
.sc-wp-liste-kisi span { font-size: 1.05rem; }

/* --- video: tıkla-oynat kutusu + popup --- */
.sc-wp-video { position: relative; margin: 8px 0; }
.sc-wp-video-baslik { display: flex; align-items: center; gap: 8px; font-size: .85rem; font-weight: 600; margin-bottom: 5px; }
.sc-wp-video-baslik .sc-wp-vid-pop { margin-left: auto; background: rgba(127,127,127,.12); border: none; color: inherit;
  cursor: pointer; border-radius: 8px; padding: 3px 8px; font-size: .95rem; }
.sc-wp-video-baslik .sc-wp-vid-pop:hover { background: rgba(79,140,255,.25); }
.sc-wp-vid-kaynak { color: inherit; opacity: .55; text-decoration: none; font-size: .95rem; }
.sc-wp-vid-kaynak:hover { opacity: 1; }
/* DiziBOX embed kartı: oynatıcı iframe 16:9 kutu */
.sc-wp-video-cerceve { position: relative; width: 100%; aspect-ratio: 16/9; background: #000; border-radius: 10px; overflow: hidden; }
.sc-wp-video-cerceve iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.sc-vid-bekle { cursor: pointer; }
.sc-vid-kapak { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
.sc-vid-plaka { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff;
  background: #000; border-radius: 10px; font-size: .9rem; padding: 8px; text-align: center; }
.sc-vid-play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  font-size: 3.4rem; color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.5); }
.sc-vid-bekle:hover .sc-vid-play { transform: scale(1.15); }
.sc-vpop { position: fixed; inset: 0; background: rgba(0,0,0,.55); z-index: 10001; display: flex; align-items: center; justify-content: center; }
.sc-vpop-kutu { width: min(860px, 94vw); background: var(--sc-kart,#22252b); border-radius: 14px; overflow: hidden;
  box-shadow: 0 18px 60px rgba(0,0,0,.5); }
.sc-vpop-baslik { display: flex; align-items: center; gap: 8px; padding: 10px 14px; cursor: move; user-select: none; }
.sc-vpop-ad { flex: 1; font-weight: 600; font-size: .92rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-vpop-sag { display: flex; gap: 4px; align-items: center; }
.sc-vpop-link { color: inherit; opacity: .6; text-decoration: none; font-size: 1rem; padding: 3px 6px; }
.sc-vpop-link:hover { opacity: 1; }
.sc-vpop-kapat { background: none; border: none; color: inherit; opacity: .6; cursor: pointer; font-size: 1.1rem; padding: 3px 8px; border-radius: 8px; }
.sc-vpop-kapat:hover { opacity: 1; background: rgba(127,127,127,.15); }
.sc-vpop-video { aspect-ratio: 16/9; background: #000; }
.sc-vpop-video iframe { width: 100%; height: 100%; border: 0; display: block; }

/* DiziBOX gibi gömülemeyen oynatıcı bilgi kutusu (Sosyal Faz 4) */
.sc-wk-auto-kapali { border-color: #5a4a1a55; background: #151515; }
.sc-wk-auto-kapali .sc-wk-auto-ikon { color: #ffd75e; }