/* =========================================================

   BLOCK — Sidebar actualités

========================================================= */



.sidebar-actualites{

  width: 100%;

  display: grid;

  gap: 28px;

}



/* Titres section */

.sidebar-actualites__title{

  font-size: var(--font-size-m);

  font-weight: 500;

  line-height: 1.2;

  margin: 0 0 14px;

  color: var(--color-noir);

}



/* =========================================================

   AIRE THÉRAPEUTIQUE

========================================================= */



.sidebar-actualites__aire{

  display: grid;

  gap: 5px;

}



.sidebar-actualites__aireLink{

  display: grid;

  grid-template-columns: 46px 1fr;

  align-items: center;

  gap: 12px;



  text-decoration: none;

  color: var(--aire-color);

  font-size: var(--font-size-s);

  font-weight: 500;

  line-height: 1.2;



  transition: all 0.4s ease-in-out;

  transform: translateZ(0);

}



/* Hover + Focus : bordure pastille couleur aire */

.sidebar-actualites__aireLink:hover .sidebar-actualites__aireIcon,

.sidebar-actualites__aireLink:focus-visible .sidebar-actualites__aireIcon,

.sidebar-actualites__aireLink.is-active .sidebar-actualites__aireIcon{

  border-color: var(--aire-color);

}



/* Hover + Focus : texte bleu */

.sidebar-actualites__aireLink:hover,

.sidebar-actualites__aireLink:focus-visible,

.sidebar-actualites__aireLink.is-active{

  color: var(--color-bleu);

}





.sidebar-actualites__aireIcon{

  width: 46px;

  height: 46px;

  border-radius: 999px;

  background: var(--aire-color);

  border: 3px solid var(--color-blanc);

  display: grid;

  place-items: center;

  overflow: hidden;



  transition: border-color 0.4s ease-in-out;

}



.sidebar-actualites__aireIcon img{


  display: block;

}



.sidebar-actualites__aireLabel{

  display: inline-block;

}



/* =========================================================

   CATÉGORIES

========================================================= */



.sidebar-actualites__cats{

  display: grid;

  gap: 10px;

}



.sidebar-actualites__catLink{

  display: inline-flex;

  align-items: center;

  justify-content: flex-start;



  text-decoration: none;

  color: var(--color-noir);



  font-size: var(--font-size-s);

  font-weight: 500;

  font-style: italic;



  background: var(--color-blanc);

  padding: 10px 15px;

  border-radius: 200px;



  transition: background-color .4s ease, color .4s ease, opacity .4s ease;

  width: fit-content;

}



.sidebar-actualites__catLink:hover,

.sidebar-actualites__catLink:focus-visible{

  background: var(--color-bleu);

  color: #fff;

}



/* Actif = même rendu que hover */

.sidebar-actualites__catLink.is-active{

  background: var(--color-bleu);

  color: #fff;

}



/* =========================================================

   NEWSLETTER

========================================================= */



.sidebar-actualites__newsletter{

  display: grid;

  gap: 14px;

}



.sidebar-actualites__newsletterTitle{

  font-size: var(--font-size-s);

  font-weight: 400;

  line-height: 1.25;

  color: var(--color-noir);

}