/* === v1.14.1 SIDEBAR + COIN ICON FIX === */
/* Coin fix: remove duplicate pseudo coin and replace with clean gold coin icon */
.main .market-coin,
.main .product-card .coin{
  gap:9px!important;
}
.main .product-card .coin:before,
.main .product-card .coin:after{
  content:none!important;
  display:none!important;
}
.main .coin-badge{
  width:23px!important;
  height:23px!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  flex:0 0 23px!important;
  background:
    radial-gradient(circle at 34% 24%, rgba(255,255,255,.92) 0 8%, transparent 9%),
    radial-gradient(circle at 38% 34%, #fff2a0 0 0.18rem, transparent .19rem),
    linear-gradient(145deg,#fff08a 0%,#ffd34a 34%,#d99512 67%,#7a4700 100%)!important;
  border:1px solid rgba(255,238,138,.75)!important;
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.62),
    inset 0 -3px 3px rgba(95,45,0,.24),
    0 0 14px rgba(255,205,56,.20)!important;
  overflow:hidden!important;
  color:transparent!important;
  font-size:0!important;
}
.main .coin-badge:before{
  content:""!important;
  position:absolute!important;
  inset:5px!important;
  border-radius:50%!important;
  border:2px solid rgba(127,73,0,.36)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25)!important;
}
.main .coin-badge:after{
  content:""!important;
  position:absolute!important;
  width:6px!important;
  height:12px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,255,255,0))!important;
  transform:rotate(28deg)!important;
  left:6px!important;
  top:4px!important;
  border:0!important;
  box-shadow:none!important;
}

/* Sidebar icons: clean inline SVG style, no boxed icons */
.sidebar .navitem{
  gap:13px!important;
  padding:11px 13px!important;
  font-size:13.5px!important;
}
.sidebar .navitem .ico{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  flex:0 0 18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  color:rgba(35,210,245,.78)!important;
  opacity:.78!important;
  text-shadow:none!important;
  filter:drop-shadow(0 0 7px rgba(25,200,245,.16))!important;
}
.sidebar .navitem .ico svg{
  width:16px!important;
  height:16px!important;
  display:block!important;
  fill:currentColor!important;
}
.sidebar .navitem span:nth-child(2){
  color:rgba(178,205,218,.70)!important;
  font-weight:820!important;
  letter-spacing:.01em!important;
}
.sidebar .navitem:hover .ico,
.sidebar .navitem.active .ico{
  color:var(--cyan)!important;
  opacity:1!important;
  filter:drop-shadow(0 0 9px rgba(25,200,245,.45))!important;
}
.sidebar .navitem:hover span:nth-child(2),
.sidebar .navitem.active span:nth-child(2){
  color:#f8fdff!important;
  opacity:1!important;
}
.sidebar .navitem:hover,
.sidebar .navitem.active{
  background:linear-gradient(90deg,rgba(25,200,245,.15),rgba(25,200,245,.045))!important;
  box-shadow:0 0 24px rgba(25,200,245,.08)!important;
}
.sidebar .navitem.active:after{
  content:""!important;
  position:absolute!important;
  left:42px!important;
  top:50%!important;
  width:8px!important;
  height:8px!important;
  transform:translateY(-50%) rotate(45deg)!important;
  border-radius:2px!important;
  background:var(--cyan)!important;
  box-shadow:0 0 12px rgba(25,200,245,.48)!important;
  opacity:.95!important;
}
.sidebar .navitem.active span:nth-child(2){
  padding-left:14px!important;
}
.sidebar .navitem em{
  font-size:10px!important;
}
.sidebar .side-separator{
  display:block!important;
  height:1px!important;
  margin:10px 6px!important;
  background:linear-gradient(90deg,transparent,rgba(126,188,213,.16),transparent)!important;
}
@media(max-width:1000px){
  .sidebar .navitem.active:after{left:42px!important;}
}


/* === v1.25.7 Topbar Balance Coin Icon ===
   Giriş yapan kullanıcının sağ üst KocaCoin bakiyesinin başına mevcut coin iconunu ekler.
*/

.topbar .balance{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.topbar .balance .coin-badge{
  width:22px !important;
  height:22px !important;
  flex:0 0 22px !important;
}

.topbar .balance > span:not(.coin-badge){
  display:inline-flex !important;
  align-items:center !important;
  line-height:1 !important;
}

@media(max-width:760px){
  .topbar .balance{
    padding-left:12px !important;
    padding-right:12px !important;
    gap:7px !important;
    font-size:13px !important;
  }

  .topbar .balance .coin-badge{
    width:19px !important;
    height:19px !important;
    flex-basis:19px !important;
  }
}