/* زر تبديل الثيم */
.theme-toggle-btn{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:#fff;
  border-radius:999px;
  padding:10px 14px;
  font-weight:900;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
}

/* الاستايل الفاتح */
html.light-theme body{
  background:
    radial-gradient(circle at 84% -5%,rgba(49,230,160,.18),transparent 34%),
    radial-gradient(circle at 10% 38%,rgba(28,120,95,.08),transparent 30%),
    #f4f8f7 !important;
  color:#10201d !important;
}

html.light-theme .header{
  background:rgba(255,255,255,.94) !important;
  border-bottom:1px solid rgba(10,40,32,.10) !important;
  box-shadow:0 10px 35px rgba(0,0,0,.06) !important;
}

html.light-theme .nav{
  color:rgba(10,32,28,.72) !important;
}
html.light-theme .nav a:hover{
  color:#06241d !important;
}

html.light-theme .logo{
  color:#09241d !important;
}
html.light-theme .logo small{
  color:#12805e !important;
}

html.light-theme .ticker{
  background:
    linear-gradient(90deg,rgba(49,230,160,.34),rgba(49,230,160,.16)),
    #e8fff6 !important;
  border-bottom:1px solid rgba(20,130,95,.18) !important;
}
html.light-theme .ticker-track{
  color:#083529 !important;
}

html.light-theme .hero-card,
html.light-theme .side-card,
html.light-theme .section-card,
html.light-theme .stat,
html.light-theme .match-card{
  background:
    linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.78)) !important;
  border-color:rgba(9,45,35,.12) !important;
  box-shadow:0 22px 60px rgba(7,38,30,.08) !important;
}

html.light-theme .hero-card{
  border-color:rgba(20,150,108,.22) !important;
  background:
    radial-gradient(circle at 22% 0,rgba(49,230,160,.25),transparent 38%),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(236,252,246,.86)) !important;
}

html.light-theme .hero-label,
html.light-theme .section-card .tag{
  background:rgba(49,230,160,.16) !important;
  border-color:rgba(20,150,108,.24) !important;
  color:#07553e !important;
}

html.light-theme .hero-sub,
html.light-theme .section-card p,
html.light-theme .empty,
html.light-theme .match-time,
html.light-theme .meta-box span,
html.light-theme .stat span,
html.light-theme .match-mini-top,
html.light-theme .footer{
  color:rgba(8,31,27,.62) !important;
}

html.light-theme .meta-box,
html.light-theme .match-mini{
  background:rgba(255,255,255,.72) !important;
  border-color:rgba(8,38,31,.10) !important;
}

html.light-theme .score,
html.light-theme .stat strong{
  color:#05a86e !important;
}

html.light-theme .btn{
  background:#22d893 !important;
  color:#022019 !important;
  box-shadow:0 12px 26px rgba(34,216,147,.22) !important;
}
html.light-theme .btn.dark{
  background:rgba(255,255,255,.78) !important;
  color:#10201d !important;
  border-color:rgba(8,38,31,.12) !important;
}

html.light-theme .footer{
  border-top:1px solid rgba(8,38,31,.10) !important;
}

html.light-theme .theme-toggle-btn{
  background:#10201d !important;
  color:#fff !important;
  border-color:rgba(16,32,29,.18) !important;
}

/* موبايل */
@media(max-width:900px){
  .theme-toggle-btn{
    position:absolute;
    left:64px;
    top:50%;
    transform:translateY(-50%);
    width:52px;
    height:52px;
    padding:0;
    justify-content:center;
    border-radius:17px;
    font-size:0;
  }
  .theme-toggle-btn .theme-icon{
    font-size:24px;
  }

  html.light-theme .menu-btn{
    background:rgba(16,32,29,.08) !important;
    color:#10201d !important;
    border-color:rgba(16,32,29,.12) !important;
  }

  html.light-theme .nav{
    background:
      radial-gradient(circle at 15% 0,rgba(49,230,160,.22),transparent 36%),
      #ffffff !important;
    border-right:1px solid rgba(20,150,108,.18) !important;
    box-shadow:26px 0 80px rgba(0,0,0,.16) !important;
  }

  html.light-theme .nav::before{
    color:#087850 !important;
  }

  html.light-theme .nav a{
    background:rgba(8,38,31,.035) !important;
    border-color:rgba(8,38,31,.08) !important;
    color:#10201d !important;
  }

  html.light-theme .overlay{
    background:rgba(0,0,0,.18) !important;
  }
}
