/* --- Cookie Banner --- */
#cookie-banner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;

  /* Layout & spacing */
  padding: 1.25rem 1rem;
  background: #222;
  color: #fff;
  z-index: 9999; /* keep it above everything else */

  /* Subtle shadow */
  box-shadow: 0 -2px 12px rgba(0,0,0,0.3);

  /* For smooth show/hide */
  transition: opacity 0.25s ease, transform 0.25s ease;

  /* Prevent it blocking clicks while JS hides it */
  pointer-events: auto;
}

/* Optional: inner container max-width */
.cookie-banner__inner {
  max-width: 900px;
  margin: 0 auto;
}

/* Buttons */
#cookie-banner .btn {
  background: #fff;
  border: none;
  color: #222;
  padding: 0.5rem 1rem;
  cursor: pointer;
  margin-right: 0.5rem;
  border-radius: 4px;
  font-size: 0.9rem;
}

#cookie-banner .btn--secondary {
  background: #555;
  color: #fff;
}

/* Optional: hide animation */
#cookie-banner.hide {
  opacity: 0;
  transform: translateY(100%);
  pointer-events: none;
}