/* Fenêtre d'aide « Installer l'application » (pwa-install.js) : en bas sur mobile,
   centrée sur ordinateur. Le bouton Fermer suit la couleur principale du thème. */
.pwa-install-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:flex-end;justify-content:center;background:rgba(15,26,46,.55);padding:16px}
.pwa-install-box{width:100%;max-width:420px;background:#fff;color:#0F1A2E;border-radius:16px;padding:20px;font:16px/1.45 "Onest","Public Sans",system-ui,-apple-system,sans-serif;box-shadow:0 18px 48px rgba(15,26,46,.35)}
.pwa-install-box h2{margin:0 0 12px;font-size:18px;font-weight:700}
.pwa-install-box ol{margin:0 0 16px;padding-left:22px}
.pwa-install-box li{margin-bottom:8px}
.pwa-install-box p{margin:0 0 16px}
.pwa-install-close{display:block;width:100%;padding:12px;border:0;border-radius:12px;background:var(--primary,#0F1A2E);color:#fff;font-size:16px;font-weight:600;cursor:pointer}
@media (min-width:600px){.pwa-install-overlay{align-items:center}}

/* Bouton « Installer l'application » : bien visible là où il apparaît (masqué par
   pwa-install.js tant que le navigateur ne sait pas installer, ou une fois installée). */
.pwa-carte[hidden], .pwa-bouton-entete[hidden]{display:none!important}
.pwa-carte{display:flex;align-items:center;gap:.85rem;width:100%;min-height:68px;padding:.65rem 1rem;border:0;border-radius:16px;text-align:left;cursor:pointer;font:inherit;background:#0F1A2E;color:#fff;box-shadow:0 14px 30px -14px rgba(15,26,46,.75);position:relative;overflow:hidden;transition:transform .12s,box-shadow .15s}
.pwa-carte::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 140% at 100% 0,rgba(255,194,26,.22),transparent 55%);pointer-events:none}
.pwa-carte:hover{box-shadow:0 18px 34px -14px rgba(15,26,46,.85)}
.pwa-carte:active{transform:scale(.99)}
.pwa-carte:focus-visible{outline:3px solid #FFC21A;outline-offset:2px}
.pwa-carte__icone{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;background:#FFC21A;color:#0F1A2E;font-size:26px;animation:pwa-appel 2.6s ease-in-out 1s 3}
.pwa-carte__texte{display:grid;flex:1 1 auto;line-height:1.25}
.pwa-carte__texte strong{font-size:17px;font-weight:800}
.pwa-carte__texte small{font-size:13px;opacity:.75}
.pwa-carte__fleche{flex:0 0 auto;font-size:22px;color:#FFC21A}
@keyframes pwa-appel{0%,100%{transform:none}15%{transform:translateY(-3px) rotate(-6deg)}30%{transform:translateY(0) rotate(5deg)}45%{transform:none}}
@media (prefers-reduced-motion:reduce){.pwa-carte__icone{animation:none}}
/* En-tête du bureau : une pastille avec texte plutôt qu'une simple icône grise. */
.pwa-bouton-entete{display:inline-flex;align-items:center;gap:.4rem;height:36px;padding:0 .9rem;margin-right:.25rem;border:0;border-radius:999px;cursor:pointer;font-size:14px;font-weight:600;white-space:nowrap;background:var(--primary,#5B6CFF);color:#fff;box-shadow:0 6px 16px -8px var(--primary,#5B6CFF);transition:transform .12s,filter .15s}
.pwa-bouton-entete i{font-size:17px}
.pwa-bouton-entete:hover{filter:brightness(1.08)}
.pwa-bouton-entete:active{transform:scale(.96)}
@media (max-width:575.98px){.pwa-bouton-entete{width:36px;padding:0;justify-content:center}.pwa-bouton-entete span{display:none}}