@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&display=swap');

:root{
  --cc-pink:#ce4290;
  --cc-pink-2:#dc70ae;
  --cc-pink-deep:#a52a76;
  --cc-pink-hi:#ffb3dd;
  --cc-grape:#652166;
  --cc-amber:#ffc15e;
  --cc-mint:#7ad6b0;
  --cc-violet:#a878d6;
  --cc-ink:#45123f;
  --cc-dim:#7f5f88;
  --cc-line:rgba(101,33,102,.16);
  --cc-edge:rgba(255,250,254,.5);
  --cc-panel:linear-gradient(165deg,rgba(250,242,250,.93),rgba(236,223,238,.88));
  --cc-panel-hi:linear-gradient(165deg,rgba(253,247,252,.96),rgba(242,230,243,.92));
  --cc-stroke:linear-gradient(135deg,#ce4290,#ffc15e 35%,#7ad6b0 60%,#a878d6);
  --radius:12px;
}

body{
  background:transparent !important;
  color:var(--cc-ink) !important;
  font-family:'Baloo 2','Rubik',sans-serif !important;
}

body::before{
  background-image:radial-gradient(circle at center,rgba(255,255,255,.35) 0,transparent 66.66%) !important;
}

*::-webkit-scrollbar{width:6px !important;height:6px !important}
*::-webkit-scrollbar-track{background:rgba(101,33,102,.08) !important}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#dc70ae,#ce4290) !important;border-radius:999px !important}

a{color:inherit}

.header-top{
  background:var(--cc-panel) !important;
  border:1px solid var(--cc-edge) !important;
  border-radius:var(--radius) !important;
  box-shadow:0 6px 18px rgba(69,18,63,.14) !important;
  padding:.8em 1.2em !important;
}
.header-text{color:var(--cc-dim) !important;font-weight:600 !important}
.header-text a{color:var(--cc-pink-deep) !important;font-weight:800 !important}
.header-top svg{color:var(--cc-pink) !important}
.header-top svg:hover{color:var(--cc-pink-deep) !important}
.social-area{color:var(--cc-pink) !important}

.header-buttons{
  background:transparent !important;
  border:0 !important;
  backdrop-filter:none !important;
  gap:10px !important;
  padding:0 !important;
}
.header-btn{
  background:
    linear-gradient(165deg,#fdf7fc,#f3e7f4) padding-box,
    var(--cc-stroke) border-box !important;
  border:2px solid transparent !important;
  border-radius:10px !important;
  color:var(--cc-pink-deep) !important;
  font-weight:700 !important;
  height:28px !important;
  box-shadow:0 3px 10px rgba(69,18,63,.12) !important;
}
.header-btn:hover{
  background:
    linear-gradient(135deg,#dc70ae,#ce4290 60%,#a52a76) padding-box,
    var(--cc-stroke) border-box !important;
  color:#fff !important;
}

header{
  background:var(--cc-panel) !important;
  border:1px solid var(--cc-edge) !important;
  border-radius:var(--radius) !important;
  box-shadow:0 6px 18px rgba(69,18,63,.14) !important;
  padding:.6em 1em !important;
}
header ul li a{color:var(--cc-dim) !important;font-weight:700 !important}
header ul li a span{font-weight:700 !important;letter-spacing:.02em !important}
header ul li a.active,
header ul li a:hover,
header ul li.blink a{color:var(--cc-pink-deep) !important}
header ul li a i{color:var(--cc-pink) !important}

.list-head,
.live-list .list-head,
.news-area .list-head,
.odds-container .list-head{
  background:linear-gradient(180deg,rgba(206,66,144,.14),rgba(206,66,144,.04)) !important;
  color:var(--cc-pink-deep) !important;
  font-weight:800 !important;
  border-bottom:1px solid var(--cc-line) !important;
}
.list-head svg,.news-area svg,.list-tabbed svg{color:var(--cc-pink) !important}

.live-list,
.list-area,
.odds-container,
.news-area,
.blog-area,
.channel-area,
.container-grid>div{
  border-color:var(--cc-line) !important;
}

.live-list{
  background:var(--cc-panel) !important;
  border:1px solid var(--cc-edge) !important;
  border-radius:var(--radius) !important;
  box-shadow:0 6px 18px rgba(69,18,63,.12) !important;
}

.list-tabbed>div,
[data-tabbed],
[data-focustab],
[data-matchfilter]{
  color:var(--cc-dim) !important;
  font-weight:700 !important;
}
.list-tabbed div.active,
[data-tabbed].active,
[data-focustab].active,
[data-matchfilter].active{
  color:var(--cc-pink-deep) !important;
}
.list-tabbed>div.active svg{color:var(--cc-pink) !important}
[data-focustab]:hover,[data-matchfilter]:hover{color:var(--cc-pink) !important}
.list-count,
[data-matchfilter].active .list-count{
  background:linear-gradient(135deg,#dc70ae,#ce4290) !important;
  color:#fff !important;
  border-radius:999px !important;
}

.single-match,
.single-match:nth-child(odd),
.single-day-match,
.single-news,
.single-news:nth-child(odd),
.matches-content:nth-child(odd){
  background:rgba(255,252,254,.55) !important;
  border-bottom:1px solid var(--cc-line) !important;
  color:var(--cc-ink) !important;
}
.single-match .teams,
.single-day-match .teams,
.match-detail .teams{color:var(--cc-ink) !important;font-weight:700 !important}
.single-match .date,
.single-match .event,
.match-detail .date,
.match-detail .event,
.single-day-match .tournament{color:var(--cc-dim) !important}
.single-match svg{color:var(--cc-pink) !important}

.single-match:hover,
.single-day-match:hover,
.single-news:hover{background:rgba(255,236,247,.75) !important}
.single-match:hover .teams,
.single-match:hover .date,
.single-match:hover .event{color:var(--cc-pink-deep) !important}

.single-match.active{
  background:linear-gradient(135deg,#dc70ae,#ce4290 60%,#a52a76) !important;
}
.single-match.active .teams,
.single-match.active .date,
.single-match.active .event,
.single-match.active svg{color:#fff !important}

.match-search input,
input[type=search],
.match-search{
  background:rgba(255,255,255,.85) !important;
  color:var(--cc-ink) !important;
  border:1px solid var(--cc-line) !important;
  border-radius:10px !important;
}
input[type=search]::placeholder{color:var(--cc-dim) !important}

.single-channel{
  background:var(--cc-panel-hi) !important;
  border:1px solid var(--cc-edge) !important;
  border-radius:var(--radius) !important;
  box-shadow:0 4px 12px rgba(69,18,63,.12) !important;
}
.single-channel.active,
.channel-area [data-stream].active{
  border-color:var(--cc-pink) !important;
  box-shadow:0 6px 18px rgba(206,66,144,.3) !important;
}
.channel-info,.channel-info p{color:var(--cc-ink) !important}
.channel-area svg{color:var(--cc-pink) !important}

.single-bet>div,
.odds-list .single-bet,
.single-odds>div{
  background:rgba(255,252,254,.7) !important;
  color:var(--cc-ink) !important;
  border:1px solid var(--cc-line) !important;
  border-radius:8px !important;
}
.single-bet>div:not(:first-child):hover{
  background:linear-gradient(135deg,#dc70ae,#ce4290) !important;
  color:#fff !important;
}
.bahis-yap{
  background:linear-gradient(135deg,#dc70ae,#ce4290 60%,#a52a76) !important;
  color:#fff !important;
  border-radius:10px !important;
  font-weight:800 !important;
}

.news-title,.single-news-detail,article h1{color:var(--cc-ink) !important}
.news-date,.news-excerpt,article time,.news-content p{color:var(--cc-dim) !important}
.single-news:hover .news-title{color:var(--cc-pink-deep) !important}
.single-blog .title,.blog-list h2{color:var(--cc-ink) !important}

.live-results .title,
.live-results .results>div,
.lastTime .title,
.onemli-mac .title,
.sporBaslik,
.turnuvaBaslik{color:var(--cc-ink) !important}

.next-match-splash,
.next-match-splash>div,
.limit-screen,
.limit-modu,
.limit-modu .text{color:var(--cc-ink) !important}

.status-bar{
  background:var(--cc-panel-hi) !important;
  border:1px solid var(--cc-edge) !important;
  color:var(--cc-ink) !important;
  border-radius:var(--radius) !important;
  box-shadow:0 8px 22px rgba(69,18,63,.18) !important;
}

footer{
  background:var(--cc-panel) !important;
  border:1px solid var(--cc-edge) !important;
  border-radius:var(--radius) !important;
  box-shadow:0 6px 18px rgba(69,18,63,.12) !important;
  padding:1em !important;
  margin-top:1em !important;
}
footer p,footer .copy-text,.copyright-text,.footer-copyright{color:var(--cc-dim) !important}
.footer-links a{color:var(--cc-ink) !important;font-weight:700 !important}
.footer-links a:hover{color:var(--cc-pink-deep) !important}
.copyright-nlive,.copyright-nlive a{color:var(--cc-dim) !important}
.guncel-adres{color:var(--cc-pink-deep) !important;font-weight:800 !important}
.guncel-adres span{color:var(--cc-pink) !important}

.popup-back,.body-light{background:rgba(69,18,63,.55) !important}

[customContextMenu]{
  background:var(--cc-panel-hi) !important;
  border:1px solid var(--cc-edge) !important;
  border-radius:var(--radius) !important;
  color:var(--cc-ink) !important;
}
[customContextMenu]>a:hover{background:rgba(206,66,144,.14) !important}
[customContextMenu] svg path{fill:var(--cc-pink) !important}

@media screen and (max-width:600px){
  body{background-color:transparent !important}
  .header-top{padding:.7em .8em !important}
  .header-buttons{gap:6px !important}
  .header-btn{font-size:11px !important;padding:0 10px !important}
}