/* Slide-in avec fade */
@keyframes slideInRight {
  0% { transform: translateX(100%); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}

/* Slide-out avec fade */
@keyframes slideOutRight {
  0% { transform: translateX(0); opacity: 1; }
  100% { transform: translateX(100%); opacity: 0; }
}

/* Mini-fiche */
.mini-fiche {
  position: fixed;
  top: 10px;
  right: 0;
  width: 300px;
  border-radius: 12px 0 0 12px;
  overflow: hidden;
  z-index: 9999;
  cursor: pointer;
  animation: slideInRight 0.6s ease-out forwards;
}

/* Fond semi-transparent */
.mini-fiche::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(251, 230, 205, 0.8);
  z-index: -1;
  border-radius: 12px 0 0 12px;
}

.mini-fiche img {
  width: 100%;
  display: block;
  opacity: 0.8; /* juste l'image */
  transition: transform 0.3s;
}

.mini-fiche-content { padding: 15px; }
.mini-fiche h2 { margin:0 0 10px 0; font-size:1.3em; color:#333; }
.mini-fiche p { margin:8px 0; font-size:0.95em; color:#555; line-height:1.4; }
.mini-fiche a { color: #1a0dab; text-decoration: none; font-weight: bold; }
.mini-fiche a:hover { text-decoration: underline; }