/* =====================================================================
   PAYMENT SUCCESS - GOLD VARIANT for every plan below ULTRA   (v142)
   ---------------------------------------------------------------------
   Same card, same copy, same buttons. Only the palette changes and the
   confetti emoji is replaced by a padlock that springs open, which is
   what the sentence underneath it already claims is happening.

   Scoped entirely to .tcc-gold, which tcCelebrate() adds only when the
   plan is not ULTRA, so the existing ULTRA celebration is untouched.
   ===================================================================== */
.tcc-card.tcc-gold{
  background:linear-gradient(135deg,#F5B301 0%,#FDE68A 38%,#D97706 100%);
  box-shadow:0 30px 90px rgba(0,0,0,.7),0 0 60px rgba(245,179,1,.3);
}
.tcc-gold .tcc-inner{background:linear-gradient(180deg,#14100a 0%,#0b0906 100%)}
.tcc-gold .tcc-badge{
  background:radial-gradient(circle at 50% 35%,#2a2008 0%,#12100a 70%);
  border-color:rgba(245,179,1,.5);
  box-shadow:0 0 0 6px rgba(245,179,1,.08),0 0 40px rgba(245,179,1,.32);
}
.tcc-gold .tcc-badge::after{border-color:rgba(245,179,1,.55)}
.tcc-gold .tcc-title{
  background:linear-gradient(110deg,#FDE68A 0%,#F5B301 55%,#D97706 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.tcc-gold .tcc-plan-pill{color:#F5B301;background:rgba(245,179,1,.12);border-color:rgba(245,179,1,.4)}
.tcc-gold .tcc-msg{color:#d8d2c2}
.tcc-gold .tcc-sub{color:#87806c}
.tcc-gold .tcc-btn{
  color:#241800;background:linear-gradient(135deg,#F5B301 0%,#D97706 100%);
  box-shadow:0 8px 22px rgba(245,179,1,.4),inset 0 1px 0 rgba(255,255,255,.3);
}
.tcc-gold .tcc-btn:hover{box-shadow:0 12px 30px rgba(245,179,1,.55)}

/* ---------- the padlock ---------- */
.tcc-lock{width:56px;height:61px;display:block;animation:tcc-lk-pop .5s cubic-bezier(.2,1.4,.4,1) both}
@keyframes tcc-lk-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.14);opacity:1}100%{transform:scale(1);opacity:1}}
.tcc-lk-body{fill:#2a1f05;stroke:#F5B301;stroke-width:3}
.tcc-lk-shackle{
  fill:none;stroke:#4a3f22;stroke-width:6;stroke-linecap:round;transform-origin:44px 50px;
  animation:tcc-lk-open .55s cubic-bezier(.3,1.5,.5,1) .45s both,
            tcc-lk-tint .3s linear .85s both;
}
@keyframes tcc-lk-open{from{transform:none}to{transform:translateY(-13px) rotate(20deg)}}
@keyframes tcc-lk-tint{to{stroke:#F5B301}}
.tcc-lk-hole{fill:#F5B301;opacity:0;animation:tcc-lk-hole .3s ease .85s both}
@keyframes tcc-lk-hole{to{opacity:1}}

/* Reduced motion: show the END state, not a lock that never opens. */
@media(prefers-reduced-motion:reduce){
  .tcc-lock,.tcc-lk-shackle,.tcc-lk-hole{animation:none !important}
  .tcc-lk-shackle{transform:translateY(-13px) rotate(20deg);stroke:#F5B301}
  .tcc-lk-hole{opacity:1}
}