/* Cartela de membru a Clubului Sarbatoritilor — O SINGURA reteta, folosita de
   pagina publica a clubului (/club-sarbatoritilor) si de „Contul meu" (CB-077).
   Paginile care o includ trebuie sa defineasca --offwhite in :root. */
/* ---------- wallet card (member card + tier cards, one recipe) ---------- */
/* MARIME FIXA, ca in Apple/Google Wallet (cerinta owner, CB-077): cartela nu se
   intinde si nu se reaseaza dupa latimea ferestrei. Pe telefoanele prea inguste
   pentru ea se MICSOREAZA TOT, proportional (zoom), deci arata identic, doar mai mica. */
.wallet-card{--wc-w:340px;--wc-h:450px;box-sizing:border-box;position:relative;display:flex;border-radius:22px;overflow:hidden;}
.wallet-card .spine{flex:none;display:flex;align-items:center;justify-content:center;}
.wallet-card .spine span{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:700;letter-spacing:0.4em;text-transform:uppercase;}
.wallet-card .wc-body{position:relative;flex:1;display:flex;flex-direction:column;}
.wallet-card .wc-brand{font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--wc-ink);}
.wallet-card .wc-figure{margin-top:auto;display:flex;align-items:baseline;gap:8px;}
.wallet-card .wc-figure .num{font-weight:600;line-height:1;color:var(--wc-ink);}
.wallet-card .wc-figure .suffix{color:var(--wc-muted);}
.wallet-card .wc-denom{line-height:1.5;color:var(--wc-muted);}
.wallet-card .wc-fields{display:flex;}
.wallet-card .wc-field{display:flex;flex-direction:column;gap:5px;}
.wallet-card .wc-field .fl{font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:var(--wc-muted);}
.wallet-card .wc-field .fv{color:var(--wc-ink);}
.wallet-card .wc-hr{height:1px;background:rgba(226,224,215,0.22);}
.wallet-card .wc-qr-row{display:flex;align-items:center;gap:16px;}
.wallet-card .wc-qr-box{flex:none;border-radius:6px;background:var(--offwhite);padding:5px;display:flex;}
.wallet-card .wc-qr-box img{width:100%;height:100%;display:block;}
.wallet-card .wc-serial{letter-spacing:0.18em;color:var(--wc-muted);}
.wallet-watermark{position:absolute;pointer-events:none;opacity:0.07;}
.wm-hero{width:300px;height:300px;right:-84px;bottom:-64px;}
.wm-tier-silver{width:250px;height:250px;right:-70px;bottom:-58px;}
.wm-tier-gold{width:250px;height:250px;right:-70px;bottom:-58px;opacity:0.09;}
.wm-tier-platinum{width:280px;height:280px;right:-80px;bottom:-60px;}

.wc-hero{width:var(--wc-w);height:var(--wc-h);flex:none;margin:0 auto;box-shadow:0 22px 48px rgba(56,46,50,0.30);}
.wc-hero .spine{width:34px;}
.wc-hero .spine span{font-size:11px;}
.wc-hero .wc-body{padding:30px 28px;}
.wc-hero .wc-brand{font-size:15px;}
.wc-hero .wc-figure{gap:9px;}
.wc-hero .wc-figure .num{font-size:64px;}
.wc-hero .wc-figure .suffix{font-size:22px;}
.wc-hero .wc-denom{margin:16px 0 0;font-size:15px;}
.wc-hero .wc-fields{gap:30px;margin-top:24px;}
.wc-hero .wc-field .fl{font-size:11px;}
.wc-hero .wc-field .fv{font-size:17px;}
.wc-hero .wc-hr{margin:22px 0 18px;}
.wc-hero .wc-qr-box{width:62px;height:62px;}
.wc-hero .wc-serial{font-size:14px;}
.wc-hero-caption{margin:16px auto 0;max-width:340px;text-align:center;font-size:15px;line-height:1.6;color:var(--raisin);}

.wc-tier{width:var(--wc-w);height:var(--wc-h);flex:none;align-self:center;box-shadow:0 18px 40px rgba(56,46,50,0.12);}
.wc-tier .spine{width:34px;}
.wc-tier .spine span{font-size:11px;}
.wc-tier .wc-body{padding:28px 26px;}
.wc-tier .wc-brand{font-size:14px;}
.wc-tier .wc-figure{gap:8px;}
.wc-tier .wc-figure .num{font-size:58px;}
.wc-tier .wc-figure .suffix{font-size:19px;}
.wc-tier .wc-denom{margin:14px 0 0;font-size:15px;}
.wc-tier .wc-fields{gap:30px;margin-top:22px;}
.wc-tier .wc-field .fl{font-size:11px;}
.wc-tier .wc-field .fv{font-size:17px;}
.wc-tier-caption{font-size:16px;line-height:1.6;color:var(--muted);}
.wc-tier-caption strong{font-weight:600;color:var(--raisin);}

.wc-silver{--wc-ink:#382e32;--wc-muted:#6a5b5f;background:#f2efe6;}
.wc-silver .spine{background:linear-gradient(180deg,#c3b394,#8f8069);}
.wc-silver .spine span{color:#f2efe6;}

.wc-gold{--wc-ink:#f2efe6;--wc-muted:#e0d3bf;background:#6f5b46;box-shadow:0 18px 40px rgba(56,46,50,0.18);}
.wc-gold .spine{background:linear-gradient(180deg,#c9a94f,#8a6d28);}
.wc-gold .spine span{color:#2f272b;}

.wc-platinum{--wc-ink:#e2e0d7;--wc-muted:#9b8878;background:#2f272b;}
.wc-platinum .spine{background:linear-gradient(180deg,#151113,#3d3338);}
.wc-platinum .spine span{color:#e2e0d7;}
.wc-hero.wc-platinum{box-shadow:0 22px 48px rgba(56,46,50,0.30);}
.wc-tier.wc-platinum{box-shadow:0 18px 40px rgba(56,46,50,0.22);}

@media (max-width:400px){ .wallet-card{zoom:0.9;} }
@media (max-width:360px){ .wallet-card{zoom:0.8;} }