/* ShamGate — نص ثابت ظاهر + ومضة خضراء ناعمة فوقه */
.sg-logo{
  position:relative;
  display:inline-block;
  color:var(--text);
  -webkit-text-fill-color:var(--text);
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  animation:none;
}
.sg-logo::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:28%;
  height:1em;
  pointer-events:none;
  z-index:1;
  border-radius:50%;
  background:radial-gradient(
    ellipse at center,
    rgba(18,163,72,.72) 0%,
    rgba(22,163,74,.32) 45%,
    transparent 72%
  );
  filter:blur(3px);
  opacity:0;
  transform:translate3d(-80%,0,0);
  animation:sgSoftGlow 5.2s ease-in-out infinite;
}
html[data-theme="dark"] .sg-logo::after{
  background:radial-gradient(
    ellipse at center,
    rgba(16,185,129,.78) 0%,
    rgba(16,185,129,.34) 45%,
    transparent 72%
  );
}
.sg-logo .sg-dot{
  position:absolute!important;
  top:.05em!important;
  inset-inline-end:-.32em!important;
  width:.2em!important;
  height:.2em!important;
  border-radius:50%!important;
  background:#22c55e!important;
  box-shadow:
    0 0 .35em .08em rgba(34,197,94,.75),
    0 0 .85em rgba(34,197,94,.4)!important;
  -webkit-text-fill-color:initial;
  background-clip:border-box!important;
  -webkit-background-clip:border-box!important;
  z-index:5;
  pointer-events:none;
}
html[data-theme="dark"] .sg-logo .sg-dot{
  background:#3dffb5!important;
  box-shadow:
    0 0 .4em .1em rgba(61,255,181,.7),
    0 0 1em rgba(61,255,181,.45)!important;
}
.sg-logo .sg-sub{
  position:relative;
  z-index:2;
  display:block;
  background:none!important;
  -webkit-text-fill-color:var(--muted);
  color:var(--muted);
  animation:none;
}
@keyframes sgSoftGlow{
  0%{
    transform:translate3d(-90%,0,0);
    opacity:0;
  }
  6%{opacity:.85}
  78%{
    transform:translate3d(320%,0,0);
    opacity:.85;
  }
  88%{
    transform:translate3d(320%,0,0);
    opacity:0;
  }
  89%{
    transform:translate3d(-90%,0,0);
    opacity:0;
  }
  100%{
    transform:translate3d(-90%,0,0);
    opacity:0;
  }
}
@media (prefers-reduced-motion:reduce){
  .sg-logo::after{animation:none!important;opacity:0!important}
}
