/* =========================================================


   CFK v3 - Theme override (float/width ezme + F95 layout)


   ========================================================= */


#comments.cfk-wrap, #comments.cfk-wrap * { box-sizing: border-box !important; }





/* Tema indent/dot/line saçmalıklarını sıfırla */


#comments.cfk-wrap ol,


#comments.cfk-wrap ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }


#comments.cfk-wrap li { list-style: none !important; margin: 0 !important; padding: 0 !important; }


#comments.cfk-wrap .cfk-comment-item { margin: 14px 0 !important; }





/* Tema float + width:100% eziyor -> CFK içinde komple iptal */


#comments.cfk-wrap .cfk-post,


#comments.cfk-wrap .cfk-post *{


  float: none !important;


  clear: none !important;


  width: auto !important;


  max-width: none !important;


}





/* Üst bar */


#comments.cfk-wrap .cfk-sortbar{


  display:flex !important;


  gap:12px !important;


  align-items:center !important;


  margin:14px 0 !important;


  padding:12px 14px !important;


  border:1px solid rgba(255,255,255,0.10) !important;


  border-radius:14px !important;


  background: rgba(0,0,0,0.35) !important;


}


#comments.cfk-wrap .cfk-sortbar label{ font-size:13px !important; opacity:.9 !important; }


#comments.cfk-wrap .cfk-sort{


  padding:8px 10px !important;


  border-radius:12px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(0,0,0,0.45) !important;


  color:inherit !important;


}





/* Form */


#comments.cfk-wrap #respond,


#comments.cfk-wrap .comment-respond{


  margin: 14px 0 !important;


  border: 1px solid rgba(255,255,255,0.10) !important;


  border-radius: 14px !important;


  background: rgba(0,0,0,0.30) !important;


  padding: 12px !important;


}


#comments.cfk-wrap #reply-title{ margin:0 0 10px 0 !important; font-size:16px !important; }


#comments.cfk-wrap #respond textarea{


  width:100% !important;


  min-height:110px !important;


  border-radius:12px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(0,0,0,0.50) !important;


  color:inherit !important;


  padding:10px !important;


}


#comments.cfk-wrap #respond input[type="submit"]{


  margin-top:10px !important;


  border-radius: 12px !important;


  padding: 10px 14px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(255,255,255,0.08) !important;


  color: inherit !important;


  cursor:pointer !important;


}





/* ================== F95/XenForo Post ================== */


#comments.cfk-wrap .cfk-post{


  display:flex !important;


  flex-direction: row !important;


  align-items: stretch !important;


  width:100% !important;


  border:1px solid rgba(255,255,255,0.10) !important;


  border-radius:16px !important;





  /* ÖNEMLİ: Menü kesilmesin */


  overflow: visible !important;


  position: relative !important;





  background: rgba(0,0,0,0.28) !important;


}





#comments.cfk-wrap .cfk-right,


#comments.cfk-wrap .cfk-actions-row{


  overflow: visible !important;


}





/* Sol panel */


#comments.cfk-wrap .cfk-left{


  flex: 0 0 180px !important;


  width: 180px !important;


  padding: 14px 12px !important;


  background: rgba(0,0,0,0.45) !important;


  border-right: 1px solid rgba(255,255,255,0.08) !important;


  display:flex !important;


  flex-direction: column !important;


  align-items: center !important;


  gap:10px !important;


  text-align:center !important;


}


#comments.cfk-wrap .cfk-avatar img{


  width: 96px !important;


  height: 96px !important;


  border-radius: 14px !important;


  display:block !important;


}


#comments.cfk-wrap .cfk-author{


  font-weight:700 !important;


  font-size:14px !important;


}


#comments.cfk-wrap .cfk-badge{


  display:inline-block !important;


  padding: 3px 10px !important;


  border-radius: 999px !important;


  font-size:12px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  opacity:.95 !important;


}


#comments.cfk-wrap .cfk-badge.newbie{ background: rgba(255,255,255,0.04) !important; }


#comments.cfk-wrap .cfk-badge.regular{ background: rgba(255,255,255,0.07) !important; }


#comments.cfk-wrap .cfk-badge.veteran{ background: rgba(255,255,255,0.10) !important; }





/* Sağ panel */


#comments.cfk-wrap .cfk-right{


  flex: 1 1 auto !important;


  width: auto !important;


  min-width: 0 !important;


  padding: 14px 14px 12px 14px !important;


}


#comments.cfk-wrap .cfk-meta{


  display:flex !important;


  justify-content: space-between !important;


  align-items:center !important;


  gap:10px !important;


  padding: 8px 10px !important;


  margin: 0 0 10px 0 !important;


  border: 1px solid rgba(255,255,255,0.08) !important;


  border-radius: 12px !important;


  background: rgba(0,0,0,0.25) !important;


  font-size: 12px !important;


  opacity: .9 !important;


}


#comments.cfk-wrap .cfk-content{


  font-size:15px !important;


  line-height:1.65 !important;


}





/* Aksiyon satırı (vote+alıntı solda, yanıtla sağda) */


#comments.cfk-wrap .cfk-actions-row{


  margin-top: 12px !important;


  display:flex !important;


  justify-content: space-between !important;


  align-items:center !important;


  gap:10px !important;


  flex-wrap: wrap !important;


}


#comments.cfk-wrap .cfk-actions{ display:flex !important; align-items:center !important; gap:8px !important; }


#comments.cfk-wrap .cfk-vote{


  width:34px !important; height:34px !important;


  border-radius:12px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(255,255,255,0.06) !important;


  cursor:pointer !important;


  line-height:1 !important;


}


#comments.cfk-wrap .cfk-score{ min-width:24px !important; text-align:center !important; font-weight:700 !important; }


#comments.cfk-wrap .cfk-quote{


  height:34px !important;


  padding: 0 12px !important;


  border-radius:12px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(255,255,255,0.06) !important;


  color:inherit !important;


  cursor:pointer !important;


}


#comments.cfk-wrap .cfk-disabled{ opacity:.5 !important; cursor:not-allowed !important; }





#comments.cfk-wrap .cfk-reply a{


  display:inline-flex !important;


  align-items:center !important;


  height:34px !important;


  padding: 0 12px !important;


  border-radius:12px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(255,255,255,0.06) !important;


  text-decoration:none !important;


  color:inherit !important;


}





/* Sağ altta Yorum Yaz */


.cfk-quick-reply{


  position: fixed !important;


  right: 16px !important;


  bottom: 16px !important;


  z-index: 99999 !important;


  padding: 10px 14px !important;


  border-radius: 14px !important;


  border: 1px solid rgba(255,255,255,0.14) !important;


  background: rgba(0,0,0,0.75) !important;


  color: inherit !important;


  cursor: pointer !important;


}





/* ===== CFK Compact Mode (daha küçük) ===== */





/* Sol panel daralsın */


#comments.cfk-wrap .cfk-left{


  flex: 0 0 140px !important;


  width: 140px !important;


  padding: 10px !important;


  gap: 8px !important;


}





/* Avatar küçülsün */


#comments.cfk-wrap .cfk-avatar img{


  width: 72px !important;


  height: 72px !important;


  border-radius: 12px !important;


}





/* Yazar ve rozet küçülsün */


#comments.cfk-wrap .cfk-author{


  font-size: 13px !important;


}


#comments.cfk-wrap .cfk-badge{


  font-size: 11px !important;


  padding: 2px 8px !important;


}





/* Sağ panel padding küçülsün */


#comments.cfk-wrap .cfk-right{


  padding: 10px !important;


}





/* Üst meta bar küçülsün */


#comments.cfk-wrap .cfk-meta{


  padding: 6px 8px !important;


  margin-bottom: 8px !important;


  font-size: 11px !important;


}





/* İçerik font + satır aralığı biraz küçülsün */


#comments.cfk-wrap .cfk-content{


  font-size: 14px !important;


  line-height: 1.55 !important;


}





/* Butonlar daha küçük */


#comments.cfk-wrap .cfk-vote{


  width: 28px !important;


  height: 28px !important;


  border-radius: 10px !important;


}


#comments.cfk-wrap .cfk-quote{


  height: 28px !important;


  padding: 0 10px !important;


  border-radius: 10px !important;


  font-size: 12px !important;


}


#comments.cfk-wrap .cfk-reply a{


  height: 28px !important;


  padding: 0 10px !important;


  border-radius: 10px !important;


  font-size: 12px !important;


}





/* Aksiyon satırı daha sıkı */


#comments.cfk-wrap .cfk-actions-row{


  margin-top: 10px !important;


  gap: 8px !important;


}





/* Form da kompakt olsun */


#comments.cfk-wrap #respond textarea{


  min-height: 90px !important;


}


#comments.cfk-wrap #respond input[type="submit"]{


  padding: 8px 12px !important;


  border-radius: 10px !important;


}


/* Avatar/author link */


#comments.cfk-wrap .cfk-avatar-link,


#comments.cfk-wrap .cfk-author-link{


  color: inherit !important;


  text-decoration: none !important;


}


#comments.cfk-wrap .cfk-author-link:hover{


  text-decoration: underline !important;


}





/* Özel rank'lar için default stil */


#comments.cfk-wrap .cfk-badge.custom{


  background: rgba(255,255,255,0.06) !important;


}





/* Profil sayfası */


.cfk-profile-wrap{


  max-width: 860px;


  margin: 18px auto;


  padding: 0 12px;


}


.cfk-profile-card{


  border:1px solid rgba(255,255,255,0.10);


  border-radius:16px;


  background: rgba(0,0,0,0.30);


  padding: 14px;


}


.cfk-profile-head{


  display:flex;


  gap:14px;


  align-items:center;


}


.cfk-profile-avatar img{


  width:140px;


  height:140px;


  border-radius:16px;


}


.cfk-profile-name{


  font-size:18px;


  font-weight:800;


  margin-bottom:6px;


}


.cfk-profile-stats{


  display:flex;


  gap:12px;


  flex-wrap: wrap;


  font-size: 12px;


  opacity: .9;


  margin-top: 10px;


}


.cfk-profile-bio{


  margin-top: 12px;


  padding: 12px;


  border-radius: 14px;


  border:1px solid rgba(255,255,255,0.08);


  background: rgba(0,0,0,0.22);


}


.cfk-profile-empty{ opacity:.75; }





.cfk-profile-hr{


  border: none;


  height: 1px;


  background: rgba(255,255,255,0.10);


  margin: 14px 0;


}


.cfk-profile-form{ display:flex; flex-direction:column; gap:10px; }


.cfk-profile-label{ font-size: 13px; opacity:.9; }


.cfk-profile-textarea{


  width:100%;


  border-radius: 12px;


  border:1px solid rgba(255,255,255,0.14);


  background: rgba(0,0,0,0.45);


  color: inherit;


  padding: 10px;


}


.cfk-profile-file{


  width:100%;


  max-width: 520px;


  padding: 8px;


  border-radius: 12px;


  border:1px solid rgba(255,255,255,0.14);


  background: rgba(0,0,0,0.25);


  color: inherit;


}


.cfk-profile-check{


  display:flex;


  align-items:center;


  gap:8px;


  opacity:.9;


}


.cfk-profile-save{


  width: fit-content;


  padding:10px 14px;


  border-radius:12px;


  border:1px solid rgba(255,255,255,0.14);


  background: rgba(255,255,255,0.08);


  color: inherit;


  cursor: pointer;


}


.cfk-profile-msg{


  margin-top: 12px;


  padding: 10px 12px;


  border-radius: 12px;


  border:1px solid rgba(255,255,255,0.12);


  background: rgba(0,0,0,0.22);


}


.cfk-profile-err{


  margin-top: 12px;


  padding: 10px 12px;


  border-radius: 12px;


  border:1px solid rgba(255,80,80,0.25);


  background: rgba(255,80,80,0.08);


}


/* =========================


   CFK PROFILE - BETTER UI


   ========================= */





.cfk-profile-wrap{


  max-width: 980px;


  margin: 24px auto;


  padding: 0 14px;


}





.cfk-profile-card{


  position: relative;


  overflow: hidden;


  border: 1px solid rgba(255,255,255,0.10);


  border-radius: 18px;


  background: rgba(0,0,0,0.35);


  box-shadow: 0 10px 30px rgba(0,0,0,0.35);


}





/* Üst şerit (F95 havası) */


.cfk-profile-card:before{


  content:"";


  position:absolute;


  inset:0 0 auto 0;


  height: 54px;


  background: linear-gradient(90deg, rgba(255,0,0,0.28), rgba(0,0,0,0));


  pointer-events:none;


}





/* Başlık alanı */


.cfk-profile-head{


  position: relative;


  display:flex;


  gap:16px;


  align-items:flex-start;


  padding: 18px;


  border-bottom: 1px solid rgba(255,255,255,0.08);


  background: rgba(0,0,0,0.22);


}





.cfk-profile-avatar{


  flex: 0 0 120px;


}


.cfk-profile-avatar img{


  width: 120px;


  height: 120px;


  border-radius: 16px;


  border: 1px solid rgba(255,255,255,0.14);


  background: rgba(255,255,255,0.04);


  display:block;


}





.cfk-profile-meta{ min-width:0; }


.cfk-profile-name{


  font-size: 22px;


  font-weight: 900;


  letter-spacing: .2px;


  margin-bottom: 6px;


}





.cfk-profile-stats{


  display:flex;


  gap:12px;


  flex-wrap: wrap;


  font-size: 12px;


  opacity: .9;


  margin-top: 10px;


  padding: 8px 10px;


  border-radius: 12px;


  border: 1px solid rgba(255,255,255,0.08);


  background: rgba(0,0,0,0.22);


}





/* Bio alanı */


.cfk-profile-bio{


  margin: 14px 18px 18px;


  padding: 14px;


  border-radius: 16px;


  border: 1px solid rgba(255,255,255,0.08);


  background: rgba(0,0,0,0.20);


  line-height: 1.65;


  font-size: 14px;


}


.cfk-profile-empty{


  opacity:.75;


  font-style: italic;


}





/* Mesajlar */


.cfk-profile-msg,


.cfk-profile-err{


  margin: 12px 18px 0;


  padding: 10px 12px;


  border-radius: 14px;


  border:1px solid rgba(255,255,255,0.12);


  background: rgba(0,0,0,0.20);


}


.cfk-profile-err{


  border-color: rgba(255,80,80,0.28);


  background: rgba(255,80,80,0.08);


}





/* Düzenleme formu */


.cfk-profile-hr{


  border: none;


  height: 1px;


  background: rgba(255,255,255,0.10);


  margin: 16px 18px;


}





.cfk-profile-form{


  padding: 0 18px 18px;


  display: grid;


  grid-template-columns: 1.2fr 0.8fr;


  gap: 12px 14px;


  align-items: start;


}





.cfk-profile-label{


  font-size: 12px;


  opacity: .9;


  margin-bottom: -6px;


}





.cfk-profile-textarea{


  grid-column: 1 / -1;


  width:100%;


  min-height: 130px;


  border-radius: 14px;


  border:1px solid rgba(255,255,255,0.14);


  background: rgba(0,0,0,0.45);


  color: inherit;


  padding: 12px;


  outline: none;


}





.cfk-profile-file{


  width:100%;


  border-radius: 14px;


  border:1px solid rgba(255,255,255,0.14);


  background: rgba(0,0,0,0.25);


  color: inherit;


  padding: 10px;


  outline:none;


}





/* Dosya seç butonu (modern tarayıcılar) */


.cfk-profile-file::file-selector-button{


  border:1px solid rgba(255,255,255,0.14);


  background: rgba(255,255,255,0.08);


  color: inherit;


  padding: 8px 12px;


  border-radius: 12px;


  cursor: pointer;


  margin-right: 10px;


}





.cfk-profile-check{


  grid-column: 1 / -1;


  display:flex;


  align-items:center;


  gap:8px;


  opacity:.9;


}





.cfk-profile-save{


  justify-self: end;


  grid-column: 1 / -1;


  padding: 10px 14px;


  border-radius: 14px;


  border:1px solid rgba(255,255,255,0.14);


  background: rgba(255,255,255,0.08);


  color: inherit;


  cursor: pointer;


}


.cfk-profile-save:hover{


  background: rgba(255,255,255,0.12);


}





/* Mobil */


@media (max-width: 720px){


  .cfk-profile-head{ flex-direction: column; align-items: center; text-align:center; }


  .cfk-profile-avatar{ flex: 0 0 auto; }


  .cfk-profile-form{ grid-template-columns: 1fr; }


}





/* Özel ünvan renkleri (rank-xxx) */


#comments.cfk-wrap .cfk-badge.rank-admin,


.cfk-profile-card .cfk-badge.rank-admin{


  border-color: rgba(255,80,80,0.35) !important;


  background: rgba(255,80,80,0.12) !important;


}


#comments.cfk-wrap .cfk-badge.rank-mod,


.cfk-profile-card .cfk-badge.rank-mod{


  border-color: rgba(80,160,255,0.35) !important;


  background: rgba(80,160,255,0.12) !important;


}


#comments.cfk-wrap .cfk-badge.rank-vip,


.cfk-profile-card .cfk-badge.rank-vip{


  border-color: rgba(255,200,80,0.35) !important;


  background: rgba(255,200,80,0.12) !important;


}


/* =========================


   CFK BADGE COLORS


   ========================= */





/* Otomatik seviyeler */


#comments.cfk-wrap .cfk-badge.newbie,


.cfk-profile-card .cfk-badge.newbie{


  border-color: rgba(160,160,160,.45) !important;


  background: rgba(160,160,160,.12) !important;


  color: rgba(255,255,255,.92) !important;


}





#comments.cfk-wrap .cfk-badge.regular,


.cfk-profile-card .cfk-badge.regular{


  border-color: rgba(80,160,255,.45) !important;


  background: rgba(80,160,255,.12) !important;


  color: rgba(255,255,255,.96) !important;


}





#comments.cfk-wrap .cfk-badge.veteran,


.cfk-profile-card .cfk-badge.veteran{


  border-color: rgba(255,200,80,.50) !important;


  background: rgba(255,200,80,.14) !important;


  color: rgba(255,255,255,.98) !important;


}





/* Özel ünvanlar (senin yazdığın metne göre class oluşuyor: rank-xxx) */


/* Örn: "VIP" yazarsan class => rank-vip */


#comments.cfk-wrap .cfk-badge.rank-vip,


.cfk-profile-card .cfk-badge.rank-vip{


  border-color: rgba(255,80,200,.55) !important;


  background: rgba(255,80,200,.14) !important;


  color: rgba(255,255,255,.98) !important;


}





/* "Mod" => rank-mod */


#comments.cfk-wrap .cfk-badge.rank-mod,


.cfk-profile-card .cfk-badge.rank-mod{


  border-color: rgba(80,200,255,.55) !important;


  background: rgba(80,200,255,.14) !important;


  color: rgba(255,255,255,.98) !important;


}





/* "Admin" => rank-admin */


#comments.cfk-wrap .cfk-badge.rank-admin,


.cfk-profile-card .cfk-badge.rank-admin{


  border-color: rgba(255,80,80,.60) !important;


  background: rgba(255,80,80,.16) !important;


  color: rgba(255,255,255,.98) !important;


}





/* Ek efekt: hafif parlaklık */


#comments.cfk-wrap .cfk-badge,


.cfk-profile-card .cfk-badge{


  box-shadow: 0 0 18px rgba(0,0,0,.35);


}


/* =========================


   CFK RANKS PAGE + BADGE COLORS


   ========================= */





.cfk-ranks-wrap{ max-width: 980px; margin: 20px auto; padding: 0 14px; }


.cfk-ranks-card{


  border:1px solid rgba(255,255,255,.10);


  border-radius: 18px;


  background: rgba(0,0,0,.35);


  padding: 16px;


}


.cfk-ranks-head{ margin-bottom: 12px; }


.cfk-ranks-title{ font-size: 20px; font-weight: 900; }


.cfk-ranks-sub{ opacity:.85; margin-top:4px; }





.cfk-ranks-me{


  margin: 12px 0 16px;


  padding: 12px;


  border-radius: 16px;


  border:1px solid rgba(255,255,255,.10);


  background: rgba(0,0,0,.22);


}


.cfk-ranks-me-row{ display:flex; justify-content: space-between; gap:10px; margin-bottom: 8px; }


.cfk-ranks-progress{ margin-top: 8px; }


.cfk-ranks-bar{ height:10px; border-radius: 999px; background: rgba(255,255,255,.08); overflow:hidden; }


.cfk-ranks-bar-in{ height:100%; background: rgba(255,0,0,.35); }


.cfk-ranks-next{ margin-top: 8px; opacity:.9; }





.cfk-ranks-guest{


  margin: 12px 0 16px;


  padding: 12px;


  border-radius: 16px;


  border:1px solid rgba(255,255,255,.10);


  background: rgba(0,0,0,.22);


  opacity:.9;


}





.cfk-ranks-list{ display:flex; flex-direction: column; gap: 10px; }


.cfk-rank-item{


  display:flex; align-items:center; gap:12px;


  padding: 12px;


  border-radius: 16px;


  border:1px solid rgba(255,255,255,.08);


  background: rgba(0,0,0,.22);


}


.cfk-rank-badge{ width: 160px; }


.cfk-rank-min{ font-size: 14px; }


.cfk-rank-desc{ opacity:.8; font-size: 12px; margin-top: 2px; }


.cfk-ranks-note{ margin-top: 14px; opacity:.85; font-size: 12px; }





/* ===== Renkli rozetler (class: rank-xxx) ===== */


#comments.cfk-wrap .cfk-badge.rank-caylak, .cfk-profile-card .cfk-badge.rank-caylak, .cfk-ranks-card .cfk-badge.rank-caylak{


  border-color: rgba(170,170,170,.55) !important; background: rgba(170,170,170,.12) !important;


}


#comments.cfk-wrap .cfk-badge.rank-uye, .cfk-profile-card .cfk-badge.rank-uye, .cfk-ranks-card .cfk-badge.rank-uye{


  border-color: rgba(120,220,120,.55) !important; background: rgba(120,220,120,.12) !important;


}


#comments.cfk-wrap .cfk-badge.rank-aktif, .cfk-profile-card .cfk-badge.rank-aktif, .cfk-ranks-card .cfk-badge.rank-aktif{


  border-color: rgba(80,160,255,.60) !important; background: rgba(80,160,255,.12) !important;


}


#comments.cfk-wrap .cfk-badge.rank-daimi, .cfk-profile-card .cfk-badge.rank-daimi, .cfk-ranks-card .cfk-badge.rank-daimi{


  border-color: rgba(140,120,255,.60) !important; background: rgba(140,120,255,.12) !important;


}


#comments.cfk-wrap .cfk-badge.rank-kidemli, .cfk-profile-card .cfk-badge.rank-kidemli, .cfk-ranks-card .cfk-badge.rank-kidemli{


  border-color: rgba(255,200,80,.62) !important; background: rgba(255,200,80,.14) !important;


}


#comments.cfk-wrap .cfk-badge.rank-usta, .cfk-profile-card .cfk-badge.rank-usta, .cfk-ranks-card .cfk-badge.rank-usta{


  border-color: rgba(255,140,60,.62) !important; background: rgba(255,140,60,.14) !important;


}


#comments.cfk-wrap .cfk-badge.rank-rehber, .cfk-profile-card .cfk-badge.rank-rehber, .cfk-ranks-card .cfk-badge.rank-rehber{


  border-color: rgba(80,220,255,.65) !important; background: rgba(80,220,255,.14) !important;


}


#comments.cfk-wrap .cfk-badge.rank-bilge, .cfk-profile-card .cfk-badge.rank-bilge, .cfk-ranks-card .cfk-badge.rank-bilge{


  border-color: rgba(255,80,200,.65) !important; background: rgba(255,80,200,.14) !important;


}


#comments.cfk-wrap .cfk-badge.rank-efsane, .cfk-profile-card .cfk-badge.rank-efsane, .cfk-ranks-card .cfk-badge.rank-efsane{


  border-color: rgba(255,80,80,.70) !important; background: rgba(255,80,80,.16) !important;


}


#comments.cfk-wrap .cfk-badge.rank-mentor, .cfk-profile-card .cfk-badge.rank-mentor, .cfk-ranks-card .cfk-badge.rank-mentor{


  border-color: rgba(255,255,255,.38) !important; background: rgba(255,255,255,.10) !important;


}





/* Özel ünvan örnekleri: VIP / Mod / Yardımsever yazarsan otomatik class olur */


#comments.cfk-wrap .cfk-badge.rank-vip, .cfk-profile-card .cfk-badge.rank-vip, .cfk-ranks-card .cfk-badge.rank-vip{


  border-color: rgba(255,80,200,.70) !important; background: rgba(255,80,200,.16) !important;


}


#comments.cfk-wrap .cfk-badge.rank-mod, .cfk-profile-card .cfk-badge.rank-mod, .cfk-ranks-card .cfk-badge.rank-mod{


  border-color: rgba(80,200,255,.70) !important; background: rgba(80,200,255,.16) !important;


}


#comments.cfk-wrap .cfk-badge.rank-yardimsever, .cfk-profile-card .cfk-badge.rank-yardimsever, .cfk-ranks-card .cfk-badge.rank-yardimsever{


  border-color: rgba(120,255,180,.70) !important; background: rgba(120,255,180,.14) !important;


}


/* =========================


   CFK AUTH (LOGIN / REGISTER)


   ========================= */





#comments.cfk-wrap .cfk-sortbar{


  flex-wrap: wrap !important;


}





#comments.cfk-wrap .cfk-auth{


  margin-left:auto !important;


  display:flex !important;


  gap:10px !important;


  align-items:center !important;


}





#comments.cfk-wrap .cfk-auth-btn{


  display:inline-flex !important;


  align-items:center !important;


  height:34px !important;


  padding:0 12px !important;


  border-radius:12px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(255,255,255,0.06) !important;


  color:inherit !important;


  text-decoration:none !important;


}





#comments.cfk-wrap .cfk-must-login{


  margin: 14px 0 !important;


  padding: 12px 14px !important;


  border-radius: 14px !important;


  border:1px solid rgba(255,255,255,0.10) !important;


  background: rgba(0,0,0,0.30) !important;


  opacity: .95 !important;


}





#comments.cfk-wrap .cfk-must-login a{


  text-decoration: underline !important;


}


/* =========================

   CFK AUTH PAGES (LOGIN/REGISTER)

   ========================= */

.cfk-auth-wrap,

.cfk-auth-wrap *{

  box-sizing: border-box;

}

.cfk-auth-wrap{

  width: 100%;

  max-width: 520px;

  margin: 28px auto;

  padding: 0 14px;

}

.cfk-auth-card{

  width: 100%;

  max-width: 100%;

  margin: 0 auto;

  border:1px solid rgba(255,255,255,0.10);

  border-radius: 18px;

  background: rgba(0,0,0,0.35);

  padding: 16px;

  box-shadow: 0 10px 30px rgba(0,0,0,0.35);

}


.cfk-auth-title{


  font-size: 20px;


  font-weight: 900;


  margin-bottom: 12px;


}


.cfk-auth-form{


  display:flex;


  flex-direction: column;


  gap: 10px;


}


.cfk-auth-form label{

  font-size: 12px;

  opacity: .9;

}

.cfk-auth-form input[type="text"],

.cfk-auth-form input[type="email"],

.cfk-auth-form input[type="password"]{

  width: 100%;

  border-radius: 14px;

  border:1px solid rgba(255,255,255,0.14);

  background: rgba(0,0,0,0.45);

  color: inherit;


  padding: 10px 12px;


  outline: none;


}


.cfk-auth-form button{


  margin-top: 6px;


  padding: 10px 14px;


  border-radius: 14px;


  border:1px solid rgba(255,255,255,0.14);


  background: rgba(255,255,255,0.08);


  color: inherit;


  cursor: pointer;


}


.cfk-auth-form button:hover{


  background: rgba(255,255,255,0.12);


}


.cfk-auth-check{

  display:inline-flex;

  align-self:flex-start;

  align-items:center;

  justify-content:flex-start;

  gap:8px;

  margin: 2px 0;

  white-space: nowrap;

  opacity:.9;

}

.cfk-auth-form input[type="checkbox"]{

  width: 16px;

  min-width: 16px;

  height: 16px;

  margin: 0;

  padding: 0;

  border: 0;

  border-radius: 4px;

  background: transparent;

  box-shadow: none;

  appearance: auto;

  -webkit-appearance: checkbox;

  flex: 0 0 auto;

}

.cfk-auth-links{

  margin-top: 8px;

  display:flex;

  gap:10px;


  justify-content:center;


  opacity:.9;


  font-size: 12px;


}


.cfk-auth-links a{ text-decoration: underline; color: inherit; }


.cfk-auth-err{


  margin: 10px 0;


  padding: 10px 12px;


  border-radius: 14px;


  border:1px solid rgba(255,80,80,0.28);


  background: rgba(255,80,80,0.08);


}


.cfk-auth-msg{


  margin: 10px 0;


  padding: 10px 12px;


  border-radius: 14px;


  border:1px solid rgba(255,255,255,0.12);


  background: rgba(0,0,0,0.20);


}





/* Üst bardaki giriş/üye ol butonları */


#comments.cfk-wrap .cfk-auth{


  margin-left:auto !important;


  display:flex !important;


  gap:10px !important;


  align-items:center !important;


}


#comments.cfk-wrap .cfk-auth-btn{


  display:inline-flex !important;


  align-items:center !important;


  height:34px !important;


  padding:0 12px !important;


  border-radius:12px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(255,255,255,0.06) !important;


  color:inherit !important;


  text-decoration:none !important;


}


#comments.cfk-wrap .cfk-must-login{


  margin: 14px 0 !important;


  padding: 12px 14px !important;


  border-radius: 14px !important;


  border:1px solid rgba(255,255,255,0.10) !important;


  background: rgba(0,0,0,0.30) !important;


  opacity: .95 !important;


}


#comments.cfk-wrap .cfk-must-login a{ text-decoration: underline !important; }


.cfk-auth-hint{


  margin: 10px 0 14px;


  padding: 10px 12px;


  border-radius: 14px;


  border:1px solid rgba(255,255,255,0.10);


  background: rgba(0,0,0,0.20);


  opacity:.95;


}





.cfk-auth-secondary{


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(0,0,0,0.35) !important;


}


.cfk-auth-secondary:hover{


  background: rgba(0,0,0,0.45) !important;


}


/* Yorum fotoğrafı */


#comments.cfk-wrap .cfk-comment-image-wrap{


  margin-top: 10px;


}


#comments.cfk-wrap .cfk-comment-image{


  max-width: 100%;


  height: auto;


  display: block;


  border-radius: 14px;


  border: 1px solid rgba(255,255,255,0.10);


  background: rgba(0,0,0,0.25);


}


/* =========================


   CFK INLINE REPLY EDITOR (XenForo benzeri)


   ========================= */





#comments.cfk-wrap .cfk-inline-editor{


  margin-top: 12px !important;


}





#comments.cfk-wrap .cfk-editor-box{


  border:1px solid rgba(255,255,255,0.10) !important;


  border-radius: 14px !important;


  background: rgba(0,0,0,0.26) !important;


  padding: 10px !important;


}





#comments.cfk-wrap .cfk-editor-top{


  display:flex !important;


  align-items:center !important;


  justify-content: space-between !important;


  gap: 10px !important;


  margin-bottom: 8px !important;


}





#comments.cfk-wrap .cfk-editor-title{


  font-weight: 800 !important;


  font-size: 13px !important;


  opacity: .95 !important;


}





#comments.cfk-wrap .cfk-editor-cancel{


  width: 30px !important;


  height: 30px !important;


  border-radius: 10px !important;


  border:1px solid rgba(255,255,255,0.12) !important;


  background: rgba(255,255,255,0.06) !important;


  color: inherit !important;


  cursor: pointer !important;


  line-height: 1 !important;


}





#comments.cfk-wrap .cfk-editor-toolbar{


  display:flex !important;


  align-items:center !important;


  gap: 10px !important;


  margin-bottom: 10px !important;


}





#comments.cfk-wrap .cfk-img-btn{


  width: 34px !important;


  height: 34px !important;


  border-radius: 10px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(255,255,255,0.06) !important;


  color: inherit !important;


  cursor: pointer !important;


  font-size: 16px !important;


}





#comments.cfk-wrap .cfk-editor-hint{


  font-size: 12px !important;


  opacity: .75 !important;


}





#comments.cfk-wrap .cfk-editor-text{


  width: 100% !important;


  min-height: 110px !important;


  border-radius: 12px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(0,0,0,0.50) !important;


  color: inherit !important;


  padding: 10px !important;


  outline: none !important;


}





#comments.cfk-wrap .cfk-editor-actions{


  margin-top: 10px !important;


  display:flex !important;


  justify-content: flex-end !important;


}





#comments.cfk-wrap .cfk-editor-send{


  padding: 10px 14px !important;


  border-radius: 12px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(255,255,255,0.08) !important;


  color: inherit !important;


  cursor: pointer !important;


}





#comments.cfk-wrap .cfk-editor-send.cfk-loading{


  opacity: .7 !important;


  cursor: wait !important;


}





#comments.cfk-wrap .cfk-img-preview{


  position: relative !important;


  margin-bottom: 10px !important;


  width: 76px !important;


  height: 76px !important;


  border-radius: 12px !important;


  overflow: hidden !important;


  border:1px solid rgba(255,255,255,0.12) !important;


  background: rgba(0,0,0,0.35) !important;


}





#comments.cfk-wrap .cfk-img-preview img{


  width: 100% !important;


  height: 100% !important;


  object-fit: cover !important;


  display:block !important;


}





#comments.cfk-wrap .cfk-img-remove{


  position:absolute !important;


  top: 6px !important;


  right: 6px !important;


  width: 22px !important;


  height: 22px !important;


  border-radius: 999px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(0,0,0,0.55) !important;


  color: inherit !important;


  cursor: pointer !important;


  line-height: 1 !important;


}





#comments.cfk-wrap .cfk-drag .cfk-editor-box{


  outline: 2px dashed rgba(255,255,255,0.22) !important;


  outline-offset: 4px !important;


}





/* Yorum içi resim */


#comments.cfk-wrap .cfk-comment-image-wrap{


  margin-top: 10px !important;


}


#comments.cfk-wrap .cfk-comment-image{


  max-width: 100% !important;


  height: auto !important;


  display: block !important;


  border-radius: 14px !important;


  border: 1px solid rgba(255,255,255,0.10) !important;


  background: rgba(0,0,0,0.25) !important;


}


/* ✅ Nested reply (children) görünür olsun */


#comments.cfk-wrap .children{


  margin-left: 22px !important;


  padding-left: 18px !important;


  border-left: 1px solid rgba(255,255,255,0.08) !important;


}


/* Üye düzenle butonu */


#comments.cfk-wrap .cfk-edit{


  height:34px !important;


  padding: 0 12px !important;


  border-radius:12px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(255,255,255,0.06) !important;


  color:inherit !important;


  cursor:pointer !important;


}





/* Admin/Mod ayarlar (sağ alt) */


#comments.cfk-wrap .cfk-modbtn{


  width:34px !important;


  height:34px !important;


  margin-left: 8px !important;


  border-radius:12px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(255,255,255,0.06) !important;


  color:inherit !important;


  cursor:pointer !important;


}





/* Mod menü */


.cfk-modmenu{


  position: fixed !important;


  z-index: 999999 !important;


  min-width: 160px !important;


  border-radius: 14px !important;


  border: 1px solid rgba(255,255,255,0.14) !important;


  background: rgba(0,0,0,0.85) !important;


  backdrop-filter: blur(8px);


  padding: 8px !important;


  display: flex !important;


  flex-direction: column !important;


  gap: 6px !important;


  box-shadow: 0 18px 40px rgba(0,0,0,0.45);


}





.cfk-modmenu button{


  width: 100% !important;


  text-align: left !important;


  padding: 10px 10px !important;


  border-radius: 12px !important;


  border: 1px solid rgba(255,255,255,0.12) !important;


  background: rgba(255,255,255,0.06) !important;


  color: inherit !important;


  cursor: pointer !important;


}





.cfk-modmenu button:hover{


  background: rgba(255,255,255,0.10) !important;


}


/* ===== CFK Actions Right + Settings Menu (⚙) ===== */


#comments.cfk-wrap .cfk-actions-right{


  display:flex !important;


  align-items:center !important;


  gap:10px !important;


}





#comments.cfk-wrap .cfk-edited{


  margin-left: 6px;


  font-size: 11px;


  opacity: .75;


}





/* Gear */


#comments.cfk-wrap .cfk-menu{


  position: relative !important;


}


#comments.cfk-wrap .cfk-menu-btn{


  width:34px !important;


  height:34px !important;


  border-radius:12px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(255,255,255,0.06) !important;


  color:inherit !important;


  cursor:pointer !important;


  line-height:1 !important;


}


#comments.cfk-wrap .cfk-menu-pop{


  position:absolute !important;


  right:0 !important;





  /* ÖNEMLİ: aşağı değil yukarı açılsın */


  top: auto !important;


  bottom: calc(100% + 8px) !important;





  min-width: 180px !important;


  padding: 8px !important;


  border-radius: 14px !important;


  border:1px solid rgba(255,255,255,0.12) !important;


  background: rgba(0,0,0,0.85) !important;


  box-shadow: 0 12px 30px rgba(0,0,0,0.45) !important;


  z-index: 99999 !important;


  display:none !important;


}





#comments.cfk-wrap .cfk-menu.is-open .cfk-menu-pop{


  display:block !important;


}





#comments.cfk-wrap .cfk-menu-item{


  width: 100% !important;


  text-align: left !important;


  padding: 10px 12px !important;


  border-radius: 12px !important;


  border:1px solid rgba(255,255,255,0.10) !important;


  background: rgba(255,255,255,0.04) !important;


  color: inherit !important;


  cursor: pointer !important;


  margin: 6px 0 !important;


}


#comments.cfk-wrap .cfk-menu-item:hover{


  background: rgba(255,255,255,0.08) !important;


}





/* Edit UI - existing image box */


#comments.cfk-wrap .cfk-existing-image{


  margin-bottom: 10px !important;


  padding: 10px !important;


  border-radius: 14px !important;


  border:1px solid rgba(255,255,255,0.10) !important;


  background: rgba(0,0,0,0.20) !important;


}


#comments.cfk-wrap .cfk-existing-title{


  font-size: 12px !important;


  opacity: .85 !important;


  margin-bottom: 8px !important;


}


#comments.cfk-wrap .cfk-existing-preview{


  position: relative !important;


  width: 76px !important;


  height: 76px !important;


  border-radius: 12px !important;


  overflow: hidden !important;


  border:1px solid rgba(255,255,255,0.12) !important;


  background: rgba(0,0,0,0.35) !important;


}


#comments.cfk-wrap .cfk-existing-preview img{


  width: 100% !important;


  height: 100% !important;


  object-fit: cover !important;


  display:block !important;


}


#comments.cfk-wrap .cfk-existing-remove{


  position:absolute !important;


  top: 6px !important;


  right: 6px !important;


  width: 22px !important;


  height: 22px !important;


  border-radius: 999px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(0,0,0,0.55) !important;


  color: inherit !important;


  cursor: pointer !important;


  line-height: 1 !important;


}


/* Reply button (buton olduğu için ayrı stil lazım) */


#comments.cfk-wrap .cfk-reply-btn,


#comments.cfk-wrap .cfk-reply button{


  -webkit-appearance: none !important;


  appearance: none !important;





  display:inline-flex !important;


  align-items:center !important;


  height:34px !important;


  padding: 0 12px !important;


  border-radius:12px !important;





  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(255,255,255,0.06) !important;


  color: inherit !important;





  cursor:pointer !important;


  font: inherit !important;


  line-height: 1 !important;


}





#comments.cfk-wrap .cfk-reply-btn:hover,


#comments.cfk-wrap .cfk-reply button:hover{


  background: rgba(255,255,255,0.10) !important;


}


/* =========================================================


   CFK PATCH (Sadece ek düzeltme) — bunu cfk.css en altına yapıştır


   Not: Mevcut kodlarını silmez, sadece gerekli yerleri düzeltir.


   ========================================================= */





#comments.cfk-wrap, #comments.cfk-wrap * { box-sizing: border-box !important; }





/* Tema list/indent/dot/line bozuyorsa, sadece CFK alanında sıfırla */


#comments.cfk-wrap ol,


#comments.cfk-wrap ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }


#comments.cfk-wrap li { list-style: none !important; margin: 0 !important; padding: 0 !important; }





/* CFK post flex sabitle */


#comments.cfk-wrap .cfk-post{


  display:flex !important;


  flex-direction: row !important;


  align-items: stretch !important;


  width:100% !important;


  border-radius:16px !important;


  overflow: visible !important;


  position: relative !important;


}





/* Tema float/width hackleri CFK içinde patlatmasın */


#comments.cfk-wrap .cfk-post,


#comments.cfk-wrap .cfk-post *{


  float: none !important;


  clear: none !important;


  max-width: none !important;


}





/* Sol panel sabitle */


#comments.cfk-wrap .cfk-left{


  flex: 0 0 140px !important;


  width: 140px !important;


  min-width: 140px !important;


  display:flex !important;


  flex-direction: column !important;


  align-items: center !important;


  gap:8px !important;


  text-align:center !important;


  border-right: 1px solid rgba(255,255,255,0.08) !important;


}


#comments.cfk-wrap .cfk-right{


  flex: 1 1 auto !important;


  min-width: 0 !important;


}





/* ✅ Çaylak altındaki Katılım/Mesajlar blokları görünür olsun */


#comments.cfk-wrap .cfk-leftmeta{


  width: 100% !important;


  margin-top: 6px !important;


  padding-top: 8px !important;


  border-top: 1px solid rgba(255,255,255,0.08) !important;


  display:flex !important;


  flex-direction: column !important;


  gap: 6px !important;


}


#comments.cfk-wrap .cfk-leftmeta-row{


  width: 100% !important;


  display:flex !important;


  justify-content: space-between !important;


  gap: 10px !important;


  font-size: 12px !important;


  opacity: .9 !important;


}


#comments.cfk-wrap .cfk-leftmeta-row span{ opacity: .75 !important; }


#comments.cfk-wrap .cfk-leftmeta-row strong{ font-weight: 800 !important; opacity: .95 !important; }





/* Nested reply girintisi */


#comments.cfk-wrap .children{


  margin-left: 22px !important;


  padding-left: 18px !important;


  border-left: 1px solid rgba(255,255,255,0.08) !important;


}





/* ✅ Disqus gibi vote küçük ve düzgün dursun */


#comments.cfk-wrap .cfk-votes{


  display:inline-flex !important;


  align-items:center !important;


  gap:8px !important;


  padding: 4px 8px !important;


  border-radius: 999px !important;


  border: 1px solid rgba(255,255,255,0.10) !important;


  background: rgba(0,0,0,0.18) !important;


}


#comments.cfk-wrap .cfk-votes .cfk-vote{


  width: 28px !important;


  height: 28px !important;


  border-radius: 999px !important;


  border: 1px solid rgba(255,255,255,0.10) !important;


  background: rgba(255,255,255,0.06) !important;


  display:inline-flex !important;


  align-items:center !important;


  justify-content:center !important;


  font-size: 14px !important;


  line-height: 1 !important;


  padding: 0 !important;


  cursor:pointer !important;


}


#comments.cfk-wrap .cfk-votes .cfk-score{


  min-width: 22px !important;


  text-align:center !important;


  font-weight: 800 !important;


  font-size: 12px !important;


  opacity: .95 !important;


}


#comments.cfk-wrap .cfk-disabled{ opacity:.45 !important; cursor:not-allowed !important; }





/* ✅ Gear menu üstte çıksın (tema overflow yüzünden görünmüyorsa) */


#comments.cfk-wrap .cfk-menu,


#comments.cfk-wrap .cfk-actions-row,


#comments.cfk-wrap .cfk-right{


  overflow: visible !important;


}


#comments.cfk-wrap .cfk-menu-pop{


  z-index: 99999 !important;


}





/* ✅ Inline editor (yanıtla / root editör) taşma & görünüm */


#comments.cfk-wrap .cfk-inline-editor{ margin-top: 12px !important; }


#comments.cfk-wrap .cfk-editor-box{ border-radius: 14px !important; overflow: visible !important; }


#comments.cfk-wrap .cfk-editor-text{


  width: 100% !important;


  min-height: 110px !important;


  border-radius: 12px !important;


}





/* Resim önizleme kutusu */


#comments.cfk-wrap .cfk-img-preview{


  position: relative !important;


  width: 76px !important;


  height: 76px !important;


  border-radius: 12px !important;


  overflow: hidden !important;


  display: none;


}


#comments.cfk-wrap .cfk-img-preview img{


  width: 100% !important;


  height: 100% !important;


  object-fit: cover !important;


  display:block !important;


}





/* Yorum içi resim */


#comments.cfk-wrap .cfk-comment-image-wrap{ margin-top: 10px !important; }


#comments.cfk-wrap .cfk-comment-image{


  max-width: 100% !important;


  height: auto !important;


  display: block !important;


  border-radius: 14px !important;


}





/* Sağ altta "Yorum Yaz" butonu görünür kalsın */


.cfk-quick-reply{


  z-index: 99999 !important;


}





/* Mobil */


@media (max-width: 720px){


  #comments.cfk-wrap .cfk-left{


    flex: 0 0 120px !important;


    width:120px !important;


    min-width:120px !important;


  }


}





/* Reply target label */


#comments.cfk-wrap .cfk-editor-replying-to{


  margin-bottom: 8px !important;


  padding: 6px 10px !important;


  border-radius: 10px !important;


  border: 1px solid rgba(255,255,255,0.12) !important;


  background: rgba(255,255,255,0.06) !important;


  font-size: 12px !important;


  opacity: .92 !important;


}





#comments.cfk-wrap .cfk-editor-replying-to strong{


  font-weight: 800 !important;


}


/* =========================================================


   CFK UI PATCH v2


   - "Rütbelere git" buton gibi


   - Katılım/Mesajlar yan yana + küçük + nowrap


   - Vote en alta + daha küçük


   - Üstte sıralama barı yerine basit başlık


   ========================================================= */





/* Üst başlık (yorum sayısı + guest auth) */


#comments.cfk-wrap .cfk-comments-head{


  display:flex !important;


  align-items:center !important;


  justify-content: space-between !important;


  gap: 12px !important;


  margin: 14px 0 !important;


  padding: 12px 14px !important;


  border:1px solid rgba(255,255,255,0.10) !important;


  border-radius:14px !important;


  background: rgba(0,0,0,0.35) !important;


}


#comments.cfk-wrap .cfk-comments-count{


  font-weight: 900 !important;


  font-size: 14px !important;


  opacity: .95 !important;


}





/* Katılım/Mesajlar küçük ve tek satır */


#comments.cfk-wrap .cfk-leftmeta{


  width:100% !important;


}


#comments.cfk-wrap .cfk-leftmeta-row{


  width: 100% !important;


  display:flex !important;


  justify-content: space-between !important;


  gap: 10px !important;


  font-size: 11px !important;


  opacity: .9 !important;


  white-space: nowrap !important;


}


#comments.cfk-wrap .cfk-leftmeta-row span{ opacity:.75 !important; font-size: 11px !important; }


#comments.cfk-wrap .cfk-leftmeta-row strong{ font-weight: 800 !important; font-size: 11px !important; white-space: nowrap !important; }





/* Meta bar (zaman) sade dursun */


#comments.cfk-wrap .cfk-meta{


  justify-content: flex-start !important;


  font-size: 11px !important;


}





/* Actions satırı (reply + gear) */


#comments.cfk-wrap .cfk-actions-row{


  margin-top: 12px !important;


  display:flex !important;


  justify-content: flex-end !important;


  align-items:center !important;


}





/* Vote en alta */


#comments.cfk-wrap .cfk-vote-row{


  margin-top: 10px !important;


  display:flex !important;


  justify-content: flex-start !important;


}





/* Vote daha küçük + daha temiz */


#comments.cfk-wrap .cfk-votes{


  display:inline-flex !important;


  align-items:center !important;


  gap:6px !important;


  padding: 3px 6px !important;


  border-radius: 999px !important;


  border: 1px solid rgba(255,255,255,0.10) !important;


  background: rgba(0,0,0,0.18) !important;


}


#comments.cfk-wrap .cfk-votes .cfk-vote{


  width: 24px !important;


  height: 24px !important;


  border-radius: 999px !important;


  border: 1px solid rgba(255,255,255,0.10) !important;


  background: rgba(255,255,255,0.06) !important;


  display:inline-flex !important;


  align-items:center !important;


  justify-content:center !important;


  font-size: 13px !important;


  line-height: 1 !important;


  padding: 0 !important;


}


#comments.cfk-wrap .cfk-votes .cfk-score{


  min-width: 20px !important;


  text-align:center !important;


  font-weight: 900 !important;


  font-size: 11px !important;


  opacity: .95 !important;


}





/* Profilde "Rütbelere git" daha düzgün */


.cfk-profile-ranks-link{


  display:inline-flex !important;


  align-items:center !important;


  padding: 6px 10px !important;


  border-radius: 999px !important;


  border: 1px solid rgba(255,255,255,0.14) !important;


  background: rgba(255,255,255,0.06) !important;


  color: inherit !important;


  text-decoration: none !important;


  font-size: 12px !important;


  white-space: nowrap !important;


}


.cfk-profile-ranks-link:hover{


  background: rgba(255,255,255,0.10) !important;


}


.cfk-profile-progress-row{


  display:flex !important;


  align-items:center !important;


  justify-content: space-between !important;


  gap: 10px !important;


  flex-wrap: wrap !important;


}


/* ✅ Vote altta kalsın + Yanıtla/⚙ en en altta (aynı kutu içinde 2 satır) */


#comments.cfk-wrap .cfk-comment-item .cfk-right{


  display:flex !important;


  flex-direction:column !important;


}





#comments.cfk-wrap .cfk-comment-item .cfk-right .cfk-meta{ order: 1 !important; }


#comments.cfk-wrap .cfk-comment-item .cfk-right .cfk-content{ order: 2 !important; }





/* actions-row en alta */


#comments.cfk-wrap .cfk-comment-item .cfk-right .cfk-actions-row{


  order: 3 !important;


  display:flex !important;


  flex-direction: column !important;   /* ✅ iki satır */


  align-items: stretch !important;


  gap: 10px !important;


  margin-top: 12px !important;


}





/* 1. satır: vote */


#comments.cfk-wrap .cfk-comment-item .cfk-right .cfk-actions-left{


  order: 1 !important;


  align-self: flex-start !important;


}





/* 2. satır: Yanıtla + ⚙ */


#comments.cfk-wrap .cfk-comment-item .cfk-right .cfk-actions-right{


  order: 2 !important;


  align-self: flex-end !important;


  display:flex !important;


  align-items:center !important;


  gap: 10px !important;


}


/* ✅ FIX: Like/Dislike yukarı kaçmasın → en altta kalsın (grid ile sıralamayı kilitle) */


#comments.cfk-wrap .cfk-comment-item .cfk-right{


  display: grid !important;


  grid-template-columns: 1fr !important;


  grid-template-rows: auto auto auto !important;


  row-gap: 10px !important;


}





/* Üstte meta (tarih/az önce) */


#comments.cfk-wrap .cfk-comment-item .cfk-right .cfk-meta{


  grid-row: 1 !important;


}





/* Ortada içerik */


#comments.cfk-wrap .cfk-comment-item .cfk-right .cfk-content{


  grid-row: 2 !important;


}





/* En altta aksiyonlar (vote + yanıtla + ⚙) */


#comments.cfk-wrap .cfk-comment-item .cfk-right .cfk-actions-row{


  grid-row: 3 !important;


  display: flex !important;


  justify-content: space-between !important;


  align-items: center !important;


  margin: 0 !important;


  padding-top: 10px !important;


  border-top: 1px solid rgba(255,255,255,0.08) !important;


}





/* Sağ taraf (Yanıtla + ⚙) en sağda kalsın */


#comments.cfk-wrap .cfk-comment-item .cfk-right .cfk-actions-right{


  display: flex !important;


  justify-content: flex-end !important;


  align-items: center !important;


  gap: 10px !important;


}


/* ✅ Yanıtla + ⚙ biraz daha aşağı insin (2 satır yap) */


#comments.cfk-wrap .cfk-comment-item .cfk-right .cfk-actions-row{


  display: flex !important;


  flex-direction: column !important;  /* iki satır */


  align-items: stretch !important;


  gap: 10px !important;


}





/* Vote satırı */


#comments.cfk-wrap .cfk-comment-item .cfk-right .cfk-actions-left{


  align-self: flex-start !important;


}





/* Yanıtla + ⚙ satırı (biraz daha aşağı + sağa) */


#comments.cfk-wrap .cfk-comment-item .cfk-right .cfk-actions-right{


  align-self: flex-end !important;


  margin-top: 6px !important;  /* ✅ ekstra aşağı */


}


/* ✅ Yanıtla + ⚙ gerçekten en aşağı insin (min-height + margin-top:auto) */


#comments.cfk-wrap .cfk-comment-item .cfk-right .cfk-actions-row{


  display:flex !important;


  flex-direction: column !important;


  align-items: stretch !important;


  justify-content: flex-start !important;





  min-height: 86px !important;      /* ✅ alan aç */


  padding-top: 10px !important;


  padding-bottom: 6px !important;  /* ✅ biraz daha aşağı */


  gap: 10px !important;


}





/* Vote üst satırda kalsın */


#comments.cfk-wrap .cfk-comment-item .cfk-right .cfk-actions-left{


  order: 1 !important;


  align-self: flex-start !important;


}





/* Yanıtla + ⚙ en alta yapışsın */


#comments.cfk-wrap .cfk-comment-item .cfk-right .cfk-actions-right{


  order: 2 !important;


  margin-top: auto !important;     /* ✅ EN ÖNEMLİ KISIM */


  align-self: flex-end !important;


  display:flex !important;


  align-items:center !important;


  gap: 10px !important;


}


/* ✅ SADECE Yanıtla + ⚙ biraz aşağı insin (layout/ölçü bozmadan) */





/* actions satırını eski haline kilitle (genişlemeyi tetikleyen min-height/column override'larını ez) */


#comments.cfk-wrap .cfk-comment-item .cfk-right .cfk-actions-row{


  display:flex !important;


  flex-direction: row !important;


  justify-content: space-between !important;


  align-items: flex-end !important;





  min-height: 0 !important;


  height: auto !important;


  padding-bottom: 0 !important;


}





/* Yanıtla + ⚙ grubunu akışı bozmadan aşağı it (genişlik/height değiştirmez) */


#comments.cfk-wrap .cfk-comment-item .cfk-right .cfk-actions-right{


  margin-top: 0 !important;


  transform: translateY(6px) !important; /* 4-10 arası oynatabilirsin */


}


/* ✅ FIX: Yanıtla + ⚙ sağda kalsın, sadece biraz aşağı insin */


#comments.cfk-wrap .cfk-comment-item .cfk-right .cfk-actions-row{


  display:flex !important;


  flex-direction: row !important;


  flex-wrap: nowrap !important;          /* alt satıra düşmesin */


  justify-content: flex-start !important;


  align-items: flex-end !important;


  gap: 10px !important;


}





#comments.cfk-wrap .cfk-comment-item .cfk-right .cfk-actions-left{


  flex: 0 0 auto !important;


  width: auto !important;


}





#comments.cfk-wrap .cfk-comment-item .cfk-right .cfk-actions-right{


  flex: 0 0 auto !important;


  width: auto !important;


  margin-left: auto !important;          /* ✅ tekrar EN SAĞA */


  display:flex !important;


  align-items:center !important;


  justify-content:flex-end !important;


  gap: 10px !important;





  transform: none !important;            /* önceki translateY iptal */


  position: relative !important;


  top: 35px !important;                   /* ✅ sadece aşağı (4-10 arası dene) */


}


/* =========================================================


   CFK v3.1 (Clean)


   - F95/XenForo layout


   - 30 per page + infinite scroll loader


   - typing indicator


   ========================================================= */





#comments.cfk-wrap, #comments.cfk-wrap * { box-sizing: border-box !important; }





/* Tema list/indent reset (sadece CFK alanı) */


#comments.cfk-wrap ol,


#comments.cfk-wrap ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }


#comments.cfk-wrap li { list-style: none !important; margin: 0 !important; padding: 0 !important; }





#comments.cfk-wrap .cfk-comment-item { margin: 14px 0 !important; }





/* =========================================================


   Head bar (yorum sayısı + auth + typing)


   ========================================================= */


#comments.cfk-wrap .cfk-comments-head{


  display:flex !important;


  align-items:center !important;


  justify-content: space-between !important;


  gap: 12px !important;


  margin: 14px 0 !important;


  padding: 12px 14px !important;


  border:1px solid rgba(255,255,255,0.10) !important;


  border-radius:14px !important;


  background: rgba(0,0,0,0.35) !important;


}





#comments.cfk-wrap .cfk-comments-left{


  display:flex !important;


  flex-direction: column !important;


  gap: 6px !important;


}





#comments.cfk-wrap .cfk-comments-count{


  font-weight: 900 !important;


  font-size: 14px !important;


  opacity: .95 !important;


}





#comments.cfk-wrap .cfk-typing{


  display:none;


  font-size: 12px;


  opacity: .85;


}





#comments.cfk-wrap .cfk-auth{


  margin-left:auto !important;


  display:flex !important;


  gap:10px !important;


  align-items:center !important;


}





#comments.cfk-wrap .cfk-auth-btn{


  display:inline-flex !important;


  align-items:center !important;


  height:34px !important;


  padding:0 12px !important;


  border-radius:12px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(255,255,255,0.06) !important;


  color:inherit !important;


  text-decoration:none !important;


}





#comments.cfk-wrap .cfk-must-login{


  margin: 14px 0 !important;


  padding: 12px 14px !important;


  border-radius: 14px !important;


  border:1px solid rgba(255,255,255,0.10) !important;


  background: rgba(0,0,0,0.30) !important;


  opacity: .95 !important;


}


#comments.cfk-wrap .cfk-must-login a{ text-decoration: underline !important; }





/* =========================================================


   Post layout


   ========================================================= */


#comments.cfk-wrap .cfk-post{


  display:flex !important;


  flex-direction: row !important;


  align-items: stretch !important;


  width:100% !important;


  border:1px solid rgba(255,255,255,0.10) !important;


  border-radius:16px !important;


  overflow: visible !important;


  position: relative !important;


  background: rgba(0,0,0,0.28) !important;


}





#comments.cfk-wrap .cfk-left{


  flex: 0 0 140px !important;


  width: 140px !important;


  min-width: 140px !important;


  padding: 10px !important;


  background: rgba(0,0,0,0.45) !important;


  border-right: 1px solid rgba(255,255,255,0.08) !important;


  display:flex !important;


  flex-direction: column !important;


  align-items: center !important;


  gap:8px !important;


  text-align:center !important;


}





#comments.cfk-wrap .cfk-avatar img{


  width: 72px !important;


  height: 72px !important;


  border-radius: 12px !important;


  display:block !important;


}





#comments.cfk-wrap .cfk-avatar-link,


#comments.cfk-wrap .cfk-author-link{


  color: inherit !important;


  text-decoration: none !important;


}


#comments.cfk-wrap .cfk-author-link:hover{ text-decoration: underline !important; }





#comments.cfk-wrap .cfk-author{


  font-weight:700 !important;


  font-size:13px !important;


}





#comments.cfk-wrap .cfk-badge{


  display:inline-block !important;


  padding: 2px 8px !important;


  border-radius: 999px !important;


  font-size:11px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  opacity:.95 !important;


  box-shadow: 0 0 18px rgba(0,0,0,.35);


  background: rgba(255,255,255,0.06) !important;


}





#comments.cfk-wrap .cfk-leftmeta{


  width: 100% !important;


  margin-top: 6px !important;


  padding-top: 8px !important;


  border-top: 1px solid rgba(255,255,255,0.08) !important;


  display:flex !important;


  flex-direction: column !important;


  gap: 6px !important;


}





#comments.cfk-wrap .cfk-leftmeta-row{


  width: 100% !important;


  display:flex !important;


  justify-content: space-between !important;


  gap: 10px !important;


  font-size: 11px !important;


  opacity: .9 !important;


  white-space: nowrap !important;


}


#comments.cfk-wrap .cfk-leftmeta-row span{ opacity: .75 !important; }


#comments.cfk-wrap .cfk-leftmeta-row strong{ font-weight: 800 !important; opacity: .95 !important; }





#comments.cfk-wrap .cfk-right{


  flex: 1 1 auto !important;


  min-width: 0 !important;


  padding: 10px !important;


  overflow: visible !important;


}





#comments.cfk-wrap .cfk-meta{


  display:flex !important;


  justify-content: flex-start !important;


  align-items:center !important;


  gap:10px !important;


  padding: 6px 8px !important;


  margin: 0 0 8px 0 !important;


  border: 1px solid rgba(255,255,255,0.08) !important;


  border-radius: 12px !important;


  background: rgba(0,0,0,0.25) !important;


  font-size: 11px !important;


  opacity: .9 !important;


}





#comments.cfk-wrap .cfk-edited{


  margin-left: 6px;


  font-size: 11px;


  opacity: .75;


}





#comments.cfk-wrap .cfk-content{


  font-size:14px !important;


  line-height:1.55 !important;


}





/* Comment image */


#comments.cfk-wrap .cfk-comment-image-wrap{ margin-top: 10px !important; }


#comments.cfk-wrap .cfk-comment-image{


  max-width: 100% !important;


  height: auto !important;


  display: block !important;


  border-radius: 14px !important;


  border: 1px solid rgba(255,255,255,0.10) !important;


  background: rgba(0,0,0,0.25) !important;


}





/* =========================================================


   Actions row (reply + menu) + votes


   ========================================================= */


#comments.cfk-wrap .cfk-actions-row{


  margin-top: 12px !important;


  display:flex !important;


  justify-content: flex-end !important;


  align-items: center !important;


  gap: 10px !important;


  overflow: visible !important;


}





#comments.cfk-wrap .cfk-actions-right{


  display:flex !important;


  align-items:center !important;


  gap:10px !important;


}





#comments.cfk-wrap .cfk-reply-btn,


#comments.cfk-wrap .cfk-reply button{


  -webkit-appearance: none !important;


  appearance: none !important;


  display:inline-flex !important;


  align-items:center !important;


  height:34px !important;


  padding: 0 12px !important;


  border-radius:12px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(255,255,255,0.06) !important;


  color: inherit !important;


  cursor:pointer !important;


  font: inherit !important;


  line-height: 1 !important;


}


#comments.cfk-wrap .cfk-reply-btn:hover{ background: rgba(255,255,255,0.10) !important; }





#comments.cfk-wrap .cfk-login-link{


  display:inline-flex !important;


  align-items:center !important;


  height:34px !important;


  padding: 0 12px !important;


  border-radius:12px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(255,255,255,0.06) !important;


  color:inherit !important;


  text-decoration:none !important;


}





#comments.cfk-wrap .cfk-menu{ position: relative !important; overflow: visible !important; }


#comments.cfk-wrap .cfk-menu-btn{


  width:34px !important;


  height:34px !important;


  border-radius:12px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(255,255,255,0.06) !important;


  color:inherit !important;


  cursor:pointer !important;


  line-height:1 !important;


}





#comments.cfk-wrap .cfk-menu-pop{


  position:absolute !important;


  right:0 !important;


  bottom: calc(100% + 8px) !important;


  min-width: 180px !important;


  padding: 8px !important;


  border-radius: 14px !important;


  border:1px solid rgba(255,255,255,0.12) !important;


  background: rgba(0,0,0,0.85) !important;


  box-shadow: 0 12px 30px rgba(0,0,0,0.45) !important;


  z-index: 99999 !important;


  display:none !important;


}


#comments.cfk-wrap .cfk-menu.is-open .cfk-menu-pop{ display:block !important; }





#comments.cfk-wrap .cfk-menu-item{


  width: 100% !important;


  text-align: left !important;


  padding: 10px 12px !important;


  border-radius: 12px !important;


  border:1px solid rgba(255,255,255,0.10) !important;


  background: rgba(255,255,255,0.04) !important;


  color: inherit !important;


  cursor: pointer !important;


  margin: 6px 0 !important;


}


#comments.cfk-wrap .cfk-menu-item:hover{ background: rgba(255,255,255,0.08) !important; }





#comments.cfk-wrap .cfk-vote-row{


  margin-top: 10px !important;


  display:flex !important;


  justify-content: flex-start !important;


}





#comments.cfk-wrap .cfk-votes{


  display:inline-flex !important;


  align-items:center !important;


  gap:6px !important;


  padding: 3px 6px !important;


  border-radius: 999px !important;


  border: 1px solid rgba(255,255,255,0.10) !important;


  background: rgba(0,0,0,0.18) !important;


}





#comments.cfk-wrap .cfk-votes .cfk-vote{


  width: 24px !important;


  height: 24px !important;


  border-radius: 999px !important;


  border: 1px solid rgba(255,255,255,0.10) !important;


  background: rgba(255,255,255,0.06) !important;


  display:inline-flex !important;


  align-items:center !important;


  justify-content:center !important;


  font-size: 13px !important;


  line-height: 1 !important;


  padding: 0 !important;


  cursor:pointer !important;


}


#comments.cfk-wrap .cfk-votes .cfk-score{


  min-width: 20px !important;


  text-align:center !important;


  font-weight: 900 !important;


  font-size: 11px !important;


  opacity: .95 !important;


}


#comments.cfk-wrap .cfk-disabled{ opacity:.45 !important; cursor:not-allowed !important; }





/* =========================================================


   Inline editor


   ========================================================= */


#comments.cfk-wrap .cfk-inline-editor{ margin-top: 12px !important; }


#comments.cfk-wrap .cfk-editor-box{


  border:1px solid rgba(255,255,255,0.10) !important;


  border-radius: 14px !important;


  background: rgba(0,0,0,0.26) !important;


  padding: 10px !important;


}


#comments.cfk-wrap .cfk-editor-top{


  display:flex !important;


  align-items:center !important;


  justify-content: space-between !important;


  gap: 10px !important;


  margin-bottom: 8px !important;


}


#comments.cfk-wrap .cfk-editor-title{


  font-weight: 800 !important;


  font-size: 13px !important;


  opacity: .95 !important;


}


#comments.cfk-wrap .cfk-editor-cancel{


  width: 30px !important;


  height: 30px !important;


  border-radius: 10px !important;


  border:1px solid rgba(255,255,255,0.12) !important;


  background: rgba(255,255,255,0.06) !important;


  color: inherit !important;


  cursor: pointer !important;


  line-height: 1 !important;


}





#comments.cfk-wrap .cfk-editor-toolbar{


  display:flex !important;


  align-items:center !important;


  gap: 10px !important;


  margin-bottom: 10px !important;


  flex-wrap: wrap !important;


}


#comments.cfk-wrap .cfk-img-btn{


  width: 34px !important;


  height: 34px !important;


  border-radius: 10px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(255,255,255,0.06) !important;


  color: inherit !important;


  cursor: pointer !important;


  font-size: 16px !important;


}


#comments.cfk-wrap .cfk-editor-hint{


  font-size: 12px !important;


  opacity: .75 !important;


}





#comments.cfk-wrap .cfk-editor-text{


  width: 100% !important;


  min-height: 110px !important;


  border-radius: 12px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(0,0,0,0.50) !important;


  color: inherit !important;


  padding: 10px !important;


  outline: none !important;


}





#comments.cfk-wrap .cfk-editor-actions{


  margin-top: 10px !important;


  display:flex !important;


  justify-content: flex-end !important;


}


#comments.cfk-wrap .cfk-editor-send{


  padding: 10px 14px !important;


  border-radius: 12px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(255,255,255,0.08) !important;


  color: inherit !important;


  cursor: pointer !important;


}


#comments.cfk-wrap .cfk-editor-send.cfk-loading{ opacity: .7 !important; cursor: wait !important; }





#comments.cfk-wrap .cfk-img-preview{


  position: relative !important;


  margin-bottom: 10px !important;


  width: 76px !important;


  height: 76px !important;


  border-radius: 12px !important;


  overflow: hidden !important;


  border:1px solid rgba(255,255,255,0.12) !important;


  background: rgba(0,0,0,0.35) !important;


}


#comments.cfk-wrap .cfk-img-preview img{


  width: 100% !important;


  height: 100% !important;


  object-fit: cover !important;


  display:block !important;


}


#comments.cfk-wrap .cfk-img-remove{


  position:absolute !important;


  top: 6px !important;


  right: 6px !important;


  width: 22px !important;


  height: 22px !important;


  border-radius: 999px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(0,0,0,0.55) !important;


  color: inherit !important;


  cursor: pointer !important;


  line-height: 1 !important;


}





#comments.cfk-wrap .cfk-drag .cfk-editor-box{


  outline: 2px dashed rgba(255,255,255,0.22) !important;


  outline-offset: 4px !important;


}





/* Edit existing image box */


#comments.cfk-wrap .cfk-existing-image{


  margin-bottom: 10px !important;


  padding: 10px !important;


  border-radius: 14px !important;


  border:1px solid rgba(255,255,255,0.10) !important;


  background: rgba(0,0,0,0.20) !important;


}


#comments.cfk-wrap .cfk-existing-title{


  font-size: 12px !important;


  opacity: .85 !important;


  margin-bottom: 8px !important;


}


#comments.cfk-wrap .cfk-existing-preview{


  position: relative !important;


  width: 76px !important;


  height: 76px !important;


  border-radius: 12px !important;


  overflow: hidden !important;


  border:1px solid rgba(255,255,255,0.12) !important;


  background: rgba(0,0,0,0.35) !important;


}


#comments.cfk-wrap .cfk-existing-preview img{


  width: 100% !important;


  height: 100% !important;


  object-fit: cover !important;


  display:block !important;


}


#comments.cfk-wrap .cfk-existing-remove{


  position:absolute !important;


  top: 6px !important;


  right: 6px !important;


  width: 22px !important;


  height: 22px !important;


  border-radius: 999px !important;


  border:1px solid rgba(255,255,255,0.14) !important;


  background: rgba(0,0,0,0.55) !important;


  color: inherit !important;


  cursor: pointer !important;


  line-height: 1 !important;


}





/* Nested replies */


#comments.cfk-wrap .children{


  margin-left: 22px !important;


  padding-left: 18px !important;


  border-left: 1px solid rgba(255,255,255,0.08) !important;


}





/* 3 seviye sonrası sağa taşmayı durdur: 4. seviye ve sonrası düz aşağı aksın */
#comments.cfk-wrap .children .children .children .children{
  margin-left: 0 !important;


  padding-left: 0 !important;


  border-left: 0 !important;


}





/* Eski override'lardan kalan sağ-aşağı kaydırmayı sıfırla */


#comments.cfk-wrap .cfk-comment-item .cfk-right .cfk-actions-right{


  position: relative !important;


  top: 35px !important;


}





/* Floating quick reply */


.cfk-quick-reply{


  position: fixed !important;


  right: 16px !important;


  bottom: 16px !important;


  z-index: 99999 !important;


  padding: 10px 14px !important;


  border-radius: 14px !important;


  border: 1px solid rgba(255,255,255,0.14) !important;


  background: rgba(0,0,0,0.75) !important;


  color: inherit !important;


  cursor: pointer !important;


}





/* Loader */


#comments.cfk-wrap .cfk-loadmore{


  margin: 14px 0 4px;


  padding: 12px 14px;


  border-radius: 14px;


  border: 1px solid rgba(255,255,255,0.10);


  background: rgba(0,0,0,0.28);


  opacity: .9;


  text-align: center;


  font-size: 12px;


}





/* Flash new */


#comments.cfk-wrap .cfk-flash{


  animation: cfkFlash 1.3s ease-in-out;


}


@keyframes cfkFlash{


  0% { outline: 2px solid rgba(120,220,120,0.0); }


  15% { outline: 2px solid rgba(120,220,120,0.35); }


  100% { outline: 2px solid rgba(120,220,120,0.0); }


}





/* Mobil */


@media (max-width: 720px){


  #comments.cfk-wrap .cfk-left{


    flex: 0 0 120px !important;


    width:120px !important;


    min-width:120px !important;


  }


}





#comments.cfk-wrap .cfk-reply-to{


  margin-left: 6px;


  font-size: 11px;


  opacity: .82;


}





#comments.cfk-wrap .cfk-reply-user-link{


  color: inherit !important;


  text-decoration: underline !important;


  text-underline-offset: 2px;


}





#comments.cfk-wrap .cfk-reply-user-link:hover{

  opacity: .95;

}



/* Compact comment cards */

#comments.cfk-wrap .cfk-comment-item{ margin: 10px 0 !important; }



#comments.cfk-wrap .cfk-post{

  border-radius: 12px !important;

}



#comments.cfk-wrap .cfk-left{

  flex: 0 0 118px !important;

  width: 118px !important;

  min-width: 118px !important;

  padding: 8px !important;

  gap: 6px !important;

}



#comments.cfk-wrap .cfk-avatar img{

  width: 56px !important;

  height: 56px !important;

  border-radius: 10px !important;

}



#comments.cfk-wrap .cfk-author{

  font-size: 12px !important;

}



#comments.cfk-wrap .cfk-badge{

  font-size: 10px !important;

  padding: 2px 7px !important;

}



#comments.cfk-wrap .cfk-leftmeta{

  margin-top: 4px !important;

  padding-top: 6px !important;

  gap: 4px !important;

}



#comments.cfk-wrap .cfk-leftmeta-row{

  display: grid !important;

  grid-template-columns: auto 1fr !important;

  column-gap: 6px !important;

  font-size: 10px !important;

  align-items: center !important;

  white-space: nowrap !important;

}



#comments.cfk-wrap .cfk-leftmeta-row span{

  min-width: 0 !important;

  white-space: nowrap !important;

  font-size: 10px !important;

}



#comments.cfk-wrap .cfk-leftmeta-row strong{

  min-width: 0 !important;

  max-width: none !important;

  overflow: visible !important;

  text-overflow: clip !important;

  white-space: nowrap !important;

  text-align: right !important;

  justify-self: end !important;

  font-size: 10px !important;

}



#comments.cfk-wrap .cfk-right{

  padding: 8px !important;

}



#comments.cfk-wrap .cfk-meta{

  padding: 5px 8px !important;

  margin: 0 0 6px 0 !important;

  border-radius: 10px !important;

  font-size: 10px !important;

}



#comments.cfk-wrap .cfk-content{

  font-size: 13px !important;

  line-height: 1.45 !important;

}



#comments.cfk-wrap .cfk-comment-image-wrap{ margin-top: 8px !important; }

#comments.cfk-wrap .cfk-comment-image{ border-radius: 10px !important; }



#comments.cfk-wrap .cfk-actions-row{

  margin-top: 8px !important;

  gap: 8px !important;

}



#comments.cfk-wrap .cfk-actions-right{

  gap: 8px !important;

}



#comments.cfk-wrap .cfk-reply-btn,

#comments.cfk-wrap .cfk-reply button,

#comments.cfk-wrap .cfk-login-link{

  height: 30px !important;

  padding: 0 10px !important;

  border-radius: 10px !important;

  font-size: 12px !important;

}



#comments.cfk-wrap .cfk-menu-btn{

  width: 30px !important;

  height: 30px !important;

  border-radius: 10px !important;

}



#comments.cfk-wrap .cfk-vote-row{

  margin-top: 8px !important;

}



#comments.cfk-wrap .cfk-votes{

  padding: 2px 5px !important;

  gap: 5px !important;

}



#comments.cfk-wrap .cfk-votes .cfk-vote{

  width: 22px !important;

  height: 22px !important;

  font-size: 12px !important;

}



#comments.cfk-wrap .cfk-votes .cfk-score{

  min-width: 16px !important;

  font-size: 10px !important;

}



#comments.cfk-wrap .cfk-comment-item .cfk-right .cfk-actions-right{

  position: static !important;

  top: auto !important;

}



@media (max-width: 720px){

  #comments.cfk-wrap .cfk-left{

    flex: 0 0 100px !important;

    width: 100px !important;

    min-width: 100px !important;

    padding: 6px !important;

  }



  #comments.cfk-wrap .cfk-avatar img{

    width: 48px !important;

    height: 48px !important;

  }

}



#comments.cfk-wrap .cfk-guest-fields{

  display: grid !important;

  grid-template-columns: 1fr 1fr 1fr !important;

  gap: 10px !important;

  margin: 10px 0 8px !important;

}



#comments.cfk-wrap .cfk-guest-fields input{

  width: 100% !important;

  border-radius: 10px !important;

  border: 1px solid rgba(255,255,255,0.16) !important;

  background: rgba(0,0,0,0.32) !important;

  color: inherit !important;

  padding: 9px 10px !important;

  outline: none !important;

}



#comments.cfk-wrap .cfk-guest-fields input:focus{

  border-color: rgba(255,255,255,0.32) !important;

}



#comments.cfk-wrap .cfk-avatar-guest{

  width: 96px !important;

  height: 96px !important;

  border-radius: 14px !important;

  border: 1px solid rgba(255,255,255,0.16) !important;

  background: rgba(255,255,255,0.05) !important;

  display: grid !important;

  place-items: center !important;

  font-weight: 700 !important;

  letter-spacing: .6px !important;

  font-size: 12px !important;

}



@media (max-width: 720px){

  #comments.cfk-wrap .cfk-guest-fields{

    grid-template-columns: 1fr !important;

  }

}



/* =========================

   CFK UX (Editor + Notifications)

   ========================= */



#comments.cfk-wrap .cfk-editor-text{
  min-height: 110px !important;
  resize: vertical !important;
  line-height: 1.6 !important;
}

#comments.cfk-wrap .cfk-loadmore-sentinel{
  width: 100%;
  height: 1px;
  margin: 0;
  pointer-events: none;
}

#comments.cfk-wrap .cfk-comment-item.cfk-menu-open-host{
  position: relative !important;
  z-index: 40 !important;
  overflow: visible !important;
}

@supports (content-visibility: auto) {
  #comments.cfk-wrap .cfk-comment-item{
    content-visibility: visible;
    contain-intrinsic-size: none;
  }

  #comments.cfk-wrap .cfk-comment-list > .cfk-comment-item:not(.parent){
    content-visibility: auto;
    contain-intrinsic-size: auto 280px;
  }

  #comments.cfk-wrap .cfk-comment-list > .cfk-comment-item:not(.parent).cfk-menu-open-host{
    content-visibility: visible !important;
    contain: none !important;
    contain-intrinsic-size: none !important;
  }
}

body.cfk-comments-active{
  position: relative !important;
  z-index: 0 !important;
  background-image: none !important;
}

body.cfk-comments-active #cfk-body-bg-layer{
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  transform: translateZ(0);
}

#comments.cfk-wrap #respond textarea{
  min-height: 110px !important;
  resize: vertical !important;
  line-height: 1.6 !important;
}

#comments.cfk-wrap .cfk-root-editor .cfk-editor-box,
#comments.cfk-wrap .cfk-root-post #respond{
  padding: 12px !important;
}

#comments.cfk-wrap .cfk-root-editor .cfk-editor-text,
#comments.cfk-wrap .cfk-root-post #respond textarea{
  height: 150px !important;
  min-height: 150px !important;
  padding: 12px !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

#comments.cfk-wrap .cfk-inline-editor:not(.cfk-root-editor) .cfk-editor-text{
  font-size: 15px !important;
  line-height: 1.65 !important;
}


#comments.cfk-wrap .cfk-editor-hint{

  display: none !important;

}



#comments.cfk-wrap .cfk-editor-toolbar{

  display:flex !important;

  align-items:center !important;

  gap:8px !important;

  flex-wrap: wrap !important;

}



#comments.cfk-wrap .cfk-fmt-tools{

  display:flex !important;

  align-items:center !important;

  gap:6px !important;

  flex-wrap: wrap !important;

}



#comments.cfk-wrap .cfk-fmt-btn{

  min-width: 28px !important;

  width: auto !important;

  height: 28px !important;

  padding: 0 7px !important;

  border-radius: 8px !important;

  border:1px solid rgba(255,255,255,0.16) !important;

  background: rgba(255,255,255,0.06) !important;

  color: inherit !important;

  cursor: pointer !important;

  font-size: 13px !important;

  line-height: 1 !important;

  display:inline-flex !important;

  align-items:center !important;

  justify-content:center !important;

}



#comments.cfk-wrap .cfk-fmt-btn:hover{

  background: rgba(255,255,255,0.12) !important;

}



#comments.cfk-wrap .cfk-content pre{

  margin: 10px 0 !important;

  padding: 10px 12px !important;

  border-radius: 10px !important;

  border: 1px solid rgba(255,255,255,0.12) !important;

  background: rgba(0,0,0,0.42) !important;

  overflow-x: auto !important;

}



#comments.cfk-wrap .cfk-content code{

  font-family: Consolas, Monaco, "Courier New", monospace !important;

  padding: 1px 5px !important;

  border-radius: 6px !important;

  background: rgba(255,255,255,0.1) !important;

}



#comments.cfk-wrap .cfk-content pre code{

  padding: 0 !important;

  border-radius: 0 !important;

  background: transparent !important;

}



#comments.cfk-wrap .cfk-spoiler{

  display: inline-block !important;

  border-radius: 6px !important;

  padding: 0 6px !important;

  border: 1px solid rgba(255,255,255,0.2) !important;

  background: rgba(255,255,255,0.07) !important;

  color: transparent !important;

  text-shadow: 0 0 9px rgba(255,255,255,0.55) !important;

  cursor: pointer !important;

  user-select: none !important;

}



#comments.cfk-wrap .cfk-spoiler:hover,

#comments.cfk-wrap .cfk-spoiler:focus,

#comments.cfk-wrap .cfk-spoiler.is-open{

  color: inherit !important;

  text-shadow: none !important;

}



#comments.cfk-wrap .cfk-editor-shortcuts{

  display: none !important;

}



#comments.cfk-wrap .cfk-editor-actions{

  display:flex !important;

  align-items:center !important;

  justify-content: flex-end !important;

  gap:10px !important;

  flex-wrap: wrap !important;

}



#comments.cfk-wrap .cfk-editor-actions .cfk-editor-shortcuts{

  margin: 0 !important;

  flex: 1 1 auto !important;

}



#comments.cfk-wrap .cfk-root-post .cfk-right > .cfk-notif-widget{

  display:flex !important;

  justify-content:flex-end !important;

  margin: 0 0 8px !important;

  position: relative !important;

}



#comments.cfk-wrap .cfk-comments-head .cfk-notif-widget{

  margin-left: auto !important;

  position: relative !important;

}



#comments.cfk-wrap .cfk-notif-btn{

  width: 34px !important;

  height: 34px !important;

  border-radius: 999px !important;

  border:1px solid rgba(255,255,255,0.16) !important;

  background: rgba(255,255,255,0.08) !important;

  color: inherit !important;

  cursor: pointer !important;

  display:inline-flex !important;

  align-items:center !important;

  justify-content:center !important;

  position: relative !important;

}



#comments.cfk-wrap .cfk-notif-icon{

  font-size: 12px !important;

  line-height: 1 !important;

}



#comments.cfk-wrap .cfk-notif-count{

  position: absolute !important;

  right: -5px !important;

  top: -6px !important;

  min-width: 16px !important;

  height: 16px !important;

  padding: 0 4px !important;

  border-radius: 999px !important;

  background: #d24646 !important;

  color: #fff !important;

  font-size: 10px !important;

  font-weight: 800 !important;

  line-height: 16px !important;

  text-align: center !important;

}



#comments.cfk-wrap .cfk-notif-pop{

  position: absolute !important;

  right: 0 !important;

  top: calc(100% + 8px) !important;

  bottom: auto !important;

  width: 320px !important;

  max-width: min(320px, calc(100vw - 24px)) !important;

  border-radius: 12px !important;

  border:1px solid rgba(255,255,255,0.14) !important;

  background: rgba(0,0,0,0.92) !important;

  box-shadow: 0 14px 34px rgba(0,0,0,0.45) !important;

  display:none !important;

  z-index: 9999 !important;

  overflow: hidden !important;

}



#comments.cfk-wrap .cfk-notif-widget.is-open .cfk-notif-pop{

  display:block !important;

}



#comments.cfk-wrap .cfk-notif-head{

  padding: 10px 12px !important;

  font-size: 12px !important;

  font-weight: 800 !important;

  border-bottom:1px solid rgba(255,255,255,0.10) !important;

}



#comments.cfk-wrap .cfk-notif-list{

  max-height: 260px !important;

  overflow: auto !important;

}



#comments.cfk-wrap .cfk-notif-item{

  display:flex !important;

  align-items:flex-start !important;

  justify-content:space-between !important;

  gap:10px !important;

  padding: 10px 12px !important;

  border-bottom:1px solid rgba(255,255,255,0.06) !important;

  text-decoration:none !important;

  color: inherit !important;

}



#comments.cfk-wrap .cfk-notif-item:last-child{

  border-bottom: 0 !important;

}



#comments.cfk-wrap .cfk-notif-item.is-unread{

  background: rgba(255,255,255,0.07) !important;

}



#comments.cfk-wrap .cfk-notif-text{

  font-size: 12px !important;

  line-height: 1.35 !important;

}



#comments.cfk-wrap .cfk-notif-time{

  flex: 0 0 auto !important;

  font-size: 10px !important;

  opacity: .7 !important;

  white-space: nowrap !important;

}



#comments.cfk-wrap .cfk-notif-empty{

  padding: 12px !important;

  font-size: 12px !important;

  opacity: .8 !important;

}



@media (max-width: 720px){

  #comments.cfk-wrap .cfk-notif-pop{

    width: 270px !important;

  }

}



#comments.cfk-wrap .cfk-is-pinned > .cfk-post{

  border-color: rgba(255,196,74,0.55) !important;

  box-shadow: 0 0 0 1px rgba(255,196,74,0.22) inset !important;

}



#comments.cfk-wrap .cfk-pinned-badge{

  display: inline-flex !important;

  align-items: center !important;

  margin-left: 8px !important;

  padding: 2px 8px !important;

  border-radius: 999px !important;

  border: 1px solid rgba(255,196,74,0.45) !important;

  background: rgba(255,196,74,0.14) !important;

  color: #ffd27a !important;

  font-size: 11px !important;

  font-weight: 700 !important;

  line-height: 1.25 !important;

}



/* =========================

   CFK PROFILE REFRESH

   ========================= */

.cfk-profile-wrap{

  max-width: 980px;

  margin: 24px auto;

  padding: 0 14px;

}



.cfk-profile-card{

  position: relative;

  overflow: hidden;

  border: 1px solid rgba(255,255,255,0.12);

  border-radius: 18px;

  background:

    radial-gradient(1200px 260px at -10% -50%, rgba(255,70,70,0.18), rgba(0,0,0,0) 62%),

    linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.00) 20%),

    rgba(14,16,22,0.92);

  box-shadow: 0 16px 36px rgba(0,0,0,0.42);

}



.cfk-profile-card::before{

  content: "";

  position: absolute;

  inset: 0 0 auto 0;

  height: 72px;

  pointer-events: none;

  background: linear-gradient(95deg, rgba(220,40,40,0.28), rgba(220,40,40,0.06), rgba(0,0,0,0));

}



.cfk-profile-head{

  position: relative;

  z-index: 1;

  display: grid;

  grid-template-columns: 130px minmax(0, 1fr);

  gap: 16px;

  align-items: center;

  padding: 20px;

  border-bottom: 1px solid rgba(255,255,255,0.08);

}



.cfk-profile-avatar{

  width: 130px;

}



.cfk-profile-avatar img{

  width: 130px;

  height: 130px;

  border-radius: 16px;

  border: 1px solid rgba(255,255,255,0.16);

  box-shadow: 0 8px 20px rgba(0,0,0,0.35);

  object-fit: cover;

  display: block;

}



.cfk-profile-meta{

  min-width: 0;

  display: flex;

  flex-direction: column;

  gap: 10px;

}



.cfk-profile-meta-top{

  display: flex;

  align-items: center;

  gap: 10px;

  flex-wrap: wrap;

}



.cfk-profile-name{

  margin: 0;

  font-size: clamp(24px, 4.6vw, 34px);

  line-height: 1.05;

  font-weight: 900;

  letter-spacing: 0.2px;

  text-shadow: 0 2px 12px rgba(0,0,0,0.35);

}



.cfk-profile-meta-top .cfk-badge{

  display: inline-flex !important;

  align-items: center !important;

  height: 28px !important;

  padding: 0 12px !important;

  border-radius: 999px !important;

  border: 1px solid rgba(255,255,255,0.18) !important;

  font-size: 12px !important;

  font-weight: 700 !important;

  line-height: 1 !important;

}



.cfk-profile-stats{

  margin: 0;

  padding: 0;

  border: 0;

  background: transparent;

  display: flex;

  gap: 10px;

  flex-wrap: wrap;

}



.cfk-profile-stat{

  display: inline-flex;

  align-items: baseline;

  gap: 8px;

  padding: 7px 12px;

  border-radius: 12px;

  border: 1px solid rgba(255,255,255,0.10);

  background: rgba(0,0,0,0.26);

}



.cfk-profile-stat strong{

  font-size: 11px;

  opacity: .72;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: .25px;

}



.cfk-profile-stat em{

  margin: 0;

  font-style: normal;

  font-weight: 800;

  font-size: 13px;

}



.cfk-profile-progress{

  padding: 10px 12px;

  border-radius: 14px;

  border: 1px solid rgba(255,255,255,0.10);

  background: rgba(0,0,0,0.22);

}



.cfk-profile-progress-row{

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  gap: 12px !important;

  flex-wrap: wrap !important;

}



.cfk-profile-progress-text{

  font-size: 13px;

  line-height: 1.3;

  opacity: .92;

}



.cfk-profile-progress-bar{

  margin-top: 9px;

  height: 10px;

  border-radius: 999px;

  overflow: hidden;

  border: 1px solid rgba(255,255,255,0.09);

  background: rgba(255,255,255,0.05);

}



.cfk-profile-progress-in{

  height: 100%;

  border-radius: inherit;

  background: linear-gradient(90deg, rgba(255,95,95,0.95), rgba(255,145,75,0.92));

  box-shadow: 0 0 18px rgba(255,90,90,0.28);

}



.cfk-profile-msg,

.cfk-profile-err{

  margin: 14px 20px 0;

  border-radius: 14px;

  padding: 10px 12px;

}



.cfk-profile-bio{

  margin: 14px 20px 20px;

  border-radius: 16px;

  border: 1px solid rgba(255,255,255,0.10);

  background: rgba(0,0,0,0.22);

  padding: 14px 14px 10px;

  line-height: 1.65;

}



.cfk-profile-section-title{

  font-size: 12px;

  letter-spacing: .22px;

  text-transform: uppercase;

  font-weight: 800;

  opacity: .7;

  margin: 0 0 8px;

}



.cfk-profile-bio p{

  margin: 0 0 10px;

}



.cfk-profile-hr{

  margin: 0 20px 18px;

}



.cfk-profile-form{

  padding: 0 20px 20px;

  display: flex !important;

  flex-direction: column !important;

  gap: 16px !important;

  align-items: stretch !important;

}



.cfk-profile-field{

  display: flex;

  flex-direction: column;

  gap: 8px;

  min-width: 0;

}



.cfk-profile-field-bio{

  width: 100%;

}



.cfk-profile-field-avatar{

  width: 100%;

  max-width: 620px;

  padding: 12px;

  border-radius: 14px;

  border: 1px solid rgba(255,255,255,0.09);

  background: rgba(0,0,0,0.24);

}



.cfk-profile-label{

  font-size: 12px;

  opacity: .86;

  margin: 0;

}



.cfk-profile-textarea{

  width: 100%;

  min-height: 190px;

  border-radius: 14px;

  border: 1px solid rgba(255,255,255,0.14);

  background: rgba(0,0,0,0.48);

  color: inherit;

  padding: 12px;

  resize: vertical;

  outline: none;

}



.cfk-profile-textarea:focus{

  border-color: rgba(255,255,255,0.28);

  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.10);

}



.cfk-profile-file{

  width: 100%;

  border-radius: 14px;

  border: 1px solid rgba(255,255,255,0.14);

  background: rgba(0,0,0,0.34);

  color: inherit;

  padding: 10px;

}



.cfk-profile-file::file-selector-button{

  border: 1px solid rgba(255,255,255,0.14);

  background: rgba(255,255,255,0.10);

  color: inherit;

  padding: 8px 12px;

  border-radius: 10px;

  cursor: pointer;

  margin-right: 10px;

}



.cfk-profile-check{

  display: inline-flex;

  align-items: center;

  gap: 8px;

  opacity: .92;

  margin-top: 2px;

}



.cfk-profile-check input[type="checkbox"]{

  width: 16px;

  min-width: 16px;

  height: 16px;

  margin: 0;

  padding: 0;

  flex: 0 0 auto;

}



.cfk-profile-actions{

  width: 100%;

  display: flex;

  justify-content: flex-end;

}



.cfk-profile-save{

  min-width: 126px;

  height: 40px;

  border-radius: 13px;

  border: 1px solid rgba(255,255,255,0.16);

  background: linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.06));

  color: inherit;

  font-weight: 700;

  cursor: pointer;

}



.cfk-profile-save:hover{

  background: linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0.08));

}



@media (max-width: 720px){

  .cfk-profile-wrap{

    padding: 0 10px;

  }



  .cfk-profile-head{

    grid-template-columns: 1fr;

    justify-items: center;

    text-align: center;

    padding: 16px 14px;

  }



  .cfk-profile-avatar{

    width: 108px;

  }



  .cfk-profile-avatar img{

    width: 108px;

    height: 108px;

  }



  .cfk-profile-meta{

    align-items: center;

  }



  .cfk-profile-stats{

    justify-content: center;

  }



  .cfk-profile-progress{

    width: 100%;

  }



  .cfk-profile-msg,

  .cfk-profile-err,

  .cfk-profile-bio{

    margin-left: 14px;

    margin-right: 14px;

  }



  .cfk-profile-hr{

    margin-left: 14px;

    margin-right: 14px;

  }



  .cfk-profile-form{

    padding: 0 14px 14px;

  }



  .cfk-profile-actions{

    justify-content: center;

  }

}



/* Profilde admin yorumu yan paneli */

.cfk-profile-layout{

  position: relative;

  z-index: 1;

}



.cfk-profile-layout.has-admin-sidebar{

  display: grid;

  grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);

  align-items: start;

}



.cfk-profile-admin-comments{

  min-width: 0;

  border-right: 1px solid rgba(255,255,255,0.09);

  background:

    linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.00) 18%),

    rgba(10,12,18,0.55);

}



.cfk-profile-admin-comments-head{

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 10px;

  padding: 16px 14px 12px;

  border-bottom: 1px solid rgba(255,255,255,0.08);

}



.cfk-profile-admin-comments-title{

  font-size: 12px;

  text-transform: uppercase;

  letter-spacing: .24px;

  font-weight: 800;

  opacity: .78;

}



.cfk-profile-admin-comments-count{

  min-width: 34px;

  height: 26px;

  padding: 0 10px;

  border-radius: 999px;

  border: 1px solid rgba(255,255,255,0.12);

  background: rgba(0,0,0,0.32);

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-size: 12px;

  font-weight: 700;

}



.cfk-profile-admin-comments-list{

  max-height: 900px;

  overflow: auto;

  padding: 12px 10px 12px;

  display: grid;

  gap: 8px;

}



.cfk-admin-comment-item{

  border-radius: 12px;

  border: 1px solid rgba(255,255,255,0.09);

  background: rgba(0,0,0,0.24);

  padding: 10px 10px 9px;

}



.cfk-admin-comment-item.is-pending{

  border-color: rgba(255,197,92,0.42);

  background: rgba(255,183,78,0.08);

}



.cfk-admin-comment-post{

  display: block;

  font-size: 12px;

  font-weight: 700;

  text-decoration: none;

  color: inherit;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



.cfk-admin-comment-post:hover{

  text-decoration: underline;

}



.cfk-admin-comment-meta{

  margin-top: 4px;

  display: flex;

  align-items: center;

  gap: 8px;

  flex-wrap: wrap;

  font-size: 11px;

  opacity: .76;

}



.cfk-admin-comment-status{

  display: inline-flex;

  align-items: center;

  height: 20px;

  padding: 0 7px;

  border-radius: 999px;

  border: 1px solid rgba(255,197,92,0.45);

  background: rgba(255,183,78,0.16);

  font-size: 10px;

  font-weight: 700;

  letter-spacing: .2px;

  text-transform: uppercase;

  opacity: 1;

}



.cfk-admin-comment-excerpt{

  margin: 8px 0 0;

  font-size: 12px;

  line-height: 1.45;

  opacity: .92;

  display: block;

  max-height: calc(1.45em * 4);

  overflow: hidden;

}



.cfk-profile-admin-comments-empty{

  padding: 14px;

  font-size: 12px;

  opacity: .74;

}



@media (max-width: 980px){

  .cfk-profile-layout.has-admin-sidebar{

    grid-template-columns: 1fr;

  }



  .cfk-profile-main{

    order: 1;

  }



  .cfk-profile-admin-comments{

    order: 2;

    border-right: 0;

    border-top: 1px solid rgba(255,255,255,0.09);

  }



  .cfk-profile-admin-comments-list{

    max-height: 440px;

  }

}



/* =========================

   CFK RANKS REFRESH

   ========================= */

.cfk-ranks-wrap{

  max-width: 1020px;

  margin: 24px auto;

  padding: 0 14px;

}



.cfk-ranks-card{

  position: relative;

  overflow: hidden;

  border: 1px solid rgba(255,255,255,0.12);

  border-radius: 18px;

  background:

    radial-gradient(1200px 280px at -10% -70%, rgba(255,68,68,0.18), rgba(0,0,0,0) 60%),

    linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.00) 18%),

    rgba(14,16,22,0.92);

  box-shadow: 0 16px 36px rgba(0,0,0,0.42);

  padding: 18px;

}



.cfk-ranks-card::before{

  content: "";

  position: absolute;

  inset: 0 0 auto 0;

  height: 72px;

  pointer-events: none;

  background: linear-gradient(95deg, rgba(220,40,40,0.26), rgba(220,40,40,0.08), rgba(0,0,0,0));

}



.cfk-ranks-head{

  position: relative;

  z-index: 1;

  margin-bottom: 14px;

}



.cfk-ranks-title{

  font-size: clamp(24px, 4.6vw, 34px);

  line-height: 1.05;

  font-weight: 900;

  letter-spacing: 0.2px;

  margin: 0;

}



.cfk-ranks-sub{

  margin-top: 6px;

  opacity: .8;

  font-size: 14px;

  line-height: 1.45;

}



.cfk-ranks-me{

  margin: 12px 0 16px;

  padding: 14px;

  border-radius: 16px;

  border: 1px solid rgba(255,255,255,0.11);

  background: rgba(0,0,0,0.24);

}



.cfk-ranks-kpis{

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 10px;

}



.cfk-ranks-kpi{

  border-radius: 12px;

  border: 1px solid rgba(255,255,255,0.10);

  background: rgba(0,0,0,0.28);

  padding: 10px 12px;

}



.cfk-ranks-kpi span{

  display: block;

  font-size: 11px;

  opacity: .72;

  text-transform: uppercase;

  letter-spacing: .25px;

}



.cfk-ranks-kpi strong{

  display: block;

  margin-top: 5px;

  font-size: 18px;

  line-height: 1.15;

}



.cfk-ranks-progress{

  margin-top: 12px;

  padding: 12px;

  border-radius: 14px;

  border: 1px solid rgba(255,255,255,0.10);

  background: rgba(0,0,0,0.24);

}



.cfk-ranks-progress-top{

  font-size: 13px;

  line-height: 1.35;

  opacity: .92;

  margin-bottom: 9px;

}



.cfk-ranks-bar{

  height: 11px;

  border-radius: 999px;

  border: 1px solid rgba(255,255,255,0.09);

  background: rgba(255,255,255,0.05);

  overflow: hidden;

}



.cfk-ranks-bar-in{

  height: 100%;

  border-radius: inherit;

  background: linear-gradient(90deg, rgba(255,95,95,0.96), rgba(255,145,75,0.92));

  box-shadow: 0 0 18px rgba(255,90,90,0.26);

}



.cfk-ranks-guest{

  margin: 12px 0 16px;

  padding: 14px;

  border-radius: 16px;

  border: 1px solid rgba(255,255,255,0.11);

  background: rgba(0,0,0,0.24);

  display: flex;

  flex-direction: column;

  gap: 4px;

}



.cfk-ranks-guest strong{

  font-size: 14px;

}



.cfk-ranks-guest span{

  font-size: 13px;

  opacity: .82;

}



.cfk-ranks-list{

  display: grid;

  gap: 12px;

}



.cfk-rank-item{

  display: grid;

  grid-template-columns: 170px minmax(0, 1fr) auto;

  gap: 12px;

  align-items: center;

  padding: 12px 14px;

  border-radius: 14px;

  border: 1px solid rgba(255,255,255,0.09);

  background: rgba(0,0,0,0.22);

  transition: border-color .16s ease, background-color .16s ease, transform .16s ease;

}



.cfk-rank-item:hover{

  border-color: rgba(255,255,255,0.16);

  background: rgba(255,255,255,0.03);

  transform: translateY(-1px);

}



.cfk-rank-badge{

  width: auto;

}



.cfk-rank-badge .cfk-badge{

  display: inline-flex !important;

  align-items: center !important;

  height: 28px !important;

  padding: 0 12px !important;

  border-radius: 999px !important;

  font-size: 12px !important;

  font-weight: 700 !important;

}



.cfk-rank-min{

  font-size: 14px;

  line-height: 1.2;

}



.cfk-rank-min strong{

  font-size: 20px;

  line-height: 1;

  margin-right: 4px;

}



.cfk-rank-desc{

  margin-top: 4px;

  opacity: .78;

  font-size: 12px;

  line-height: 1.35;

}



.cfk-rank-state{

  min-width: 92px;

  text-align: center;

  font-size: 12px;

  font-weight: 700;

  padding: 8px 10px;

  border-radius: 999px;

  border: 1px solid rgba(255,255,255,0.14);

  background: rgba(255,255,255,0.06);

}



.cfk-rank-item.is-unlocked{

  border-color: rgba(140,255,180,0.20);

}



.cfk-rank-item.is-unlocked .cfk-rank-state{

  border-color: rgba(120,255,180,0.32);

  background: rgba(120,255,180,0.12);

}



.cfk-rank-item.is-locked{

  opacity: .84;

}



.cfk-rank-item.is-current{

  border-color: rgba(255,120,120,0.40);

  background: linear-gradient(90deg, rgba(255,70,70,0.12), rgba(0,0,0,0.22) 55%);

  box-shadow: 0 0 0 1px rgba(255,120,120,0.16) inset;

}



.cfk-rank-item.is-current .cfk-rank-state{

  border-color: rgba(255,120,120,0.45);

  background: rgba(255,110,110,0.16);

}



.cfk-ranks-note{

  margin-top: 14px;

  padding: 12px 14px;

  border-radius: 14px;

  border: 1px solid rgba(255,255,255,0.10);

  background: rgba(0,0,0,0.20);

  font-size: 12px;

  line-height: 1.45;

  opacity: .84;

}



@media (max-width: 900px){

  .cfk-ranks-kpis{

    grid-template-columns: 1fr;

  }



  .cfk-rank-item{

    grid-template-columns: 1fr;

    gap: 8px;

  }



  .cfk-rank-state{

    width: fit-content;

    min-width: 0;

    justify-self: start;

  }

}



@media (max-width: 720px){

  .cfk-ranks-wrap{

    padding: 0 10px;

  }



  .cfk-ranks-card{

    padding: 14px;

  }



  .cfk-rank-min strong{

    font-size: 18px;

  }

}



#comments.cfk-wrap .cfk-content.cfk-content-deleted{

  opacity: .9 !important;

}



#comments.cfk-wrap .cfk-deleted-comment-note{

  display: block;

  font-style: italic;

  color: rgba(255,255,255,.72) !important;

}



#comments.cfk-wrap .cfk-avatar.cfk-avatar-banned{

  width: 96px;

  height: 96px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 12px;

  font-weight: 800;

  letter-spacing: .8px;

  color: rgba(255,170,170,.95) !important;

  background: rgba(190,40,40,.18) !important;

  border: 1px solid rgba(255,110,110,.45);

}



#comments.cfk-wrap .cfk-author.cfk-author-banned{

  color: rgba(255,180,180,.92) !important;

}



#comments.cfk-wrap .cfk-img-preview{

  position: relative !important;

  display: flex !important;

  flex-wrap: wrap !important;

  align-items: flex-start !important;

  gap: 10px !important;

  width: 100% !important;

  max-width: 420px !important;

  height: auto !important;

  background: transparent !important;

  border: 0 !important;

  border-radius: 0 !important;

  overflow: visible !important;

}



#comments.cfk-wrap .cfk-img-preview .cfk-preview-item,

#comments.cfk-wrap .cfk-img-preview > img{

  position: relative !important;

  flex: 0 0 88px !important;

  width: 88px !important;

  height: 88px !important;

  border-radius: 12px !important;

  overflow: hidden !important;

  border: 1px solid rgba(255,255,255,0.14) !important;

  background: rgba(0,0,0,0.35) !important;

}



#comments.cfk-wrap .cfk-img-preview .cfk-preview-item img,

#comments.cfk-wrap .cfk-img-preview > img{

  width: 100% !important;

  height: 100% !important;

  object-fit: cover !important;

  display: block !important;

  cursor: zoom-in !important;

}



#comments.cfk-wrap .cfk-img-preview .cfk-img-remove{

  position: absolute !important;

  top: 4px !important;

  right: 4px !important;

  width: 20px !important;

  height: 20px !important;

  border-radius: 999px !important;

  border: 1px solid rgba(255,255,255,0.16) !important;

  background: rgba(0,0,0,0.65) !important;

  color: #fff !important;

  cursor: pointer !important;

  line-height: 1 !important;

  padding: 0 !important;

}



#comments.cfk-wrap .cfk-comment-image-wrap{

  display: grid !important;

  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

  gap: 10px !important;

  width: 100% !important;

  max-width: 760px !important;

  margin-top: 10px !important;

}



#comments.cfk-wrap .cfk-comment-image-link{

  display: block !important;

  width: 100% !important;

  aspect-ratio: 4 / 3 !important;

  overflow: hidden !important;

  border-radius: 12px !important;

  border: 1px solid rgba(255,255,255,0.12) !important;

  background: rgba(0,0,0,0.24) !important;

  text-decoration: none !important;

}



#comments.cfk-wrap .cfk-comment-image{

  width: 100% !important;

  height: 100% !important;

  object-fit: contain !important;

  cursor: zoom-in !important;

}



#comments.cfk-wrap .cfk-comment-image-wrap.cfk-count-1{

  grid-template-columns: minmax(0, 1fr) !important;

  max-width: 860px !important;

}



#comments.cfk-wrap .cfk-comment-image-wrap.cfk-count-1 .cfk-comment-image-link{

  aspect-ratio: auto !important;

  max-height: 720px !important;

}



#comments.cfk-wrap .cfk-comment-image-wrap.cfk-count-1 .cfk-comment-image{

  height: auto !important;

  max-height: 720px !important;

}



#comments.cfk-wrap .cfk-comment-image-wrap.cfk-count-2{

  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

}



#comments.cfk-wrap .cfk-comment-image-wrap.cfk-count-2 .cfk-comment-image-link{

  aspect-ratio: 16 / 10 !important;

}



#comments.cfk-wrap .cfk-comment-image-wrap.cfk-count-3{

  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

}



#comments.cfk-wrap .cfk-comment-image-wrap.cfk-count-3 .cfk-comment-image-link:first-child{

  grid-column: 1 / -1 !important;

  aspect-ratio: 16 / 9 !important;

}



#comments.cfk-wrap .cfk-comment-image-wrap.cfk-count-3 .cfk-comment-image-link:not(:first-child){

  aspect-ratio: 16 / 10 !important;

}



#comments.cfk-wrap .cfk-comment-image-wrap.cfk-count-many{

  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

  max-width: 820px !important;

}



body.cfk-lightbox-open{

  overflow: hidden !important;

}



.cfk-lightbox{

  position: fixed !important;

  inset: 0 !important;

  z-index: 999999 !important;

  display: none !important;

  align-items: center !important;

  justify-content: center !important;

  background: rgba(0,0,0,0.88) !important;

  padding: 24px !important;

}



.cfk-lightbox.is-open{

  display: flex !important;

}



.cfk-lightbox-image{

  max-width: min(92vw, 1400px) !important;

  max-height: 88vh !important;

  width: auto !important;

  height: auto !important;

  border-radius: 12px !important;

  box-shadow: 0 16px 50px rgba(0,0,0,0.55) !important;

  background: #111 !important;

}



.cfk-lightbox-close{

  position: absolute !important;

  top: 16px !important;

  right: 16px !important;

  width: 38px !important;

  height: 38px !important;

  border: 1px solid rgba(255,255,255,0.25) !important;

  border-radius: 999px !important;

  background: rgba(0,0,0,0.5) !important;

  color: #fff !important;

  cursor: pointer !important;

  font-size: 18px !important;

  line-height: 1 !important;

}



@media (max-width: 640px){
  #comments.cfk-wrap .cfk-img-preview{

    max-width: 100% !important;

  }

  #comments.cfk-wrap .cfk-img-preview .cfk-preview-item,

  #comments.cfk-wrap .cfk-img-preview > img{

    flex-basis: 78px !important;

    width: 78px !important;

    height: 78px !important;

  }

  #comments.cfk-wrap .cfk-comment-image-wrap{

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

  }

  #comments.cfk-wrap .cfk-comment-image-link{

    width: 100% !important;

  }

  #comments.cfk-wrap .cfk-comment-image-wrap.cfk-count-1 .cfk-comment-image-link{

    max-height: 420px !important;

  }

  #comments.cfk-wrap .cfk-comment-image-wrap.cfk-count-1 .cfk-comment-image{

    max-height: 420px !important;

  }

  #comments.cfk-wrap .cfk-comment-image-wrap.cfk-count-many{

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

  }

}

/* Yorum sayısının yanındaki Discord daveti */
#comments.cfk-wrap .cfk-comments-left{
  width: 100% !important;
}

#comments.cfk-wrap .cfk-comments-summary{
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 14px !important;
}

#comments.cfk-wrap .cfk-comments-summary .cfk-comments-count{
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

#comments.cfk-wrap .cfk-discord-invite{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
  margin-left: auto !important;
  gap: 10px !important;
  color: #e3e6ef !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}

#comments.cfk-wrap .cfk-discord-invite:hover,
#comments.cfk-wrap .cfk-discord-invite:focus{
  color: #ffffff !important;
  text-decoration: none !important;
}

#comments.cfk-wrap .cfk-discord-invite-text{
  max-width: 430px !important;
  text-align: right !important;
}

#comments.cfk-wrap .cfk-discord-invite-logo{
  display: block !important;
  flex: 0 0 90px !important;
  width: 90px !important;
  height: 30px !important;
  max-width: none !important;
  object-fit: contain !important;
  border: 0 !important;
  border-radius: 5px !important;
  transition: transform .15s ease, filter .15s ease !important;
}

#comments.cfk-wrap .cfk-discord-invite:hover .cfk-discord-invite-logo,
#comments.cfk-wrap .cfk-discord-invite:focus .cfk-discord-invite-logo{
  transform: translateY(-1px) !important;
  filter: brightness(1.08) !important;
}

@media (max-width: 720px){
  #comments.cfk-wrap .cfk-comments-summary{
    flex-wrap: wrap !important;
    gap: 9px !important;
  }

  #comments.cfk-wrap .cfk-discord-invite{
    width: 100% !important;
    margin-left: 0 !important;
    justify-content: space-between !important;
  }

  #comments.cfk-wrap .cfk-discord-invite-text{
    max-width: none !important;
    text-align: left !important;
  }
}