/* content/pwa/pwa.css — carte « notifications / installer l'appli » + page d'aide + écran
   « Dernière étape » + flèche iPhone. COMMUN aux sites content/ : la mise en page est ici,
   les couleurs viennent des variables --pwa-* posées par le site ($PWA['css']) ; le bouton
   réutilise la classe .btn du thème. Jamais de classes .ad-/.banner-/.sponsored (EasyList). */
.pwa-card,.pwa-help,.pwa-welcome__box{--_a:var(--pwa-accent,#2563eb);--_f:var(--pwa-fg,inherit);--_m:var(--pwa-muted,#6b7280);
  --_l:var(--pwa-line,rgba(0,0,0,.15));--_p:var(--pwa-panel,transparent);--_r:var(--pwa-radius,16px)}
.pwa-card[hidden],.pwa-pane[hidden],.pwa-help [hidden],.pwa-card [hidden]{display:none!important}
.pwa-card{position:relative;margin:22px 0;padding:18px 44px 14px 18px;border:1px solid var(--_l);border-radius:var(--_r);background:var(--_p);color:var(--_f)}
.pwa-title{margin:0 0 .35em;font-weight:700;font-size:1.05rem;line-height:1.35}
.pwa-title b{color:var(--_a)}
.pwa-text{margin:0 0 .6em;color:var(--_f);line-height:1.5}
.pwa-fine,.pwa-foot{margin:.5em 0 0;font-size:.85rem;color:var(--_m)}
.pwa-fine a,.pwa-text a{color:var(--_a)}
.pwa-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:.4em 0}
.pwa-lbl{font-size:.9rem;color:var(--_m)}
.pwa-select{min-height:44px;padding:8px 12px;border-radius:12px;border:1px solid var(--_l);background:var(--pwa-input,rgba(255,255,255,.06));color:inherit;font:inherit}
.pwa-select option{color:#111;background:#fff}
.pwa-btn{white-space:nowrap}
.pwa-msg{margin:.5em 0 0;font-size:.92rem;color:var(--_a)}
.pwa-link{background:none;border:0;padding:0;color:var(--_a);font:inherit;text-decoration:underline;cursor:pointer}
.pwa-x{position:absolute;top:8px;right:10px;width:32px;height:32px;border:0;border-radius:50%;background:none;color:var(--_m);font-size:1.4rem;line-height:1;cursor:pointer}
.pwa-x:hover{color:var(--_f)}
.pwa-steps{margin:.3em 0 .5em;padding-left:1.3em;line-height:1.55}
.pwa-steps li{margin:.25em 0}
.pwa-pane-on .pwa-title{font-size:1rem}
.pwa-card-help{padding-right:18px}
.pwa-help{margin:18px 0;padding:18px;border:1px solid var(--_l);border-radius:var(--_r);background:var(--_p)}
.pwa-status .pwa-title b{color:var(--_a)}
.pwa-help[data-state="on"] .pwa-status .pwa-title b{color:var(--pwa-ok,#3fb27f)}
.pwa-help[data-state="denied"] .pwa-status .pwa-title b{color:var(--pwa-warn,#e07a5f)}
/* Écran « Dernière étape » (1er lancement de l'appli installée) */
.pwa-welcome{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(5,6,20,.72)}
.pwa-welcome__box{width:100%;max-width:380px;padding:24px 20px;text-align:center;border-radius:var(--_r);border:1px solid var(--_l);background:var(--pwa-solid,#fff);color:var(--_f)}
.pwa-welcome__box .pwa-select,.pwa-welcome__box .btn{width:100%;margin:8px 0;justify-content:center}
.pwa-welcome__icon{border-radius:14px;margin-bottom:8px}
/* Flèche « Me montrer où toucher » (iPhone) */
.pwa-pointer{position:fixed;z-index:1001;bottom:10px;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:auto;animation:pwaBob 1s ease-in-out infinite alternate}
.pwa-pointer--center{left:50%;transform:translateX(-50%)}
.pwa-pointer--right{right:8px}
.pwa-pointer__bubble{padding:8px 12px;border-radius:12px;background:#111;color:#fff;font-size:.9rem;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.pwa-pointer__arrow{font-size:2rem;line-height:1;color:#111;text-shadow:0 0 6px #fff}
@keyframes pwaBob{from{margin-bottom:0}to{margin-bottom:10px}}
@media (prefers-reduced-motion:reduce){.pwa-pointer{animation:none}}
@media (max-width:520px){.pwa-row .pwa-select,.pwa-row .pwa-btn{flex:1 1 100%;justify-content:center}}