/** * NW Burger — proposition d'installation. * * Écrit en couleurs explicites : ce bandeau et cette feuille sont posés en * fin de , hors de toute portée où les jetons du thème existent. */ /* --- Bandeau « Ajouter à l'écran d'accueil » ---------------------------- */ .nwc-install{ position:fixed;z-index:940;left:12px;right:12px; /* Au-dessus des onglets du bas, sans jamais les recouvrir. */ bottom:calc(84px + env(safe-area-inset-bottom)); display:flex;align-items:center;gap:12px; padding:12px 12px 12px 14px; background:#1F1D1A;color:#EDE7DE; border:1px solid rgba(224,199,163,.24);border-radius:14px; box-shadow:0 18px 40px -14px rgba(0,0,0,.85); opacity:0;transform:translateY(14px); transition:opacity .25s ease,transform .25s ease; } .nwc-install.is-on{opacity:1;transform:none} .nwc-install[hidden]{display:none} .nwc-install__icon{width:44px;height:44px;border-radius:11px;flex:none} .nwc-install__txt{display:grid;gap:2px;min-width:0;flex:1} .nwc-install__txt strong{font-size:.95rem;line-height:1.25} .nwc-install__txt span{font-size:.8rem;color:#9A9287;line-height:1.35} .nwc-install__go{ flex:none;min-height:42px;padding:0 1.05em;border:0;border-radius:9px; background:#E0C7A3;color:#0B0B0B;font:inherit;font-weight:600;cursor:pointer; } .nwc-install__go:hover{background:#EDE7DE} .nwc-install__no{ flex:none;width:34px;height:34px;padding:0;border:0;border-radius:50%; background:transparent;color:#9A9287;cursor:pointer; display:flex;align-items:center;justify-content:center; } .nwc-install__no svg{width:16px;height:16px} .nwc-install__no:hover{color:#EDE7DE;background:rgba(237,231,222,.08)} /* Le bouton « remonter » est flottant en bas à droite : tant que le bandeau est là, il monte au-dessus plutôt que de passer dessous. */ .nwc-install-on .totop{bottom:calc(174px + env(safe-area-inset-bottom))} /* Sur grand écran, le bandeau se range dans un coin. */ @media (min-width:761px){ .nwc-install{left:auto;right:20px;bottom:20px;max-width:26rem} .nwc-install-on .totop{bottom:calc(112px + env(safe-area-inset-bottom))} } /* Une fois l'application installée, plus rien à proposer. */ .nwc-app-mode .nwc-install{display:none!important} /* --- Marche à suivre sur iPhone ---------------------------------------- */ .nwc-ios{ position:fixed;inset:0;z-index:1200; display:flex;align-items:flex-end;justify-content:center; background:rgba(11,11,11,.72);backdrop-filter:blur(4px); padding:16px; } .nwc-ios__box{ width:min(100%,28rem);background:#1F1D1A;color:#EDE7DE; border:1px solid rgba(224,199,163,.24);border-radius:16px; padding:22px 20px calc(20px + env(safe-area-inset-bottom)); box-shadow:0 24px 60px -20px rgba(0,0,0,.9); } .nwc-ios__box h2{margin:0 0 .4em;font-size:1.15rem;line-height:1.25} .nwc-ios__box p{margin:0 0 1.1em;color:#9A9287;font-size:.9rem;line-height:1.5} .nwc-ios__box ol{margin:0 0 1.3em;padding:0;list-style:none;display:grid;gap:12px} .nwc-ios__box li{display:flex;align-items:center;gap:12px;font-size:.92rem;line-height:1.4} .nwc-ios__ico{ flex:none;width:36px;height:36px;border-radius:9px; background:rgba(224,199,163,.14);color:#E0C7A3; display:flex;align-items:center;justify-content:center; } .nwc-ios__ico svg{width:19px;height:19px} .nwc-ios__close{ width:100%;min-height:48px;border:0;border-radius:10px; background:#E0C7A3;color:#0B0B0B;font:inherit;font-weight:600;cursor:pointer; }