/* Pasivite — P0 mobile final override
   Chargé EN DERNIER : ne remplace aucun CSS existant. */

body.mobile-mode .mobile-home-v260::before{
  z-index:0 !important;
}
body.mobile-mode .mobile-modern-hero,
body.mobile-mode .new-alert-home-card,
body.mobile-mode .notification-home-card,
body.mobile-mode .mobile-primary-grid,
body.mobile-mode .mobile-assistance-band,
body.mobile-mode .mobile-hotline-card,
body.mobile-mode .modern-quick-tools,
body.mobile-mode .modern-install-card{
  position:relative !important;
  z-index:2 !important;
}

/* Hero : contraste net, pas de séparation inutile */
body.mobile-mode .mobile-modern-hero{
  border:0 !important;
  box-shadow:none !important;
}
body.mobile-mode .mobile-modern-kicker{
  color:#8ff3da !important;
}
body.mobile-mode .mobile-modern-hero h1,
body.mobile-mode .mobile-modern-lead{
  color:#ffffff !important;
  text-shadow:none !important;
}

/* Installer : devient une vraie action visible, pas un lien sombre souligné */
body.mobile-mode .mobile-modern-hero .text-link,
body.mobile-mode .mobile-modern-hero .text-link:link,
body.mobile-mode .mobile-modern-hero .text-link:visited,
body.mobile-mode .mobile-modern-hero .text-link:hover,
body.mobile-mode .mobile-modern-hero .text-link:focus{
  display:inline-flex !important;
  align-items:center !important;
  min-height:46px !important;
  margin:20px 0 4px !important;
  padding:10px 15px !important;
  border:1px solid rgba(255,255,255,.48) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.14) !important;
  color:#ffffff !important;
  text-decoration:none !important;
  font-weight:850 !important;
  line-height:1.25 !important;
  opacity:1 !important;
  box-shadow:0 5px 16px rgba(0,20,45,.10) !important;
}
body.mobile-mode .mobile-modern-hero .text-link::before{
  content:'＋';
  margin-right:.45rem;
  font-weight:900;
}

/* La petite barre turquoise suffit pour séparer le titre de l'explication */
body.mobile-mode .mobile-modern-accent{
  margin:24px 0 22px !important;
  border:0 !important;
}

/* Alertes et notifications : vraies cartes, aucune transparence */
body.mobile-mode .new-alert-home-card,
body.mobile-mode .notification-home-card{
  box-sizing:border-box !important;
  width:auto !important;
  margin:16px !important;
  padding:18px !important;
  border:1px solid #d5e2eb !important;
  border-radius:20px !important;
  background:#ffffff !important;
  background-image:none !important;
  color:#102d4e !important;
  opacity:1 !important;
  isolation:isolate !important;
  box-shadow:0 10px 25px rgba(16,45,78,.11) !important;
}
body.mobile-mode .new-alert-home-card::before,
body.mobile-mode .new-alert-home-card::after,
body.mobile-mode .notification-home-card::before,
body.mobile-mode .notification-home-card::after{
  content:none !important;
  display:none !important;
}
body.mobile-mode .new-alert-home-card *,
body.mobile-mode .notification-home-card *{
  text-shadow:none !important;
  opacity:1 !important;
}
body.mobile-mode .new-alert-home-card h2,
body.mobile-mode .new-alert-home-card p,
body.mobile-mode .new-alert-home-card strong,
body.mobile-mode .new-alert-home-title,
body.mobile-mode .new-alert-home-summary,
body.mobile-mode .new-alert-home-all,
body.mobile-mode .notification-home-card h2,
body.mobile-mode .notification-home-card p,
body.mobile-mode .notification-home-card strong,
body.mobile-mode .notification-home-status,
body.mobile-mode .notification-inbox-summary,
body.mobile-mode .notification-inbox-summary p{
  color:#102d4e !important;
}
body.mobile-mode .new-alert-home-kicker{
  color:#b42318 !important;
}
body.mobile-mode .notification-home-status.is-success{
  color:#087a57 !important;
}
body.mobile-mode .notification-home-status.is-warning{
  color:#7b5000 !important;
}
body.mobile-mode .notification-home-status.is-error{
  color:#a61b1b !important;
}
body.mobile-mode .notification-permission-help{
  margin-top:12px !important;
  padding:12px 14px !important;
  border:1px solid #e1b94d !important;
  border-radius:13px !important;
  background:#fff7dc !important;
  color:#5d3c00 !important;
}

/* Actions claires : un bouton = une action */
body.mobile-mode .new-alert-home-button,
body.mobile-mode .notification-home-card .primary-button,
body.mobile-mode .notification-home-card .secondary-button{
  min-height:50px !important;
  border:1px solid #12355b !important;
  border-radius:13px !important;
  background:#12355b !important;
  color:#ffffff !important;
  text-decoration:none !important;
  font-weight:850 !important;
  box-shadow:none !important;
}
body.mobile-mode .new-alert-home-all{
  display:block !important;
  margin:12px 0 0 !important;
  padding-top:12px !important;
  border-top:1px solid #e2e9ef !important;
  color:#12355b !important;
  text-decoration:none !important;
  font-weight:800 !important;
}

/* Séparations : espace entre sections, pas de traits décoratifs superflus */
body.mobile-mode .new-alert-home-card + .notification-home-card{
  margin-top:12px !important;
}
body.mobile-mode .notification-home-card{
  margin-bottom:18px !important;
}
body.mobile-mode .notification-home-copy{
  gap:12px !important;
}
body.mobile-mode .notification-home-actions{
  margin-top:14px !important;
}

@media(max-width:700px){
  body.mobile-mode .mobile-modern-hero{
    padding-left:20px !important;
    padding-right:20px !important;
  }
  body.mobile-mode .mobile-modern-hero .text-link,
  body.mobile-mode .mobile-modern-hero .text-link:visited{
    width:fit-content !important;
    max-width:100% !important;
    font-size:16px !important;
  }
  body.mobile-mode .new-alert-home-card,
  body.mobile-mode .notification-home-card{
    margin-left:14px !important;
    margin-right:14px !important;
    padding:16px !important;
  }
  body.mobile-mode .notification-home-actions .primary-button,
  body.mobile-mode .notification-home-actions .secondary-button,
  body.mobile-mode .new-alert-home-button{
    width:100% !important;
    justify-content:center !important;
  }
}