/* ===========================================================
   Choco Pop v2 — Customer club (باشگاه مشتریان)
   Templates: club/templates/club/member_summary.html + partials
   Behaviour: js/choco-motion.js ([data-cp-countup] stats, [data-cp-blob]
   tabs); the page's own tab / reward / referral scripts are untouched.
   =========================================================== */
.cp-club{
  background:
    radial-gradient(circle at 18% 22%, rgba(237,155,51,.1) 0 2.5px, transparent 3px) 0 0/120px 90px,
    radial-gradient(circle at 72% 64%, rgba(166,25,46,.06) 0 2.5px, transparent 3px) 0 0/150px 110px,
    linear-gradient(180deg,#FFFBF6,var(--cp-milk));
  padding-top:0;
}
.cp-club h1{display:flex;align-items:center;gap:10px;font-weight:900 !important;color:var(--clay-cocoa-dark) !important;}
.cp-club h1::before{content:"";width:34px;height:34px;background:url("../../../icons/12_trophy.png") center/contain no-repeat;animation:cpTitleIcon 4s ease-in-out infinite;}

/* stat cards pop in and their icons float */
.cp-club-stats > *{border-radius:28px !important;transition:transform .5s var(--cp-ease-jelly);animation:cpPopInT .6s var(--cp-ease-jelly) both;}
.cp-club-stats > *:nth-child(2){animation-delay:.08s;}
.cp-club-stats > *:nth-child(3){animation-delay:.16s;}
.cp-club-stats > *:nth-child(4){animation-delay:.24s;}
.cp-club-stats > *:hover{transform:translateY(-5px) rotate(-1deg);}
.cp-club-stats img{animation:cpFloat 3.6s ease-in-out infinite;}
.cp-club-stats > *:first-child img{animation:cpCoinSpin 3.2s ease-in-out infinite;}
.cp-club-stats > *:first-child{
  background:
    radial-gradient(circle at 15% 30%, rgba(255,255,255,.14) 0 3px, transparent 3.5px) 0 0/50px 44px,
    linear-gradient(135deg,var(--clay-wine),var(--clay-wine-dark)) !important;
}
@keyframes cpCoinSpin{0%,60%,100%{transform:rotateY(0);}80%{transform:rotateY(360deg) scale(1.1);}}

/* level hero */
.cp-club-hero{border-radius:34px !important;}
.cp-club-hero h2 img{animation:cpCrownBob 2.8s ease-in-out infinite;transform-origin:50% 90%;}
@keyframes cpCrownBob{0%,100%{transform:rotate(-8deg) translateY(0);}50%{transform:rotate(8deg) translateY(-5px);}}
.cp-club-hero::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;pointer-events:none;background:linear-gradient(115deg,transparent,rgba(255,255,255,.18),transparent);transform:skewX(-20deg);animation:cpShineSweep 5s ease-in-out infinite;}
.cp-club-bar{height:16px !important;background:rgba(0,0,0,.18) !important;box-shadow:inset 0 2px 4px rgba(0,0,0,.25);}
.cp-club-bar__fill{
  background:repeating-linear-gradient(-45deg,#fff 0 9px,var(--clay-cream-gold) 9px 18px) !important;background-size:25px 100% !important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.6);
  animation:cpGrowW 1.6s var(--cp-ease-out) both .4s, cpCandyRun .9s linear infinite;
}
@keyframes cpGrowW{from{width:0;}}

/* tabs + panel */
.cp-club-panel{border-radius:32px !important;}
.cp-club-tabs{padding:8px !important;gap:6px;border:0 !important;background:var(--cp-milk-2) !important;}
.cp-club-tabs .club-tab-btn{position:relative;z-index:1;border:0 !important;border-radius:999px;background:transparent !important;font-weight:800 !important;color:var(--clay-cocoa) !important;transition:color .25s ease;padding-top:10px !important;padding-bottom:10px !important;}
.cp-club-tabs .club-tab-btn.active{color:#fff !important;}
.cp-club-tabs .club-tab-btn img{transition:transform .5s var(--cp-ease-jelly);}
.cp-club-tabs .club-tab-btn:hover img,.cp-club-tabs .club-tab-btn.active img{transform:rotate(-12deg) scale(1.12);}
.cp-club-tabs .cp-blob{height:42px;margin-top:-21px;}
.cp-club-panel [data-tab-content]:not(.hidden),.cp-club-panel .club-tab-content:not(.hidden){animation:cpRiseIn .45s var(--cp-ease-out) both;}
.cp-club .rounded-xl.border,.cp-club .rounded-2xl.border{border-radius:22px !important;}
.cp-club input:focus{outline:none !important;border-color:var(--clay-gold) !important;box-shadow:0 0 0 4px rgba(237,155,51,.18) !important;}

@media (prefers-reduced-motion: reduce){
  .cp-club h1::before,.cp-club-stats > *,.cp-club-stats img,.cp-club-hero h2 img,.cp-club-hero::after,.cp-club-bar__fill,.cp-club-panel [data-tab-content]{animation:none !important;}
}