/* Pasivite 2.8.50.2 — une mascotte visuellement distincte par écran public/PWA.
   Les variantes sont des assets PNG dédiés. Aucun badge CSS n'est utilisé pour
   simuler artificiellement une mascotte différente. Palette inchangée Pasivite. */

/* Neutralise les anciens badges contextuels de 2.8.50.1 : les différences sont
   maintenant intégrées dans les images elles-mêmes. */
:is(.psv-mascot-page-alertes,.psv-mascot-page-observatoire,.psv-mascot-page-aide,
    .psv-mascot-page-reflexes,.psv-mascot-page-kits,.psv-mascot-page-actualites,
    .psv-mascot-page-sitecheck,.psv-mascot-page-email,.psv-mascot-page-pro,
    .psv-mascot-page-urgence,.psv-mascot-page-verifier,.psv-mascot-page-promesse,
    .psv-mascot-page-maturite)::after{
  display:none!important;
  content:none!important;
}

/* Fallback pour les écrans qui n'ont pas de hero dédié dans leur vue.
   Il est injecté par le layout avec un asset différent selon la route. */
.psv-page-mascot-fallback{
  box-sizing:border-box;
  width:min(1180px,calc(100% - 32px));
  min-height:92px;
  margin:12px auto 0;
  display:flex;
  justify-content:flex-end;
  align-items:flex-end;
  pointer-events:none;
  overflow:visible;
}
.psv-page-mascot-fallback>img{
  display:block;
  width:96px;
  height:108px;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 10px 18px rgba(18,53,91,.14));
}

/* Les mascottes de hero restent entièrement visibles quelle que soit la vue. */
.pv-theme-hero-mascot,
.pv-news-hero-mascot,
.pv-news-article-head>img,
.promise-hero-mascot>img,
.professional-guidance-hero-mascot>img,
.alerts-app-title-mascot>img,
.observatory-theme-mascot>img,
.mobile-dashboard-mascot{
  object-fit:contain!important;
  object-position:center bottom!important;
}

/* Dossier : plus de pseudo-dossier CSS superposé ; le visuel dédié est autonome. */
.psv-dossier-page .psv-context-mascot .psv-context-mark{display:none!important}
.psv-dossier-page .psv-context-mascot{overflow:visible!important}

/* PWA : aucune mascotte ne doit écraser le texte ou les actions. */
body.mobile-mode .psv-page-mascot-fallback{
  width:100%;
  min-height:72px;
  margin:6px 0 0;
  padding:0 12px;
}
body.mobile-mode .psv-page-mascot-fallback>img{
  width:72px;
  height:82px;
}

@media(max-width:760px){
  .psv-page-mascot-fallback{
    width:calc(100% - 24px);
    min-height:72px;
    margin-top:8px;
  }
  .psv-page-mascot-fallback>img{
    width:72px;
    height:82px;
  }
}