/* شارة «تحديث» على كرت اللعبة */

.game-card{position:relative}
.game-card .game-cover{position:relative}

.xd-update-badge{
  position:absolute;
  top:10px;
  inset-inline-start:10px;
  z-index:4;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 11px 5px 6px;
  border-radius:999px;
  border:1px solid rgba(253,224,71,.55);
  background:linear-gradient(135deg,#fbbf24,#f59e0b);
  color:#2a1a02;
  font:900 .56rem Cairo,sans-serif;
  letter-spacing:.01em;
  white-space:nowrap;
  box-shadow:0 6px 18px rgba(245,158,11,.34),0 0 0 0 rgba(251,191,36,.55);
  animation:xdUpdateBob 2.6s ease-in-out infinite,xdUpdateRing 2.2s ease-out infinite;
  pointer-events:none;
}
.xd-update-badge i{
  width:17px;height:17px;flex:0 0 17px;
  display:grid;place-items:center;border-radius:50%;
  background:#2a1a02;color:#fde68a;
  font:900 .62rem/1 Cairo,sans-serif;font-style:normal;
  animation:xdUpdateBang 2.6s ease-in-out infinite;
}
.xd-update-badge b{font-weight:900}

@keyframes xdUpdateBob{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}
@keyframes xdUpdateRing{
  0%{box-shadow:0 6px 18px rgba(245,158,11,.34),0 0 0 0 rgba(251,191,36,.5)}
  70%{box-shadow:0 6px 18px rgba(245,158,11,.34),0 0 0 12px rgba(251,191,36,0)}
  100%{box-shadow:0 6px 18px rgba(245,158,11,.34),0 0 0 0 rgba(251,191,36,0)}
}
@keyframes xdUpdateBang{
  0%,72%,100%{transform:scale(1) rotate(0)}
  78%{transform:scale(1.24) rotate(-9deg)}
  86%{transform:scale(1.24) rotate(9deg)}
  92%{transform:scale(1.1) rotate(0)}
}

/* شريط التوضيح تحت وصف اللعبة */
.xd-update-note{
  display:flex;
  align-items:flex-start;
  gap:7px;
  margin-top:10px;
  padding:9px 11px;
  border:1px solid rgba(251,191,36,.24);
  border-radius:12px;
  background:rgba(251,191,36,.07);
  color:#e8cd8a;
  font-size:.56rem;
  font-weight:800;
  line-height:1.85;
  text-align:start;
}
.xd-update-note b{
  flex:0 0 auto;
  padding:2px 7px;
  border-radius:999px;
  background:rgba(251,191,36,.2);
  color:#fde68a;
  font-size:.5rem;
  font-weight:900;
}
.xd-update-note span{flex:1;min-width:0}

/* الكرت نفسه ياخذ حافة صفراء خفيفة عشان يبان من بين الباقي */
.game-card.xd-has-update{
  border-color:rgba(251,191,36,.3)!important;
  box-shadow:0 0 0 1px rgba(251,191,36,.14),0 18px 44px rgba(0,0,0,.34);
}
.game-card.xd-has-update:hover{border-color:rgba(251,191,36,.5)!important}

@media(max-width:600px){
  .xd-update-badge{top:8px;inset-inline-start:8px;padding:4px 9px 4px 5px;font-size:.52rem}
  .xd-update-badge i{width:15px;height:15px;flex-basis:15px;font-size:.56rem}
  .xd-update-note{font-size:.53rem;padding:8px 10px}
}

@media(prefers-reduced-motion:reduce){
  .xd-update-badge,.xd-update-badge i{animation:none!important}
}