/* ══ COOKIE CONSENT ═══════════════════════════════════════ */

#cookie-banner {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  background: #141414;
  border-top: 1px solid #272727;
  z-index: 9999;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 12px;
  color: #5c5855;
  padding: 16px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  transform: translateY(100%);
  transition: transform 0.3s ease;
}

#cookie-banner.visible {
  transform: translateY(0);
}

#cookie-banner p {
  margin: 0;
  flex: 1;
  min-width: 200px;
  line-height: 1.6;
}

#cookie-banner a {
  color: #5c5855;
  text-decoration: underline;
}

#cookie-banner a:hover {
  color: #f0ede8;
}

.cookie-actions {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
  flex-wrap: wrap;
}

.cookie-btn-accept {
  background: #e8001f;
  color: #fff;
  border: none;
  font-family: 'Barlow Condensed', 'IBM Plex Sans', sans-serif;
  font-weight: 700;
  font-size: 12px;
  padding: 8px 18px;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s;
}

.cookie-btn-accept:hover {
  background: #ff3347;
}

.cookie-btn-necessary {
  background: none;
  color: #5c5855;
  border: 1px solid #272727;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  padding: 8px 14px;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 0.15s, color 0.15s;
}

.cookie-btn-necessary:hover {
  border-color: #5c5855;
  color: #a8a49e;
}

@media (max-width: 600px) {
  #cookie-banner { padding: 14px 20px; }
  .cookie-actions { width: 100%; }
  .cookie-btn-accept, .cookie-btn-necessary { flex: 1; text-align: center; }
}