/* TentoniNumérik R44.3.26
   Portée stricte : téléphone connecté uniquement.
   Tablette et ordinateur ne sont pas ciblés. */

@media(max-width:720px){
  /* ------------------------------------------------------------------
     Page Actualités : image AU-DESSUS, texte EN-DESSOUS.
     Une ancienne règle R44.3.6 forçait l'image à height:100%!important,
     d'où la superposition visible sur Safari téléphone.
     ------------------------------------------------------------------ */
  html.tn-r42-phone body.tn-authenticated .news-full-page .news-list-r43{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    width:100%!important;
  }

  html.tn-r42-phone body.tn-authenticated .news-full-page .news-list-r43 .news-list-card{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    border-radius:22px!important;
    overflow:hidden!important;
    background:#fff!important;
    isolation:isolate!important;
  }

  html.tn-r42-phone body.tn-authenticated .news-full-page .news-list-r43 .news-list-card>img{
    position:static!important;
    inset:auto!important;
    display:block!important;
    flex:0 0 238px!important;
    width:100%!important;
    height:238px!important;
    min-height:238px!important;
    max-height:238px!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:center!important;
    z-index:1!important;
  }

  html.tn-r42-phone body.tn-authenticated .news-full-page .news-list-r43 .news-list-card>div{
    position:static!important;
    inset:auto!important;
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    width:100%!important;
    min-height:0!important;
    padding:18px 18px 20px!important;
    margin:0!important;
    box-sizing:border-box!important;
    background:#fff!important;
    color:#102e62!important;
    opacity:1!important;
    transform:none!important;
    z-index:2!important;
  }

  html.tn-r42-phone body.tn-authenticated .news-full-page .news-list-r43 .news-tag{
    position:static!important;
    display:inline-flex!important;
    width:auto!important;
    margin:0 0 8px!important;
    font-size:10px!important;
    padding:5px 9px!important;
  }

  html.tn-r42-phone body.tn-authenticated .news-full-page .news-list-r43 small{
    position:static!important;
    display:block!important;
    margin:0 0 8px!important;
    color:#5d7291!important;
    font-size:11px!important;
    line-height:1.3!important;
  }

  html.tn-r42-phone body.tn-authenticated .news-full-page .news-list-r43 h2{
    position:static!important;
    display:block!important;
    width:100%!important;
    margin:0 0 10px!important;
    color:#082d68!important;
    font-size:22px!important;
    line-height:1.16!important;
    text-shadow:none!important;
    opacity:1!important;
  }

  html.tn-r42-phone body.tn-authenticated .news-full-page .news-list-r43 p{
    position:static!important;
    display:block!important;
    width:100%!important;
    margin:0 0 14px!important;
    color:#496286!important;
    font-size:14px!important;
    line-height:1.48!important;
    text-shadow:none!important;
    opacity:1!important;
  }

  html.tn-r42-phone body.tn-authenticated .news-full-page .news-list-r43 a{
    position:static!important;
    margin-top:auto!important;
    color:#176fd1!important;
    font-size:13px!important;
    font-weight:850!important;
    text-decoration:none!important;
    text-shadow:none!important;
  }

  /* ------------------------------------------------------------------
     En-tête téléphone connecté : rendre lisibles les 2 contrôles vides.
     Le comportement existant est conservé : aucun nouvel élément DOM.
     ------------------------------------------------------------------ */
  html.tn-r42-phone body.tn-authenticated .mobile-menu-btn{
    display:grid!important;
    grid-template-rows:19px 8px!important;
    place-items:center!important;
    align-content:center!important;
    flex:0 0 42px!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:3px 2px!important;
    margin:0!important;
    border:1px solid #d8e0e8!important;
    border-radius:10px!important;
    background:#f1f3f5!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  html.tn-r42-phone body.tn-authenticated .mobile-menu-btn span{
    display:none!important;
  }

  html.tn-r42-phone body.tn-authenticated .mobile-menu-btn::before{
    content:""!important;
    display:block!important;
    width:18px!important;
    height:18px!important;
    background:url('/assets/r44-3-26/home-phone.svg') center/contain no-repeat!important;
  }

  html.tn-r42-phone body.tn-authenticated .mobile-menu-btn::after{
    content:"Accueil"!important;
    display:block!important;
    color:#31597f!important;
    font-size:6.5px!important;
    font-weight:900!important;
    line-height:8px!important;
    letter-spacing:-.2px!important;
  }

  html.tn-r42-phone body.tn-authenticated .top-actions #tn141-manager-launch{
    position:static!important;
    display:grid!important;
    grid-template-rows:18px 8px!important;
    place-items:center!important;
    align-content:center!important;
    flex:0 0 42px!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:3px!important;
    margin:0!important;
    border-radius:50%!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    font-size:0!important;
    color:transparent!important;
  }

  html.tn-r42-phone body.tn-authenticated .top-actions #tn141-manager-launch span{
    display:none!important;
  }

  html.tn-r42-phone body.tn-authenticated .top-actions #tn141-manager-launch::before{
    content:""!important;
    display:block!important;
    width:17px!important;
    height:17px!important;
    background:url('/assets/r44-3-26/dashboard-phone.svg') center/contain no-repeat!important;
  }

  html.tn-r42-phone body.tn-authenticated .top-actions #tn141-manager-launch::after{
    content:"TDB"!important;
    display:block!important;
    color:#174b86!important;
    font-size:6.5px!important;
    font-weight:900!important;
    line-height:8px!important;
  }
}
