/*
 * Correctifs de composition des blocs de confiance caernarfonherald.co.uk.
 *
 * Le generateur partage des pages de confiance pose un bloc RankSource en
 * grille a trois colonnes (logo / texte / bouton) et un bloc commercial contact
 * a deux colonnes. A 1440 px la mesure montre deux defauts reels :
 *  - Publicite : la colonne bouton trop large ecrase le texte, la carte devient
 *    verticale (hauteur/largeur 1.42, seuil 0.80) ;
 *  - Contact   : la deuxieme colonne reste vide, le contenu utile ne couvre que
 *    28.8 pour cent du cadre et 65 pour cent du bloc est mort.
 *
 * On ne touche pas au generateur partage ; l'override vit dans le theme du
 * domaine, avec une specificite superieure et uniquement au desktop.
 */

@media (min-width: 821px) {
  body .dn-trust .dn-trust__marketplace {
    grid-template-columns: minmax(150px, 190px) minmax(0, 1fr);
    gap: 16px 24px;
    padding-top: clamp(20px, 3vw, 34px);
    padding-bottom: clamp(20px, 3vw, 34px);
  }

  body .dn-trust .dn-trust__marketplace > p {
    grid-column: 2;
    margin: 0;
  }

  body .dn-trust .dn-trust__contact-commercial {
    grid-template-columns: minmax(150px, 200px) minmax(0, 1fr);
  }

  body .dn-trust .dn-trust__contact-commercial > .dn-trust__marketplace-logo {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
  }

  body .dn-trust .dn-trust__contact-commercial > div {
    grid-column: 2;
    grid-row: 1;
  }
}

/*
 * Etats hover/focus coherents pour tous les roles interactifs controles par le
 * contrat full-success, et rangee de partage d'article. Palette approuvee :
 * encre #183e85, papier #ffffff, accent #ff2a38.
 */
.dn-breadcrumb a:hover,
.dn-breadcrumb a:focus-visible,
a.dn-article-author:hover,
a.dn-article-author:focus-visible,
.dn-fleet-footer a:hover,
.dn-fleet-footer a:focus-visible {
  color: #ff2a38;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

main article h3 a:hover,
main article h3 a:focus-visible,
main article h2 a:hover,
main article h2 a:focus-visible {
  color: #ff2a38;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.dn-pagination a:hover,
.dn-pagination a:focus-visible,
.dn-pagination .page-numbers:hover,
.dn-pagination .page-numbers:focus-visible {
  background: #183e85;
  border-color: #183e85;
  color: #ffffff;
}

.spc-social a:hover,
.spc-social a:focus-visible {
  opacity: 0.72;
  color: #ff2a38;
}

.dn-trust__button:hover,
.dn-trust__button:focus-visible {
  background: #ff2a38 !important;
  border-color: #ff2a38 !important;
  color: #ffffff !important;
}

.dn-share {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 30px 0 6px;
  padding-top: 18px;
  border-top: 1px solid color-mix(in srgb, #183e85 18%, transparent);
}

.dn-share__link {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 9px 15px;
  border: 1px solid #183e85;
  border-radius: 4px;
  color: #183e85;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
}

.dn-share__link:hover,
.dn-share__link:focus-visible {
  background: #183e85;
  color: #ffffff;
}