/* Donne leur apparence aux blocs de contenu propres au site : liens du texte courant, points clés,
   colonnes « Image à droite ».

   Couleurs lues dans css/tokens.css, tailles et espacements dans l'échelle du site
   (includes/theme-presets.php). */

/* ------------------------------------------------------------ Liens */
/* Dans un texte courant, un lien se distingue autrement que par sa couleur (WCAG 1.4.1). !important :
   Sydney retire le soulignement de tous les liens avec !important, en spécificité (0,2,0) ; le :not() donne
   à chaque sélecteur ci-dessous (0,2,2), sans quoi celui du thème l'emporterait (défaut réel : légende de
   la carte). */
.entry-content p a:not(.wp-block-button__link),
.entry-content li a:not(.wp-block-button__link),
.entry-content figcaption a:not(.wp-block-button__link) {
  text-decoration: underline !important;
  text-underline-offset: 0.15em;
}

/* ------------------------------------------------------------ Points clés (.altaira-features) */
/* Un sous-titre (h3) et sa description par point. La hiérarchie passe par les tons plutôt que par le gras :
   titre dans la couleur des titres, description dans le ton atténué (moins éblouissant sur fond sombre) ;
   un filet d'accent remplace la puce. Le même filet repère l'encadré « Le saviez-vous ? » (plus bas). */
.altaira-features,
.entry-content .is-style-altaira-note {
  --feature-rule-width: 2px;
  --feature-indent: 14px;
  --feature-title-gap: 0.35em;
}

.altaira-features h3 {
  margin: var(--wp--preset--spacing--40) 0 var(--feature-title-gap);
  padding-left: var(--feature-indent);
  border-left: var(--feature-rule-width) solid var(--altaira-keyword);
  font-size: var(--wp--preset--font-size--large); /* échelle nommée : includes/theme-presets.php */
  line-height: 1.3;
}

.altaira-features > h3:first-child {
  margin-top: 0;
}

/* Aligné sur le texte du titre, quelle que soit la largeur du filet ou du retrait. */
.altaira-features p {
  margin: 0;
  padding-left: calc(var(--feature-rule-width) + var(--feature-indent));
  color: var(--altaira-muted-text);
  font-size: var(--wp--preset--font-size--compact);
  text-wrap: pretty; /* évite un mot seul en dernière ligne ; ignoré sans dommage par les anciens navigateurs */
}

/* Mise en avant dans le texte (mot-clé des points clés, étapes de la méthode…) : par le ton plutôt que par le
   seul gras, dans l'ambre du filet. Contraste vérifié par tools/check_contrast.py. */
.entry-content strong {
  color: var(--altaira-keyword);
  font-weight: 500;
}

/* Mot-clé surligné (<mark>, « Surligner » de l'éditeur) : la même ambre, sans graisse ni fond. Choisir la
   couleur proposée par l'éditeur écrirait une couleur fixe, illisible en thème clair : laisser celle-ci. */
.entry-content mark {
  background: none;
  color: var(--altaira-keyword);
}

/* Mention sous le formulaire de contact (à quoi servent les données, lien vers la confidentialité) : discrète,
   dans le texte atténué de la charte, dont le contraste est vérifié par tools/check_contrast.py. */
.altaira-form-notice {
  margin-top: var(--wp--preset--spacing--20);
  color: var(--altaira-muted-text);
}

/* ------------------------------------------------------------ Encadré « Le saviez-vous ? » */
/* Style de paragraphe déclaré dans includes/style.php. Une anecdote en marge du propos : un cran plus petite que
   le texte (et non plus grande, comme la citation), sur le fond des cartes, repérée par le filet ambre des
   points clés. Texte courant sur carte : contraste vérifié par tools/check_contrast.py. */
.entry-content .is-style-altaira-note {
  margin-block: var(--wp--preset--spacing--30);
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  border-left: var(--feature-rule-width) solid var(--altaira-keyword);
  background-color: var(--sydney-global-color-7);
  font-size: var(--wp--preset--font-size--compact);
}

/* ------------------------------------------------------------ Notes de bas d'article */
/* Les sources (bloc Notes de bas de page) : séparées de la conclusion par de l'espace et un filet très léger
   (la couleur des bordures de la charte), dans la plus petite taille de l'échelle et le ton atténué, pour
   qu'on ne les lise pas comme la suite du texte. */
.entry-content .wp-block-footnotes {
  margin-top: var(--wp--preset--spacing--50);
  padding-top: var(--wp--preset--spacing--30);
  border-top: 1px solid var(--sydney-global-color-8);
  color: var(--altaira-muted-text);
  font-size: var(--wp--preset--font-size--small);
}

/* ------------------------------------------------------------ Listes */
/* Puces dans l'ambre des points clés : même repère visuel d'une page à l'autre. */
.entry-content .wp-block-list > li::marker {
  color: var(--altaira-keyword);
}

/* ------------------------------------------------------------ Carte du bureau (.altaira-map, page Contact) */
/* Image OpenStreetMap, claire par nature : en thème sombre, couleurs inversées puis teinte rétablie (le repère
   ambre reste ambre), pour ne pas éblouir. */
.altaira-map img,
.altaira-portrait img {
  border-radius: 20px; /* même arrondi que les emplacements d'image (css/components.css) */
}

:root:not([data-theme='light']) .altaira-map img {
  filter: invert(0.92) hue-rotate(180deg);
}

/* ------------------------------------------------------------ Icônes sociales (bloc WordPress, style « logos ») */
/* L'ambre de la charte plutôt que la couleur de chaque marque (bleu LinkedIn…), dans les deux thèmes ; le
   sélecteur bat celui de WordPress (.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin). */
.wp-block-social-links.is-style-logos-only li.wp-social-link {
  color: var(--sydney-global-color-1);
}

/* ------------------------------------------------------------ Colonnes « Image à droite » */
/* Style de bloc déclaré par includes/style.php. 782px : largeur à partir de laquelle WordPress cesse
   d'empiler les colonnes ; en dessous, l'image (première colonne) reste au-dessus du texte. */
@media (min-width: 782px) {
  .wp-block-columns.is-style-media-right {
    flex-direction: row-reverse;
  }
}