/* FT Notifications — carte et cloche, aux couleurs du thème (variables du thème, valeurs de secours sinon). */
.ftpush-carte{position:fixed;z-index:99990;inset-inline:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));max-width:420px;margin-inline:auto;
  background:var(--carte,#18232F);color:var(--texte,#E7ECF3);border:1px solid var(--bord,#24313F);border-radius:14px;
  box-shadow:0 14px 40px rgba(0,0,0,.45);padding:16px 16px 14px;font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Tahoma,sans-serif;
  border-inline-start:3px solid #E0B75B;animation:ftpush-monte .25s ease-out}
@keyframes ftpush-monte{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
.ftpush-carte__x{position:absolute;top:6px;inset-inline-end:8px;background:none;border:0;color:var(--attenue,#93A0B2);font-size:22px;line-height:1;padding:6px;cursor:pointer}
.ftpush-carte__titre{display:block;font-weight:700;font-size:15.5px;padding-inline-end:26px;margin-bottom:4px}
.ftpush-carte__texte{margin:0 0 12px;color:var(--attenue,#93A0B2);font-size:14px}
.ftpush-carte__boutons{display:flex;gap:8px;flex-wrap:wrap}
.ftpush-bouton{flex:1 1 auto;min-height:42px;border-radius:999px;border:1px solid var(--bord,#24313F);background:var(--carte-haut,#1E2B3A);
  color:var(--texte,#E7ECF3);font:700 14px system-ui,-apple-system,"Segoe UI",Roboto,Tahoma,sans-serif;padding:9px 16px;cursor:pointer}
.ftpush-bouton--or{background:#E0B75B;border-color:#E0B75B;color:#10161F}
.ftpush-etapes{margin:6px 0 10px;padding:0;list-style:none;counter-reset:e}
.ftpush-etapes li{display:flex;align-items:center;gap:10px;margin:8px 0;counter-increment:e}
.ftpush-etapes li::before{content:counter(e);flex:0 0 22px;height:22px;border-radius:50%;background:#E0B75B;color:#10161F;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}
.ftpush-etapes__icone{display:inline-flex;color:#4BCBFD}
.ftpush-cloche{position:relative}
@media (max-width:699px){.ft-barre .ftpush-cloche{display:none!important}}   /* téléphone : la barre est pleine, la cloche est dans le menu */
body:has(.ft-bas) .ftpush-carte{bottom:calc(68px + env(safe-area-inset-bottom,0px))}   /* au-dessus de la barre du bas */
@media (min-width:1080px){body:has(.ft-bas) .ftpush-carte{bottom:calc(16px + env(safe-area-inset-bottom,0px))}}
.ftpush-menu__bouton{background:none;border:0;width:100%;font:inherit;color:inherit;text-align:start;cursor:pointer;position:relative}
.ftpush-menu__bouton .ftpush-cloche__point{position:static;margin-inline-start:6px;vertical-align:middle;display:none}
.ftpush-menu__bouton.est-active .ftpush-cloche__point{display:inline-block}
.ftpush-cloche__point{display:none;position:absolute;top:7px;inset-inline-end:7px;width:7px;height:7px;border-radius:50%;background:#E0B75B}
.ftpush-cloche.est-active .ftpush-cloche__point{display:block}