/* Newsbar Divi - style proche de la capture */

/* Conteneur principal */
.newsbar-divi{
  display:flex;
  align-items:center;
  gap: 18px;
  background:#fff;
  border:1px solid #e9e9e9;
  padding:18px 18px;
}

/* Colonne gauche */
.newsbar-left{ flex:0 0 auto; }

/* Titre + point rouge fixe */
.newsbar-title{
  font-family:"Montserrat", sans-serif;
  font-weight:700;
  font-size:18px;
  text-transform:uppercase;
  color:#2b2b2b;
  position:relative;
  padding-left:16px;
  line-height:1.2;
  white-space:nowrap;
}
.newsbar-title:before{
  content:"";
  width:10px;
  height:10px;
  background:#e10600;
  border-radius:50%;
  position:absolute;
  left:0;
  top:50%;
  transform: translateY(-50%); /* alignement pile poil au centre du texte */
  animation: newsbarPulse 1.6s ease-out infinite;
  will-change: transform, box-shadow;
}


/* Colonne centrale : articles en colonnes */
.newsbar-mid{
  flex: 1 1 auto;
  display:flex;
  align-items:flex-start;
  overflow:hidden;
}

/* Un item = 1 colonne */
.newsbar-item{
  padding: 0 18px;
  border-right:1px solid #ececec;
  min-width: 0;
}
.newsbar-item:last-child{
  border-right:none;
}

/* Titre article */
.newsbar-item-title{
  display:block;
  font-family:"Open Sans", sans-serif;
  font-weight:400;
  font-size:16px;
  color:rgb(102, 102, 102);
  line-height:1.35;
  text-decoration:none;
  max-width: 340px;
}
.newsbar-item-title:hover{ text-decoration:underline; }

/* Date relative en gris */
.newsbar-item-time{
  margin-top:6px;
  font-family:"Open Sans", sans-serif;
  font-weight:400;
  font-size:13px;
  color:#8a8a8a;
}

/* Colonne droite : bouton */
.newsbar-right{ flex:0 0 auto; }
.newsbar-btn{
  display:inline-block;
  font-family:"Montserrat", sans-serif;
  font-weight:700;
  text-transform:uppercase;
  font-size:14px;
  padding:10px 16px;
  background:#c79a1a; /* proche du jaune/or de ta capture */
  color:#fff;
  border-radius:2px;
  text-decoration:none;
  white-space:nowrap;
}
.newsbar-btn:hover{ filter: brightness(0.95); }

/* Responsive */
@media (max-width: 900px){
  .newsbar-divi{
    flex-direction:column;
    align-items:stretch;
  }
  .newsbar-title{ white-space:normal; }
  .newsbar-mid{
    flex-direction:column;
    gap:12px;
  }
  .newsbar-item{
    border-right:none;
    border-top:1px solid #ececec;
    padding:12px 0 0 0;
  }
  .newsbar-item:first-child{
    border-top:none;
    padding-top:0;
  }
  .newsbar-right{ text-align:right; }
}


/* Effet "live" très léger sur le point rouge */
@keyframes newsbarPulse {
  0%   { transform: translateY(-50%) scale(1);   box-shadow: 0 0 0 0 rgba(225, 6, 0, 0.28); }
  70%  { transform: translateY(-50%) scale(1.06); box-shadow: 0 0 0 8px rgba(225, 6, 0, 0); }
  100% { transform: translateY(-50%) scale(1);   box-shadow: 0 0 0 0 rgba(225, 6, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .newsbar-title:before { animation: none !important; }
}