/************************************************************ 
      ? MODERN PASTEL TEMA (OPT?M?ZE ED?LM?? + ARKA PLANLI)
************************************************************/

:root {
  --radius: 16px;
  --soft-bg: #f0f7ff; /* Aç?k mavi arka plan */
  --soft-card: rgba(255, 255, 255, 0.7); /* Daha temiz bir kart rengi */
  --border-glow: rgba(255, 129, 178, 0.1); /* Pembe tonlar?nda s?n?r ???mas? */
  --header-black: linear-gradient(135deg, #7c5de3, #a6471e);
  --neon: #fc5c7d; /* Neon pembe */
  --primary: #6a82fb; /* Mavi */
  --secondary: #ff66b2; /* Pembe */
  --tertiary: #ffcc00; /* Alt?n sar?s? */
  --accent: #5e35b1; /* Lila mor */
  --light-text: #ffffff; /* Beyaz metin */
  --dark-text: #333333; /* Koyu metin */
}

.kayanyazi {
    position: relative;
    color: var(--light-text);
    font-weight: bold;
    white-space: nowrap;
    animation: kaydir 6s linear infinite;
}

@keyframes kaydir {
    0% { left: -100%; }
    100% { left: 100%; }
}

/* ---- BODY ---- */
body {
  background-color: #e5ddd5 !important; /* WhatsApp pastel ana renk */
  background-image: 
    url('https://www.transparenttextures.com/patterns/food.png'), 
    url('https://www.transparenttextures.com/patterns/triangles.png'); /* Ufak desenler */
  background-repeat: repeat, repeat;
  background-size: 60px 60px, 30px 30px;
  font-family: "Comfortaa", sans-serif !important;
  font-weight: 700 !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  color: var(--dark-text);
  overflow-x: hidden; /* Yatay kaymay? engeller */
  margin: 0;
  transition: background 0.3s ease; /* Yumu?ak geçi? */
}

/************************************************************
                ? HEADER - PASTEL GRADIENT
************************************************************/
.chatHeaderWrapper,
.chatWindow .header,
.chatHeaderWrapper .goog-menu-button-open,
.chatHeaderWrapper .goog-menu-button-hover {
  background: var(--header-black) !important;
  color: var(--light-text) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: none; /* Gölgeyi kald?rd?k */
  transition: background 0.3s ease; /* Sadece arka plan geçi?i */
}

/* Menü ilk tu?unu gizle */
.chatHeaderWrapper .goog-menu-button:first-child {
  visibility: hidden !important;
  width: 40px !important;
}

/************************************************************
                ? MESAJ PENCERES? (SIMPLE GLASS)
************************************************************/
.chatMessagesWrapper {
  background: linear-gradient(
    to bottom right,
    rgba(255, 255, 255, 0.6),
    rgba(240, 247, 255, 0.3)
  ) !important; /* Hafif degrade + cam efekti */
  border-radius: var(--radius);
  border: 1px solid var(--border-glow);
  box-shadow: none; /* Gölgeyi kald?rd?k */
  transition: none; /* Geçi?leri kald?rd?k */
  backdrop-filter: blur(8px); /* Cam efekti */
}

/************************************************************
                  ? ODALAR ? BUTONLAR
************************************************************/
.chatRooms ul li.active a,
.chatRooms ul li.blink a,
.chatRooms ul li:hover a,
.chatRoomsButton a:hover,
.chatSendControlsWrapper div.buttonWrapper a.sendMessageButton,
.chatSendControlsWrapper .buttons a.register,
.nickIcon .filler {
  background-image: url('https://i.hizliresim.com/73lqc7m.png'); /* Buraya resim yolunu yaz */
  background-size: cover; /* Alan? kaplamas? için */
  background-position: center; /* Ortalanmas? için */
  background-repeat: no-repeat; /* Tekrar etmemesi için */
  color: var(--light-text) !important;
  border-radius: var(--radius);
  box-shadow: none; /* Gölgeyi kald?rd?k */
  transition: background 0.2s ease-in-out; /* Daha h?zl? geçi? */
}

.chatRooms ul li.active a:hover {
  filter: none; /* Parlakl?k efektini kald?rd?k */
}

/************************************************************
              ? ÜYELER KISMI (SOFT PASTEL CAM)
************************************************************/
.chatUsersTab {
  background: var(--soft-card) !important;
  border-radius: var(--radius);
  border: 1px solid var(--border-glow);
  box-shadow: none; /* Gölgeyi kald?rd?k */
  transition: none; /* Geçi?leri kald?rd?k */
}

/************************************************************
            ?? GÖNDERME ALANI (TEM?Z + BEYAZ)
************************************************************/
.chatSendControlsWrapper,
.chatSignInWrapper {
  background: rgba(255, 255, 255, 0.9) !important; /* Daha az opakl?k */
  box-shadow: none; /* Gölgeyi kald?rd?k */
  transition: none; /* Geçi?leri kald?rd?k */
}

.chatSendControlsWrapper div.textareaWrapper {
  background: #ffffff !important;
  border-radius: 12px;
}

.chatSendControlsWrapper div.buttonWrapper a.sendMessageButton {
  border-radius: 50px;
  background-color: transparent;
  display: inline-block;
  transition: none; /* Geçi?i kald?rd?k */
}

/* Admin ve Moderator için resim eklemeleri */
.admin .groupIcon {
  background-image: url("https://st1.chatovod.net/u/cs/2017/10_04/77/979577/1531976278_0.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.moderator .groupIcon {
  background-image: url("https://i.hizliresim.com/ZX7NDZ.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/************************************************************
                    ? SCROLLBAR
************************************************************/
.chatMessagesScrollBar div {
  background-color: #33959a;
}

.chatUsersScrollBar div {
  background-color: #33959a;
}

/************************************************************
                ? ÖZEL N?CK RENKLER?
************************************************************/
a[data-nick="yarenn.."] { 
  background: linear-gradient(to right, #ffbc00, #ff6161); /* Alt?n ve k?rm?z? */
  padding: 4px 8px;
  border-radius: 6px; 
  color: var(--dark-text);
}

a[data-nick="Admin"] { 
  background-image: url("https://i.hizliresim.com/djr93n8.gif"); 
  background-size: cover; 
  background-repeat: no-repeat; 
  background-position: center; 
  padding: 2px 8px; 
  border-radius: 6px; 
  font-size: 1em; 
  color: #fff; 
  position: relative; 
}

a[data-nick="Choppa"] { 
  background-image: url("https://i.hizliresim.com/djr93n8.gif"); 
  background-size: cover; 
  background-repeat: no-repeat; 
  background-position: center; 
  padding: 2px 8px; 
  border-radius: 6px; 
  font-size: 1em; 
  color: #fff; 
  position: relative; 
}

a[data-nick="admin"]::after { 
  content:"yönetici, yetkili,firtinalar düsmüs kaderime, sohbetabi.com'da çalisiyor."; 
  margin-left:5px; 
  font-weight:bold; 
  color:yellow; 
  background: rgba(0,0,0,0.5); 
  padding:2px 4px; 
  border-radius:4px; 
  font-size:0.9em; 
}

a[data-nick="~Sametbey"] { 
  background-image: url("https://i.hizliresim.com/djr93n8.gif"); 
  background-size: cover; 
  background-repeat: no-repeat; 
  background-position: center; 
  padding: 2px 8px; 
  border-radius: 6px; 
  font-size: 1em; 
  color: #fff; 
  position: relative; 
}

a[data-nick="yaren'"]::after { 
  content:"chatin kralicesi"; 
  margin-left:5px; 
  font-weight:bold; 
  color:yellow; 
  background: rgba(0,0,0,0.5); 
  padding:2px 4px; 
  border-radius:4px; 
  font-size:0.9em; 
}

a[data-nick="Velasco"]::after { 
  content:"haykirma krali"; 
  margin-left:5px; 
  font-weight:bold; 
  color:yellow; 
  background: rgba(0,0,0,0.5); 
  padding:2px 4px; 
  border-radius:4px; 
  font-size:0.9em; 
}

a[data-nick="gül lokumu"]::after { 
  content:"firtinalar dusmus kaderime"; 
  margin-left:5px; 
  font-weight:bold; 
  color:yellow; 
  background: rgba(0,0,0,0.5); 
  padding:2px 4px; 
  border-radius:4px; 
  font-size:0.9em; 
}

a[data-nick="musaos"] { 
  background-image: url("https://i.hizliresim.com/djr93n8.gif"); 
  background-size: cover; 
  background-repeat: no-repeat;
}


a[data-nick="musaos"] {
  position: relative;
  color: yellow;
}

a[data-nick="musaos"]::after {
  content:"Yönetim Team, Kurucu, Yetkili, Sorun Çözücü, Musa Admin, Chat Gelistirme, Müzik Sever, Online Topluluk Yöneticisi, iyi Sohbetler, Founder sohbetabi.com  ";
  margin-left:5px;
  padding:3px 6px;
  border-radius:5px;
  font-size:0.9em;
  font-weight:bold;
  color:black;
  background: linear-gradient(90deg, yellow, orange, yellow);
  background-size: 200%;
  animation: glowBg 3s linear infinite;
}

@keyframes glowBg {
  0% { background-position: 0% }
  100% { background-position: 200% }
}


a[data-nick="admin"]::after {
  content:"Yönetim, Kurucu, Yetkili, Sorun Çözücü, Chat Gelistirme, Online Topluluk Yöneticisi, iyi Sohbetler, Founder sohbetabi.com'da calisiyor  ";
  margin-left:5px;
  padding:3px 6px;
  border-radius:5px;
  font-size:0.9em;
  font-weight:bold;
  color:black;
  background: linear-gradient(90deg, yellow, orange, yellow);
  background-size: 200%;
  animation: glowBg 1s linear infinite;
}

@keyframes glowBg {
  0% { background-position: 0% }
  100% { background-position: 200% }
}


a[data-nick="' Kaanseas"]::after {
  content:"zenginn  ";
  margin-left:5px;
  padding:3px 6px;
  border-radius:5px;
  font-size:0.9em;
  font-weight:bold;
  color:black;
  background: linear-gradient(90deg, yellow, orange, yellow);
  background-size: 200%;
  animation: glowBg 3s linear infinite;
}

@keyframes glowBg {
  0% { background-position: 0% }
  100% { background-position: 200% }
}

a[data-nick="Padden'"]::after {
  content:"Yönetim, Yetkili, Sorun Çözücü, Chat Gelistirme ";
  margin-left:5px;
  padding:3px 6px;
  border-radius:5px;
  font-size:0.9em;
  font-weight:bold;
  color:black;
  background: linear-gradient(90deg, yellow, orange, yellow);
  background-size: 200%;
  animation: glowBg 1s linear infinite;
}

a[data-nick="yaren'"]::after {
  content:"chatin kralicesi  ";
  margin-left:5px;
  padding:3px 6px;
  border-radius:5px;
  font-size:0.9em;
  font-weight:bold;
  color:black;#000000)
  
}

@keyframes glowBg {
  0% { background-position: 0% }
  100% { background-position: 200% }
}

.male .nickIcon .mask {
 background-color: #1c24d8;
 box-shadow: 0 0 8px rgba(28,36,216,0.6);
}

.female .nickIcon .mask {
 background-color: #c21a91;
 box-shadow: 0 0 8px rgba(194,26,145,0.5);
}

.username, .nick, .user-name {
  text-transform: none !important;
}

input, textarea {
  text-transform: lowercase !important;
}

.message, .msg, .chat-text, .text {
  text-transform: lowercase !important;
}

body {
  font-family: Arial, sans-serif;
}