#cookie-banner {
  position: fixed;
  bottom: -200px; /* caché en bas */
  left: 0;
  width: 100%;
  background: var(--dark-grey-color);
  color: white;
  padding: 1rem;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
  text-align: center;
  transition: bottom 0.6s ease;
  z-index: 9999;
}

#cookie-banner.active {
  bottom: 0; /* apparaît */
}

#cookie-banner.hidden {
  bottom: -200px; /* redescend */
}

/* Responsive cookie banner */
@media (max-width: 768px) {
  #cookie-banner > div {
    flex-direction: column;     /* texte au-dessus des boutons */
    text-align: center;         /* texte centré */
    gap: 1rem;                  /* espace entre texte et boutons */
  }

  #cookie-banner p {
    margin-bottom: 1rem;        /* petit espace sous le texte */
  }

  #cookie-banner div:last-child {
    justify-content: center;    /* centrer les boutons */
  }
}