/* PASIVITE 2.8.47.9 — visibilité responsive des mascottes, sans surcharge */

/* PWA Personnel : vraie composition en grille, la mascotte ne passe plus sous le switcher */
@media (max-width:560px){
  body.mobile-mode .mobile-dashboard-with-mascot{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 82px!important;
    grid-template-rows:auto auto!important;
    gap:8px 10px!important;
    padding:13px 13px 12px!important;
    overflow:visible!important;
  }
  body.mobile-mode .mobile-dashboard-with-mascot .mobile-dashboard-copy{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
  }
  body.mobile-mode .mobile-dashboard-with-mascot .mobile-dashboard-mascot{
    position:static!important;
    grid-column:2!important;
    grid-row:1!important;
    justify-self:center!important;
    align-self:end!important;
    width:78px!important;
    height:96px!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    transform:none!important;
  }
  body.mobile-mode .mobile-dashboard-with-mascot .mobile-mode-switcher{
    grid-column:1 / -1!important;
    grid-row:2!important;
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    z-index:2!important;
  }

  /* Décodeur : petite chercheuse visible sur mobile au lieu d'être supprimée */
  .promise-hero-mascot{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 72px!important;
    gap:8px!important;
    align-items:start!important;
  }
  .promise-hero-mascot>img{
    display:block!important;
    width:70px!important;
    height:84px!important;
    max-height:none!important;
    object-fit:contain!important;
    justify-self:end!important;
    align-self:start!important;
    margin-top:4px!important;
  }

  /* Boussole publique : même principe */
  .professional-guidance-hero-mascot{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 72px!important;
    gap:8px!important;
    align-items:start!important;
  }
  .professional-guidance-hero-mascot>img{
    display:block!important;
    width:70px!important;
    height:84px!important;
    max-height:none!important;
    object-fit:contain!important;
    justify-self:end!important;
    align-self:start!important;
  }

  /* Alertes : suffisamment visible sans prendre la place du titre */
  .alerts-app-title-mascot>img{
    width:68px!important;
    height:76px!important;
  }

  /* PWA Pro : mascotte Boussole légèrement renforcée dans Parcours métier */
  body.mobile-mode .pv-section-head-character>img{
    display:block!important;
    width:68px!important;
    height:80px!important;
    object-fit:contain!important;
    flex:0 0 68px!important;
  }
}

@media (min-width:561px) and (max-width:760px){
  body.mobile-mode .mobile-dashboard-with-mascot .mobile-dashboard-mascot{
    width:96px!important;
    height:118px!important;
    right:12px!important;
  }
}