/* ==========================================================================
   06 - Actualités : articles sans fiche et liens externes
   Lot 6. Trois comportements de vignette doivent se distinguer à l'œil :
     1. contenu interne  -> vignette cliquable, rien de particulier
     2. lien externe     -> icône de lien sortant, nouvel onglet
     3. sans contenu     -> vignette non cliquable, pas de page blanche
   « pas évident qu'il y ait un lien à cliquer dans le titre ».
   ========================================================================== */

/* --- 2. Signalement d'un lien sortant -------------------------------------
   Icône dessinée en masque SVG inline, pour ne pas ajouter de fichier. */

.lm-external > .elementor-post__title::after,
.lm-external .lm-tile__title::after,
a.lm-external::after {
  content: "";
  display: inline-block;
  width: .7em;
  height: .7em;
  margin-left: .35em;
  vertical-align: baseline;
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 3h7v7h-2V6.4l-8.3 8.3-1.4-1.4L17.6 5H14V3zM5 5h5v2H7v10h10v-3h2v5H5V5z"/></svg>') no-repeat center / contain;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 3h7v7h-2V6.4l-8.3 8.3-1.4-1.4L17.6 5H14V3zM5 5h5v2H7v10h10v-3h2v5H5V5z"/></svg>') no-repeat center / contain;
}

/* Pastille en surimpression sur l'image, comme dans la maquette
   (ArticleGrid.tsx, badge ExternalLink en haut à droite). */
.lm-tile--external .lm-tile__media {
  position: relative;
}

.lm-tile--external .lm-tile__media::after {
  content: "";
  position: absolute;
  top: .5rem;
  right: .5rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: var(--lm-radius);
  background-color: rgba(255, 255, 255, .9);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%236D6284"><path d="M14 3h7v7h-2V6.4l-8.3 8.3-1.4-1.4L17.6 5H14V3zM5 5h5v2H7v10h10v-3h2v5H5V5z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: .875rem;
}

/* Mention textuelle sous le titre, doublure de l'icône pour les lecteurs
   qui ne perçoivent pas l'icône seule. */
.lm-external-note {
  display: block;
  margin-top: .15rem;
  font-size: .6875rem;
  color: var(--lm-muted);
}

/* --- 3. Vignette non cliquable --------------------------------------------
   On retire l'affordance de lien : pas de curseur main, pas de soulignement,
   pas d'effet de survol. La carte reste lisible, elle porte l'information. */

.lm-stub,
.lm-stub a,
.lm-stub .elementor-post__title,
.lm-stub .elementor-post__title a,
.lm-stub .elementor-post__thumbnail__link {
  cursor: default;
  pointer-events: none;
  text-decoration: none;
  color: var(--lm-foreground);
}

.lm-stub:hover {
  border-color: var(--lm-border);
  box-shadow: none;
}

.lm-stub .lm-tile__media img,
.lm-stub:hover .lm-tile__media img {
  transform: none;
}

/* --- Listes d'actualités et d'évènements : AFFICHAGE INCHANGÉ --------------
   Arbitrage de Philippe, 07/09/2026 : les listes d'actualités, d'évènements et
   de recherches gardent le rendu actuel du site. On ne leur impose ni le cadre,
   ni le survol, ni la vignette « titre seul » de la maquette, et surtout ON NE
   MASQUE PAS LES EXTRAITS : ce sont de vrais contenus rédigés par Valérie.

   Ces listes héritent donc uniquement des fondations du lot 1, comme le reste
   du site : Source Sans 3, couleurs et filets du design system. C'est voulu.

   Seul le lot 6 s'applique ici, et il ne change pas la mise en page, seulement
   le comportement au clic :
     - .lm-has-external-link  icône de lien sortant   (voir plus bas)
     - .lm-stub               vignette non cliquable  (voir plus haut)
   -------------------------------------------------------------------------- */

/* --- Marquage posé côté PHP par le filtre post_class ----------------------
   inc/breves.php ajoute .lm-has-external-link et .lm-tile--external sur la
   CARTE (l'élément article), pas sur l'ancre. Le script de front, lui, pose
   .lm-external sur l'ancre elle-même. Les deux chemins mènent au même rendu,
   selon que le widget passe ou non par post_class. */

.lm-has-external-link .elementor-post__title a::after,
.lm-has-external-link .lm-tile__title::after {
  content: "";
  display: inline-block;
  width: .7em;
  height: .7em;
  margin-left: .35em;
  vertical-align: baseline;
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 3h7v7h-2V6.4l-8.3 8.3-1.4-1.4L17.6 5H14V3zM5 5h5v2H7v10h10v-3h2v5H5V5z"/></svg>') no-repeat center / contain;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 3h7v7h-2V6.4l-8.3 8.3-1.4-1.4L17.6 5H14V3zM5 5h5v2H7v10h10v-3h2v5H5V5z"/></svg>') no-repeat center / contain;
}