/* css/rate-reveal.css — 접수창 "TODAY'S RATE" 효과 (calculator.css 는 안 건드림)
   1) Checking today's rate… (회색 반짝임 0.6초)
   2) 가격이 살짝 위로 올라오며 나타남 */
.rate-date { opacity: .75; }

/* 가격 칸(큰 글씨)은 그대로 두고, 안의 작은 글씨만 반짝임 → 칸 높이 그대로 */
#pf-rate .rate-checking-txt {
  font-size: 15px;
  font-weight: 600;
  vertical-align: middle;
  color: transparent;
  background: linear-gradient(90deg, rgba(255,255,255,.35) 25%, rgba(255,255,255,.85) 50%, rgba(255,255,255,.35) 75%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: rate-shimmer 1s linear infinite;
}
@keyframes rate-shimmer { from { background-position: 100% 0; } to { background-position: -100% 0; } }

#pf-rate.rate-in { animation: rate-in .45s ease-out both; }
@keyframes rate-in {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  #pf-rate .rate-checking-txt, #pf-rate.rate-in { animation: none; }
}