/* ══════════════════════════════════════════════════════════
   Effets lumineux par livre — ambiance douce uniquement
   Auteur : Mathieux Joubert
   ══════════════════════════════════════════════════════════ */

/* ── KEYFRAME ── */

@keyframes shimmer-breathe {
  0%   { background-position: 100% center; }
  50%  { background-position: 0% center; }
  100% { background-position: 100% center; }
}

/* ── SOCLE COMMUN ── */
.livre-title,
.livre-featured-title,
.livre-mini-title,
.livre-hero h1,
.page-hero h1 {
  position: relative;
  overflow: hidden;
}
.livre-title::after,
.livre-featured-title::after,
.livre-mini-title::after,
.livre-hero h1::after,
.page-hero h1::after {
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  pointer-events: none;
  z-index: 2;
  background-size: 300% 100%;
}

/* ══════════════════════════════════════════════════════════
   SOUS LE POIDS DU SILENCE — Lavande #c9a0dc
   Brume douce qui flotte : sweep lent et aérien
   ══════════════════════════════════════════════════════════ */
[data-slug="silence"] .livre-title::after,
[data-slug="silence"].livre-hero h1::after,
.livre-hero.silence h1::after {
  animation: shimmer-breathe 4.5s ease-in-out infinite;
  background-image: linear-gradient(
    88deg,
    transparent 0%, transparent 25%,
    rgba(180, 140, 200, 0.03) 28%,
    rgba(201, 160, 220, 0.20) 35%,
    rgba(201, 160, 220, 0.55) 43%,
    rgba(230, 200, 245, 0.85) 49%,
    rgba(245, 225, 255, 0.95) 50%,
    rgba(230, 200, 245, 0.85) 51%,
    rgba(201, 160, 220, 0.55) 57%,
    rgba(201, 160, 220, 0.20) 65%,
    rgba(180, 140, 200, 0.03) 72%,
    transparent 75%, transparent 100%
  );
}

/* ══════════════════════════════════════════════════════════
   CONSTELLATION D'ANTLIA — Violet #9b59b6
   Lumière mystique qui respire doucement
   ══════════════════════════════════════════════════════════ */
[data-slug="antlia"] .livre-title::after,
[data-slug="antlia"].livre-hero h1::after,
.livre-hero.antlia h1::after {
  animation: shimmer-breathe 5s ease-in-out infinite;
  background-image: linear-gradient(
    110deg,
    transparent 0%, transparent 25%,
    rgba(100, 45, 140, 0.03) 28%,
    rgba(155, 89, 182, 0.22) 35%,
    rgba(155, 89, 182, 0.58) 43%,
    rgba(210, 165, 230, 0.88) 49%,
    rgba(235, 205, 250, 0.96) 50%,
    rgba(210, 165, 230, 0.88) 51%,
    rgba(155, 89, 182, 0.58) 57%,
    rgba(155, 89, 182, 0.22) 65%,
    rgba(100, 45, 140, 0.03) 72%,
    transparent 75%, transparent 100%
  );
}

/* ══════════════════════════════════════════════════════════
   LES ANIMAUX MÉCONNUS ET FASCINANTS — Vert #7bc67e
   Sweep doux et naturel — vivant, organique
   ══════════════════════════════════════════════════════════ */
[data-slug="animaux-fascinants"] .livre-title::after,
[data-slug="animaux-fascinants"].livre-hero h1::after,
.livre-hero.animaux-fascinants h1::after {
  animation: shimmer-breathe 3.8s ease-in-out infinite;
  background-image: linear-gradient(
    88deg,
    transparent 0%, transparent 28%,
    rgba(90, 180, 95, 0.03) 31%,
    rgba(123, 198, 126, 0.22) 37%,
    rgba(123, 198, 126, 0.58) 44%,
    rgba(180, 230, 182, 0.88) 49%,
    rgba(215, 248, 217, 0.96) 50%,
    rgba(180, 230, 182, 0.88) 51%,
    rgba(123, 198, 126, 0.58) 56%,
    rgba(123, 198, 126, 0.22) 63%,
    rgba(90, 180, 95, 0.03) 69%,
    transparent 72%, transparent 100%
  );
}

/* ══════════════════════════════════════════════════════════
   prefers-reduced-motion
   ══════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
  .livre-title, .livre-featured-title, .livre-mini-title,
  .livre-hero h1, .page-hero h1 { overflow: visible; }
  .livre-title::after, .livre-title::before,
  .livre-featured-title::after,
  .livre-mini-title::after,
  .livre-hero h1::after, .livre-hero h1::before,
  .page-hero h1::after { display: none !important; }
}