/* إخفاء أزرار الثيم القديمة من الهيدر والقائمة */
.theme-toggle-btn,
.theme-toggle-mobile{
  display:none !important;
}

/* زر الثيم العائم تحت شمال */
.floating-theme-btn{
  position:fixed;
  left:18px;
  bottom:18px;
  z-index:99999;
  width:56px;
  height:56px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.16);
  background:
    radial-gradient(circle at 30% 20%,rgba(49,230,160,.22),transparent 45%),
    rgba(7,13,18,.92);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:25px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 16px 42px rgba(0,0,0,.38);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.floating-theme-btn::after{
  content:attr(data-label);
  position:absolute;
  left:66px;
  bottom:7px;
  background:rgba(7,13,18,.94);
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  padding:9px 13px;
  font-size:13px;
  white-space:nowrap;
  opacity:0;
  transform:translateX(-6px);
  pointer-events:none;
  transition:.2s ease;
}

.floating-theme-btn:hover::after{
  opacity:1;
  transform:translateX(0);
}

html.light-theme .floating-theme-btn{
  background:#10201d;
  color:#fff;
  border-color:rgba(16,32,29,.18);
  box-shadow:0 16px 42px rgba(0,0,0,.18);
}

@media(max-width:900px){
  .floating-theme-btn{
    left:14px;
    bottom:74px;
    width:54px;
    height:54px;
    border-radius:17px;
    font-size:24px;
  }

  .floating-theme-btn::after{
    display:none;
  }
}