/* Contenu derrière le paywall (flouté/grisé) *
[data-poool] {
  /*filter: blur(4px);       /* applique un effet de flou *
  opacity: 0.6;            /* rend le texte plus clair *
  pointer-events: none;    /* empêche de sélectionner ou cliquer *
  user-select: none;
  transition: filter 0.3s ease, opacity 0.3s ease;
}

/* Quand l'article est débloqué par Poool *
.poool-unlocked [data-poool] {
  filter: none;
  opacity: 1;
  pointer-events: auto;
  user-select: auto;
}*/
/* Contenu masqué : même effet visuel */
#poool-widget{
     margin-top: -55px;
     margin-bottom: 55px;
}

/* Contenu protégé */
#article-content-poool.poool-locked {
  position: relative;
  /* on garde le texte lisible, pas de blur global ici */
}

/* Voile dégradé qui "flotte" progressivement le texte vers le bas */
#article-content-poool.poool-locked::after {
  content: "";
  position: absolute;
  inset: 0;                 /* couvre tout le bloc */
  pointer-events: none;     /* ne bloque pas la page */
  /* dégradé : transparent en haut -> blanc en bas */
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.0) 50%,
    rgba(255,255,255,0.75) 80%,
    rgba(255,255,255,1) 100%
  );
  /* léger flou appliqué au backdrop (si supporté) */
  backdrop-filter: blur(2px);
}

/* Option : désactive la sélection/les clics pendant le lock */
#article-content-poool.poool-locked * {
  user-select: none;
  pointer-events: none;
}

/* Quand Poool a débloqué, on enlève tout l'effet */
body.poool-unlocked #article-content-poool {
  filter: none;
  pointer-events: auto;
  user-select: auto;
}