/* ═══════════════════════════════════════════════════════════════
   LIENS — langage « soulignement dessiné » (remplace les cercles-flèches ↗).
   · liens texte  → l'icône disparaît ; un filet fin se dessine sous le
                    libellé de gauche à droite au survol (couleur du texte,
                    donc accent/bleu via les hovers existants).
   · cartes pub   → la flèche du pied disparaît ; le survol de carte porte
                    déjà l'affordance (titre en accent + trait qui se dessine).
   Feuille transverse chargée en dernier par BaseLayout. Le display:none des
   icônes est en !important pour primer quel que soit l'ordre des CSS de page.
   ═══════════════════════════════════════════════════════════════ */

/* — 1. suppression de TOUTES les pastilles-flèches et flèches nues — */
.hero-cta-circle,
.hb-link-circle,
.about-link-circle,
.partners-link .cta-circle,
.partners-right-link .cta-circle,
.ct-submit .cta-circle,
.pub-card-arrow,
.pube-arrow,
.art-related-all svg,
.artx-related-all svg,
.artx-rel-more svg{ display:none !important; }

/* — 2. soulignement qui se dessine sous les liens TEXTE —
   le filet est un dégradé plein (currentColor) dont la largeur passe de 0 à
   100 % au survol ; padding-bottom = écart texte/filet ; align-self pour que
   le lien épouse la largeur du texte (et pas toute la colonne). */
a.partners-link,
a.partners-right-link,
button.ct-submit,
a.about-link,
a.art-related-all,
a.artx-related-all{
  align-self:flex-start;
  background-image:linear-gradient(currentColor,currentColor);
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size:0% 1px;
  padding-bottom:5px;
  transition:background-size .45s var(--ease), color .3s;
}
a.partners-link:hover,
a.partners-right-link:hover,
button.ct-submit:hover,
a.about-link:hover,
a.art-related-all:hover,
a.artx-related-all:hover{
  background-size:100% 1px;
}

/* — 3. LIENS À BARRE (même forme partout) — hero « Nous contacter »,
   pré-footer « Échangeons », et liens de bloc « Découvrir l'équipe » /
   « Toutes nos actualités ». Barre verticale accent (2px) à gauche +
   libellé en petites capitales espacées ; le texte passe accent au survol.
   Le libellé du hero est calé sur les tags « Structuration… » (padding-left). — */
a.hero-cta,
a.cta-pf-btn,
a.hb-link,
/* la carte-outil de /ressources est elle-même un <a> : son lien ne peut donc
   être qu'un <span>, et les sélecteurs a.hb-link ci-dessus l'écartaient — il
   retombait sur la forme à cercle de global.css, seul cas sur le site. */
.ot-col .hb-link,
a.cl-more{
  display:inline-flex; align-items:center; gap:13px;
  font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase;   /* MÊME registre que les eyebrows « Nos expertises » */
}
a.hero-cta{ align-self:flex-start; padding-left:10px; gap:9px; }   /* texte « Nous contacter » aligné à 69px sous « Structuration » ; barre juste à gauche, écart resserré 9px */
a.hb-link,
a.hb-link:hover,
.ot-col .hb-link,
.ot-col--live:hover .hb-link{ gap:9px; }   /* neutralise le gap:20px hérité de global.css au survol */
a.hb-link:hover,
.ot-col--live:hover .hb-link{ color:var(--accent); }
/* « Découvrir » des panneaux d'expertise : exactement le même lien à barre. */
a.cl-more,
a.cl-more:hover{ gap:9px; }
a.cl-more:hover{ color:var(--accent); }
a.hero-cta::before,
a.cta-pf-btn::before,
a.hb-link::before,
.ot-col .hb-link::before,
a.cl-more::before{
  content:''; flex:none; width:2px; height:15px; background:var(--accent);
}

/* « Lire l'article » des cartes liées : le filet suit le survol de la carte */
.artx-rel .artx-rel-more{
  background-image:linear-gradient(currentColor,currentColor);
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size:0% 1px;
  padding-bottom:4px;
  transition:background-size .45s var(--ease), color .3s;
}
.artx-rel:hover .artx-rel-more{ background-size:100% 1px; }