
/* ══════════════════════════════════════════════════════════════
   ══ SYSTÈME ABONNEMENT — COMPTE À REBOURS PREMIUM            ══
   ══════════════════════════════════════════════════════════════ */
.ambi-confirm-pay-btn{display:flex;align-items:center;justify-content:center;gap:0.45rem;width:100%;padding:0.7rem 1rem;border-radius:12px;background:linear-gradient(135deg,rgba(0,255,170,0.15),rgba(0,229,255,0.1));border:1.5px solid rgba(0,255,170,0.45);color:var(--green);font-family:'Syne',sans-serif;font-weight:800;font-size:0.82rem;cursor:pointer;transition:all 0.2s;letter-spacing:0.04em;box-shadow:0 0 14px rgba(0,255,170,0.12);}
.ambi-confirm-pay-btn:active{transform:scale(0.97);opacity:0.85;}
.ambi-confirm-pay-btn.confirmed{background:linear-gradient(135deg,rgba(0,255,170,0.08),rgba(0,255,170,0.04));border-color:rgba(0,255,170,0.2);color:var(--muted);cursor:default;}
.ambi-confirm-pay-btn.loading{animation:ambiPayPulse 0.9s ease-in-out infinite;pointer-events:none;}
@keyframes ambiPayPulse{0%,100%{opacity:1;box-shadow:0 0 14px rgba(0,255,170,0.12);}50%{opacity:0.65;box-shadow:0 0 28px rgba(0,255,170,0.35);}}
.ambi-blockclock{display:flex;align-items:center;justify-content:center;gap:0.15rem;padding:1rem 0.5rem;}
.ambi-bc-seg{display:flex;flex-direction:column;align-items:center;gap:0.15rem;}
.ambi-bc-digits{display:flex;gap:0.08rem;}
.ambi-bc-digit{background:rgba(0,0,0,0.55);border:1px solid rgba(255,255,255,0.07);border-radius:5px;width:1.8rem;height:2.6rem;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:800;font-size:1.5rem;color:var(--cyan);text-shadow:0 0 12px rgba(0,229,255,0.7);transition:color 0.3s;position:relative;overflow:hidden;}
.ambi-bc-digit::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0.06) 0%,transparent 50%,rgba(0,0,0,0.15) 100%);pointer-events:none;}
.ambi-bc-digit.flip{animation:ambiDigitFlip 0.18s ease-in-out;}
@keyframes ambiDigitFlip{0%{transform:scaleY(1)}50%{transform:scaleY(0.3);opacity:0.6}100%{transform:scaleY(1)}}
.ambi-bc-label{font-size:0.42rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.12em;}
.ambi-bc-sep{font-family:'Syne',sans-serif;font-weight:900;font-size:1.4rem;color:var(--cyan);opacity:0.5;padding:0 0.05rem;margin-bottom:1.1rem;animation:ambiSepBlink 1s step-end infinite;}
@keyframes ambiSepBlink{0%,100%{opacity:0.5}50%{opacity:0.15}}
.ambi-bc-digit.red{color:var(--red)!important;text-shadow:0 0 12px rgba(255,68,102,0.7)!important;border-color:rgba(255,68,102,0.2)!important;}
.ambi-bc-digit.amber{color:var(--amber)!important;text-shadow:0 0 12px rgba(255,215,0,0.6)!important;border-color:rgba(255,215,0,0.2)!important;}
.ambi-sub-progress-wrap{height:6px;background:rgba(255,255,255,0.06);border-radius:100px;overflow:hidden;margin:0.5rem 0;}
.ambi-sub-progress-fill{height:100%;border-radius:100px;transition:width 1s linear;}
.ambi-sub-card{background:rgba(0,0,0,0.35);border-radius:18px;overflow:hidden;border:1.5px solid rgba(0,229,255,0.18);margin-bottom:1rem;}
.ambi-sub-card-header{background:linear-gradient(135deg,rgba(0,229,255,0.08),rgba(204,68,255,0.05));padding:0.75rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,229,255,0.1);}
.ambi-sub-card-body{padding:0.5rem 0.75rem 0.85rem;}
.ambi-sub-badge{display:inline-flex;align-items:center;gap:0.3rem;padding:0.22rem 0.6rem;border-radius:100px;font-family:'Syne',sans-serif;font-weight:800;font-size:0.62rem;letter-spacing:0.06em;text-transform:uppercase;}
.ambi-sub-badge.green{background:rgba(0,255,170,0.12);border:1px solid rgba(0,255,170,0.35);color:var(--green);}
.ambi-sub-badge.amber{background:rgba(255,215,0,0.1);border:1px solid rgba(255,215,0,0.35);color:var(--amber);}
.ambi-sub-badge.red{background:rgba(255,68,102,0.12);border:1px solid rgba(255,68,102,0.4);color:var(--red);}
.ambi-sub-badge.grey{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:var(--muted);}
@keyframes ambiActivatePop{0%{transform:scale(0.85);opacity:0;}60%{transform:scale(1.04);}100%{transform:scale(1);opacity:1;}}
.ambi-sub-card.just-activated{animation:ambiActivatePop 0.45s cubic-bezier(0.34,1.56,0.64,1);}
.ambi-pay-clock{display:inline-flex;align-items:center;gap:0.3rem;padding:0.28rem 0.6rem;border-radius:8px;font-family:'Syne',sans-serif;font-weight:800;font-size:0.68rem;letter-spacing:0.05em;white-space:nowrap;}
.ambi-pay-clock.green{background:rgba(0,255,170,0.08);border:1px solid rgba(0,255,170,0.25);color:var(--green);}
.ambi-pay-clock.amber{background:rgba(255,215,0,0.08);border:1px solid rgba(255,215,0,0.3);color:var(--amber);}
.ambi-pay-clock.red{background:rgba(255,68,102,0.1);border:1px solid rgba(255,68,102,0.4);color:var(--red);animation:ambiPayPulse 1.2s ease-in-out infinite;}
.ambi-pay-clock.grey{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);color:var(--muted);}
#ambiActivateModal{display:none;position:fixed;inset:0;z-index:900;background:rgba(0,0,0,0.85);backdrop-filter:blur(14px);align-items:center;justify-content:center;padding:1rem;}
#ambiActivateModal.open{display:flex;}
.ambi-activate-wrap{background:var(--surface);border-radius:22px;border:1.5px solid rgba(0,255,170,0.3);padding:1.6rem 1.4rem;width:min(360px,100%);box-shadow:0 8px 40px rgba(0,255,170,0.12);animation:popIn 0.35s cubic-bezier(0.34,1.56,0.64,1);}
.ambi-activate-icon{font-size:2.8rem;text-align:center;margin-bottom:0.5rem;}
.ambi-activate-title{font-family:'Syne',sans-serif;font-weight:900;font-size:1.05rem;color:var(--green);text-align:center;margin-bottom:0.25rem;}
.ambi-activate-sub{font-size:0.75rem;color:var(--muted);text-align:center;margin-bottom:1.2rem;line-height:1.55;}
.ambi-activate-plan-row{display:flex;gap:0.4rem;margin-bottom:1.1rem;}
.ambi-activate-plan-btn{flex:1;padding:0.55rem 0.3rem;border-radius:10px;text-align:center;cursor:pointer;border:1.5px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.03);transition:all 0.18s;}
.ambi-activate-plan-btn.sel{border-color:var(--green);background:rgba(0,255,170,0.1);}
.ambi-activate-plan-btn .ap-icon{font-size:1.1rem;}
.ambi-activate-plan-btn .ap-name{font-family:'Syne',sans-serif;font-weight:800;font-size:0.72rem;color:var(--text);margin-top:0.15rem;}
.ambi-activate-plan-btn .ap-price{font-size:0.6rem;color:var(--muted);margin-top:0.08rem;}
.ambi-activate-plan-btn.sel .ap-name{color:var(--green);}
.ambi-activate-confirm-btn{width:100%;padding:0.85rem;border-radius:14px;background:linear-gradient(135deg,var(--green),var(--cyan));border:none;color:#001a0e;font-family:'Syne',sans-serif;font-weight:900;font-size:0.92rem;cursor:pointer;transition:all 0.2s;letter-spacing:0.04em;box-shadow:0 4px 20px rgba(0,255,170,0.3);}
.ambi-activate-confirm-btn:active{transform:scale(0.97);}
.ambi-activate-cancel-btn{width:100%;margin-top:0.6rem;padding:0.6rem;border-radius:12px;background:transparent;border:1px solid rgba(255,255,255,0.1);color:var(--muted);font-family:'DM Sans',sans-serif;font-size:0.82rem;cursor:pointer;}
