/* Fenêtre « Nouveautés » (templates/fragments/nouveautes_modal.html.twig). */

/* En-tête marine, liseré au dégradé du logo (charte CyberXL). */
.nouveautes-header {
  align-items: flex-start;
  background: var(--cx-marine);
  color: #FFFFFF;
  border-bottom: 3px solid transparent;
  border-image: var(--cx-gradient) 1;
}
.nouveautes-header .modal-title {
  color: #FFFFFF;
  font-size: 1.6rem;
}
.nouveautes-eyebrow {
  color: var(--cx-violet-200);
}

.nouveautes-version + .nouveautes-version {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--bs-border-color);
}
.nouveautes-version-titre {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  margin: 0;
  font-size: 1.25rem;
}
.nouveautes-derniere {
  background: var(--cx-violet-600);
  color: #FFFFFF;
  font-size: .7rem;
}
.nouveautes-date {
  margin: .15rem 0 .75rem;
  font-size: .875rem;
  color: var(--bs-secondary-color);
}

/* Rubriques : pastille colorée + libellé en capitales espacées. */
.nouveautes-type {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin: .9rem 0 .35rem;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--bs-secondary-color);
}
.nouveautes-type::before {
  content: "";
  width: .55rem;
  height: .55rem;
  border-radius: 50%;
  background: var(--nouveautes-pastille, var(--bs-secondary));
}
.nouveautes-type--added    { --nouveautes-pastille: var(--cx-violet); }
.nouveautes-type--changed  { --nouveautes-pastille: var(--bs-info); }
.nouveautes-type--fixed    { --nouveautes-pastille: var(--bs-success); }
.nouveautes-type--security { --nouveautes-pastille: var(--bs-warning); }

.nouveautes-liste {
  margin: 0;
  padding-left: 1.25rem;
}
.nouveautes-liste li + li {
  margin-top: .3rem;
}