/*
 * Bağımsız chat sayfası için düzeltmeler.
 * Renkler ve yerleşim style.css / mobil.css'ten gelir; burada yalnızca
 * kaldırılan bölümlerin (üyelik, kredi, popüler üyeler) bıraktığı boşluklar düzeltilir.
 */

/* ---------- Masaüstü ---------- */

/* Üst bilgi kutusu: kredi satırı yerine çevrimiçi sayısı */
div#my-profile { width: 260px; }
div#mycredit { display: flex; align-items: center; color: #fff; }
div#mycredit span.material-icons { color: #5dcbb2; padding-right: 0; font-size: 22px; }
div#total_credit { font-size: 13px; }

/* Kamera kapalıyken kendi video alanı boş kalmasın */
div#my_video {
  position: relative;
  background: #2d4865 url("../images/default.png") center / 64px no-repeat;
  border-radius: 10px;
}
video#myvideo_cont { bottom: 0; }

/* Sohbet gönderme ikonu */
#c_send { cursor: pointer; }
#c_input_area span#c_send:hover { color: #fff; }

/* Kamera seçimi menüsü */
.kamera_secim .dropdown-item { cursor: pointer; font-size: 14px; }

/* Arama animasyonu ve uzak video, köşe yuvarlaklığıyla taşmasın */
div#remote_area { overflow: hidden; }
img#finding_user { object-fit: cover; }

/* Sohbet balonları: uzun kelimeler kutudan taşmasın, sağdaki mesajdan sonra satır bitsin */
p.userlog { word-wrap: break-word; overflow-wrap: anywhere; }
div#c_chat_area::after { content: ""; display: block; clear: both; }
div#c_chat_area .sys-info { clear: both; }
p.syslog { color: #cfd8e3; margin-bottom: 6px; }
p.syslog.error { color: #ff8a8a; }
p.syslog .special { color: #ff9159; font-weight: bold; }

/* Yan sütun: popüler üyeler kaldırıldı, genel sohbet tüm yüksekliği kullanır */
div#genel_chat { margin-top: 0; height: 100%; }
div#g_tablar div#g_tab_chat { width: 100%; border-top-right-radius: 10px; cursor: default; }
div#g_chat_area { height: calc(100% - 110px); padding-top: 5px; }
div#g_chat_input { margin-top: 10px; }
div#g_chat_input input:disabled { cursor: not-allowed; opacity: 0.7; }
div#g_chat_area .chat-bubble { word-wrap: break-word; overflow-wrap: anywhere; }
div#g_chat_area .chat-bubble.left { color: #052242; }

/* ---------- Mobil ---------- */

/* Sadece mobilde görünen alt buton (genel sohbet), diğer alt butonlarla aynı stil */
span#m_b_global { display: none; }

@media (max-width: 768px) {
  /* Üst araç çubuğu: iki sekme olduğu için yarım genişlik */
  /* Ana sayfa ikonu yok: sekmeler ortalanır */
  div#m_tool_orta_ust { float: none; width: calc(100% - 30px); margin: 3px auto 0; }
  div#m_tool_orta_ust span { width: 50%; }
  div#mycredit2 { width: calc(100% - 102px); font-size: 12px; }

  span#m_b_global {
    display: block;
    width: calc(25% - 12.5px);
    margin-top: 15px;
    background: #f1f1f1;
    text-align: center;
    height: 35px;
    line-height: 35px;
    color: #bbbbbb;
  }

  /* Yan sütun (genel sohbet) mobilde video alanının üstüne açılır */
  /* Alt buton çubuğu görünür kalsın (mobil_bottom: 50px yükseklik, -3px alt) */
  #main_area div#yan_bar { top: 58px; bottom: 47px; height: auto; }
  div#g_chat_area { height: calc(100% - 60px); }

  /* Küçük kendi video kutusu uzak videodan ayırt edilsin */
  div#my_area div#my_video {
    border: 2px solid rgba(255, 255, 255, 0.35);
    background-size: 40px;
    overflow: hidden;
  }

  /* Mesaj kutusu iç boşluğu ve okunabilirlik */
  p.syslog { text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9); color: #fff; }
  p.userlog { width: auto; max-width: 80%; }
  p.userlog.me { width: auto; }
}