/* 토큰 가게 장식 아이템 스타일 🎀 (shop-decor.js가 붙이는 요소들) */

/* 🎀 헤더 아바타 보라 리본 */
.header-gecko { position: relative; }
.decor-purple-ribbon {
  position: absolute;
  top: -8px;
  right: -6px;
  font-size: 1.15rem;
  transform: rotate(18deg);
  filter: hue-rotate(60deg); /* 분홍 리본 → 보라 톤 💜 */
  cursor: help;
  animation: decorRibbonWiggle 4s ease-in-out infinite;
}
@keyframes decorRibbonWiggle {
  0%, 100% { transform: rotate(18deg); }
  50% { transform: rotate(8deg) scale(1.08); }
}

/* ✨ 네온 인사말 */
.decor-neon {
  color: var(--purple) !important;
  text-shadow: 0 0 6px var(--purple-l), 0 0 14px rgba(155, 107, 176, 0.45);
  animation: decorNeonPulse 2.6s ease-in-out infinite;
}
[data-theme="dark"] .decor-neon {
  color: var(--purple-l) !important;
  text-shadow: 0 0 8px var(--purple), 0 0 20px rgba(201, 165, 217, 0.5);
}
@keyframes decorNeonPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.72; }
}

/* 🥔 감자 친구 */
.decor-potato {
  position: absolute;
  top: -14px;
  right: 8px;
  font-size: 1.3rem;
  cursor: help;
  animation: decorPotatoBob 3s ease-in-out infinite;
  z-index: 2;
}
@keyframes decorPotatoBob {
  0%, 100% { transform: translateY(0) rotate(-6deg); }
  50% { transform: translateY(-4px) rotate(6deg); }
}

/* 🪩 게임장 미러볼 */
.hb-game-hero { position: relative; }
.decor-disco {
  position: absolute;
  top: 10px;
  right: 14px;
  font-size: 1.5rem;
  cursor: help;
  animation: decorDiscoSpin 5s linear infinite;
  filter: drop-shadow(0 0 6px rgba(201, 165, 217, 0.8));
}
@keyframes decorDiscoSpin {
  0% { transform: rotate(0deg); filter: drop-shadow(0 0 4px rgba(201, 165, 217, 0.6)); }
  50% { filter: drop-shadow(0 0 10px rgba(243, 227, 162, 0.9)); }
  100% { transform: rotate(360deg); filter: drop-shadow(0 0 4px rgba(201, 165, 217, 0.6)); }
}

/* 🌻 후추네 꽃밭 */
.hb-home-hoochu-photo { position: relative; }
.decor-garden {
  text-align: center;
  font-size: 1.05rem;
  letter-spacing: 0.35em;
  padding: 6px 0 2px;
  cursor: help;
  animation: decorGardenSway 4.5s ease-in-out infinite;
}
@keyframes decorGardenSway {
  0%, 100% { transform: rotate(-1.2deg); }
  50% { transform: rotate(1.2deg); }
}

/* 🐸 개구리 행진 (푸터) */
.decor-frogs {
  overflow: hidden;
  width: 100%;
  cursor: help;
  padding: 4px 0;
}
.decor-frogs-lane {
  display: inline-block;
  white-space: nowrap;
  animation: decorFrogMarch 14s linear infinite;
}
@keyframes decorFrogMarch {
  0% { transform: translateX(-20vw); }
  100% { transform: translateX(105vw); }
}

/* 👑 가족 프로필 칭호 */
.decor-family-title {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 800;
  color: var(--purple-d);
  background: var(--purple-bg);
  border-radius: 999px;
  padding: 2px 10px;
  margin: 4px 0 2px;
}
[data-theme="dark"] .decor-family-title {
  color: var(--purple-l);
  background: rgba(155, 107, 176, 0.22);
}

@media (prefers-reduced-motion: reduce) {
  .decor-purple-ribbon, .decor-neon, .decor-potato,
  .decor-disco, .decor-garden, .decor-frogs-lane {
    animation: none;
  }
}