/* goldfix-brand.css — Reusable gold shimmer for "Gold" in GoldFix branding.
   Apply class="gold-shimmer" to any element wrapping the word "Gold". */

@keyframes goldShimmer {
  0%   { background-position: -100% center; }
  40%  { background-position: 200% center; }
  100% { background-position: 200% center; }
}

.gold-shimmer {
  /* Base gold color (fallback for browsers without gradient-text support) */
  color: #C8973E !important;

  /* Metallic gradient text effect */
  background: linear-gradient(
    105deg,
    #C8973E 0%,
    #C8973E 35%,
    #F5E6A3 45%,
    #FFFDE0 50%,
    #F5E6A3 55%,
    #C8973E 65%,
    #C8973E 100%
  );
  background-size: 300% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;

  /* Slow sweep: 3s motion then 5s pause */
  animation: goldShimmer 8s ease-in-out infinite;
  will-change: background-position;

  /* Inline display so it flows with surrounding text */
  display: inline;
}

@media (prefers-reduced-motion: reduce) {
  .gold-shimmer {
    animation: none;
    background-position: 0% center;
  }
}