/* Etats hover et focus des surfaces interactives newsly.fr.
   Aucun changement de taille : couleur, soulignement et contour seulement,
   pour ne deplacer aucune mise en page (layout shift nul). */

/* Contour clavier visible et homogene sur tout lien et bouton. */
.diginov-media-newsly a:focus,
.diginov-media-newsly button:focus,
.diginov-media-newsly a:focus-visible,
.diginov-media-newsly button:focus-visible,
.diginov-media-newsly [tabindex]:focus-visible {
  outline: 2px solid #d81725;
  outline-offset: 2px;
  border-radius: 2px;
}

/* Fil d'Ariane. */
.dn-breadcrumb a {
  transition: color .15s ease, text-decoration-color .15s ease;
}
.dn-breadcrumb a:hover,
.dn-breadcrumb a:focus-visible {
  color: #d81725;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Signature d'auteur et metadonnees. */
.dn-article-byline a,
.dn-article-author a,
.dn-meta a {
  transition: color .15s ease;
}
.dn-article-byline a:hover,
.dn-article-author a:hover,
.dn-meta a:hover,
.dn-article-byline a:focus-visible,
.dn-article-author a:focus-visible,
.dn-meta a:focus-visible {
  color: #d81725;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Cartes et titres de conducteur. */
.dn-briefing-open__body h2 a,
.dn-briefing-next__item h3 a,
.dn-briefing-run__body h3 a,
.dn-briefing-index__body h3 a,
.dn-loop-post-fallback h3 a,
.dn-archive-card h2 a,
.dn-archive-card h3 a {
  transition: color .15s ease;
}
.dn-briefing-open__body h2 a:hover,
.dn-briefing-next__item h3 a:hover,
.dn-briefing-run__body h3 a:hover,
.dn-briefing-index__body h3 a:hover,
.dn-loop-post-fallback h3 a:hover,
.dn-archive-card h2 a:hover,
.dn-archive-card h3 a:hover {
  color: #d81725;
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* Boutons et appels a l'action. */
.dn-briefing-bar a,
a[href*="/newsletter"],
.dn-trust__button {
  transition: color .15s ease, background-color .15s ease, border-color .15s ease;
}
.dn-briefing-bar a:hover,
a[href*="/newsletter"]:hover,
.dn-trust__button:hover {
  color: #d81725;
}
.dn-trust__button:hover {
  background: #d81725;
  color: #ffffff;
}

/* Pagination d'archive. */
.dn-pagination .page-numbers {
  transition: color .15s ease, background-color .15s ease, border-color .15s ease;
}
.dn-pagination a.page-numbers:hover,
.dn-pagination a.page-numbers:focus-visible {
  color: #ffffff;
  background: #d81725;
  border-color: #d81725;
}

/* Footer : rubriques, acces au media, base legale. */
.dn-briefing-footer__categories a,
.dn-briefing-footer__links a,
.dn-briefing-footer__base a,
.dn-site-footer a {
  transition: color .15s ease;
}
.dn-briefing-footer__categories a:hover,
.dn-briefing-footer__links a:hover,
.dn-briefing-footer__base a:hover,
.dn-site-footer a:hover {
  color: #d81725;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Liens sociaux d'en-tete. */
.smart-head-social a,
.spc-social-block a {
  transition: color .15s ease, background-color .15s ease;
}
.smart-head-social a:hover,
.spc-social-block a:hover {
  color: #d81725;
}

/* Partage d'article injecte par inc-identity.php. */
.dn-newsly-share {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  align-items: center;
  margin: 28px 0 8px;
  padding-top: 18px;
  border-top: 1px solid #e6e6e6;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 15px;
}
.dn-newsly-share__label {
  color: #6b6b6b;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 12px;
}
.dn-newsly-share a {
  color: #202020;
  text-decoration: none;
  border: 1px solid #dcdcdc;
  border-radius: 999px;
  padding: 7px 14px;
  transition: color .15s ease, background-color .15s ease, border-color .15s ease;
}
.dn-newsly-share a:hover,
.dn-newsly-share a:focus-visible {
  color: #ffffff;
  background: #d81725;
  border-color: #d81725;
}

/* Focus non rogne : fond teinte sur les liens de cartes et les icones sociales,
   car leurs conteneurs arrondis peuvent rogner le contour. */
.dn-briefing-open__body h2 a:focus,
.dn-briefing-open__body h2 a:focus-visible,
.dn-briefing-next__item h3 a:focus,
.dn-briefing-next__item h3 a:focus-visible,
.dn-loop-post-fallback h3 a:focus,
.dn-loop-post-fallback h3 a:focus-visible,
.dn-archive-card h2 a:focus,
.dn-archive-card h2 a:focus-visible {
  background: rgba(216, 23, 37, .10);
  color: #d81725;
  text-decoration: underline;
  text-underline-offset: 4px;
  outline: 2px solid #d81725;
  outline-offset: 3px;
}
.smart-head-social a:focus,
.smart-head-social a:focus-visible,
.spc-social-block a:focus,
.spc-social-block a:focus-visible {
  background: #d81725;
  color: #ffffff;
  outline: 2px solid #202020;
  outline-offset: 2px;
}

/* P1 footer Annonceurs : contraste lisible au repos, hover et focus.
   Aucune modification de padding, marge ou taille. */
.diginov-media-newsly .dn-briefing-footer__commercial .dn-briefing-footer__label {
  color: #ffffff !important;
  opacity: 1;
}
.diginov-media-newsly .dn-briefing-footer__commercial > p:not(.dn-briefing-footer__label) {
  color: #ffffff !important;
}
.diginov-media-newsly .dn-briefing-footer__commercial > a,
.diginov-media-newsly .dn-briefing-footer__commercial > a:visited {
  color: #e31d2b !important;
  background: #ffffff !important;
  border-color: #ffffff !important;
}
.diginov-media-newsly .dn-briefing-footer__commercial > a:hover,
.diginov-media-newsly .dn-briefing-footer__commercial > a:focus-visible,
.diginov-media-newsly .dn-briefing-footer__commercial > a:focus {
  color: #8e121b !important;
  background: #ffffff !important;
  border-color: #ffffff !important;
  outline: 3px solid #111111 !important;
  outline-offset: 2px;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* P1 Contact : le logo et le texte doivent occuper une meme rangee de grille. */
.diginov-media-newsly .dn-trust__contact-commercial {
  grid-template-columns: minmax(150px, 210px) minmax(0, 1fr);
}
.diginov-media-newsly .dn-trust__contact-commercial > .dn-trust__marketplace-logo {
  grid-column: 1;
  grid-row: 1;
}
.diginov-media-newsly .dn-trust__contact-commercial > p:empty {
  display: none;
}
.diginov-media-newsly .dn-trust__contact-commercial > div {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
}
@media (max-width: 820px) {
  .diginov-media-newsly .dn-trust__contact-commercial {
    grid-template-columns: 1fr;
  }
  .diginov-media-newsly .dn-trust__contact-commercial > .dn-trust__marketplace-logo {
    grid-column: 1;
    grid-row: auto;
  }
  .diginov-media-newsly .dn-trust__contact-commercial > div {
    grid-column: 1;
    grid-row: auto;
  }
}

/* P1 Home : aucune vignette grise seule si une image n'a pas de source. */
.diginov-media-newsly .dn-briefing-run__media:has(img[src^="data:image"]),
.diginov-media-newsly .dn-briefing-next__item:has(img[src^="data:image"]) .dn-briefing-next__media {
  background: transparent;
}

/* forms_layout : le formulaire Contact est centre dans le conteneur editorial,
   marges symetriques, jamais colle a gauche. */
.diginov-media-newsly .dn-contact {
  margin-left: auto;
  margin-right: auto;
}