/* TentoniNumérik R44.3.11 — stabilité mobile + nouvelles flèches. */

/* Unités de viewport stables : le retrait/retour des barres Safari ne doit plus faire
   "pomper" verticalement l'accueil public. */
@supports (height:100svh){
  body.tn-public-home.tn-reference-device,
  body.tn-public-home.tn-reference-device #app,
  body.tn-public-home.tn-reference-device .site-shell.home-mode{
    min-height:100svh!important;
  }
}
body.tn-public-home.tn-reference-device{
  overflow-anchor:none!important;
  overscroll-behavior-y:auto!important;
}
body.tn-public-home.tn-reference-device .site-shell.home-mode{
  transform:none!important;
  transition:none!important;
  animation:none!important;
  will-change:auto!important;
}
body.tn-public-home.tn-reference-device .home-page,
body.tn-public-home.tn-reference-device .home-dashboard-121,
body.tn-public-home.tn-reference-device .hero-121,
body.tn-public-home.tn-reference-device .news-pro-121{
  transition:none!important;
}

/* Réserver l'espace média avant le chargement des images limite les sauts de mise en page. */
body.tn-public-home.tn-reference-device .hero-photo-121{
  contain:paint!important;
}
body.tn-public-home.tn-reference-device .news-media{
  overflow:hidden!important;
}
body.tn-public-home.tn-reference-device .news-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Flèches Actualités : cercle et flèche forment un seul SVG, donc centrage géométrique exact. */
.news-slider-121 .news-arrow-121{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:46px 46px!important;
  box-shadow:0 4px 13px rgba(22,79,143,.15)!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  display:grid!important;
  place-items:center!important;
}
.news-slider-121 .news-prev-121{
  background-image:url('/assets/r44-3-11/arrow-left.svg')!important;
}
.news-slider-121 .news-next-121{
  background-image:url('/assets/r44-3-11/arrow-right.svg')!important;
}

/* Même style si l'ancien carrousel responsive est utilisé sur une page secondaire. */
.tn-ref-news-arrow{
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:100% 100%!important;
  border:0!important;
  font-size:0!important;
  color:transparent!important;
}
.tn-ref-news-arrow.prev{background-image:url('/assets/r44-3-11/arrow-left.svg')!important}
.tn-ref-news-arrow.next{background-image:url('/assets/r44-3-11/arrow-right.svg')!important}

@media(max-width:720px){
  .news-slider-121 .news-arrow-121{
    width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
    background-size:38px 38px!important;
  }
}