/* =========================================================
   ChouettIA — Vignettes des démos écoles (demos.html)
   Chargée après styles.css, uniquement par demos.html.
   Remplace le dégradé abstrait de la carte « Circulaires FWB »
   par une vraie capture de la démo.
   ========================================================= */

.demo-card__thumb--rag {
  justify-content: flex-end;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(to top, rgba(8, 20, 34, 0.45) 0%, rgba(8, 20, 34, 0.08) 45%, rgba(8, 20, 34, 0) 70%),
    url(../img/demo-circulaires.webp);
}
/* Les traits « squelette » n'ont plus de sens sur une capture réelle. */
.demo-card__thumb--rag .demo-card__thumb-line { display: none; }
.demo-card__thumb--rag .demo-card__thumb-brand {
  color: #fff;
  position: relative;
  z-index: 2;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
}

.demo-card__thumb--ecole {
  justify-content: flex-end;
  background-size: cover;
  background-position: top left;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(to top, rgba(8, 14, 32, 0.45) 0%, rgba(8, 14, 32, 0.08) 45%, rgba(8, 14, 32, 0) 70%),
    url(../img/demo-portail.webp);
}
.demo-card__thumb--ecole .demo-card__thumb-line { display: none; }
.demo-card__thumb--ecole .demo-card__thumb-brand {
  color: #fff;
  position: relative;
  z-index: 2;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
}

/* La capture nomme déjà la démo, et le titre de la carte la répète :
   le libellé superposé n'apporte rien et masque les icônes. */
.demo-card__thumb--rag .demo-card__thumb-brand,
.demo-card__thumb--ecole .demo-card__thumb-brand { display: none; }