/* cookie-banner.css — append/include with main styles.css */

.cookie-banner {
  position: fixed; bottom: 20px; left: 20px; right: 20px;
  max-width: 460px; z-index: 1000;
  background: #2a1f4a; color: #f0eaff;
  border-radius: 16px; padding: 22px 26px;
  box-shadow: 0 20px 50px -15px rgba(0,0,0,0.5);
  font-family: "Geist", system-ui, sans-serif; font-size: 13.5px; line-height: 1.55;
  transform: translateY(120%); opacity: 0;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s;
}
.cookie-banner.show { transform: translateY(0); opacity: 1; }
.cookie-banner h4 {
  font-family: "Source Serif 4", serif; font-weight: 400; font-size: 18px;
  margin: 0 0 6px; letter-spacing: -0.3px;
}
.cookie-banner h4 em { font-style: italic; color: #d4ff4d; }
.cookie-banner p { margin: 0 0 14px; opacity: 0.85; }
.cookie-banner a { color: #d4ff4d; text-decoration: underline; text-underline-offset: 2px; }
.cookie-banner .actions { display: flex; gap: 8px; flex-wrap: wrap; }
.cookie-banner button {
  appearance: none; border: 0; cursor: pointer;
  padding: 10px 18px; border-radius: 9px;
  font-family: "Geist", sans-serif; font-size: 13px; font-weight: 500;
  transition: background 0.15s;
}
.cookie-banner .btn-accept { background: #d4ff4d; color: #2a1f4a; }
.cookie-banner .btn-accept:hover { background: #b8e63a; }
.cookie-banner .btn-decline { background: transparent; color: #f0eaff; border: 1px solid rgba(240,234,255,0.3); }
.cookie-banner .btn-decline:hover { background: rgba(240,234,255,0.1); }
.cookie-banner .btn-settings { background: transparent; color: rgba(240,234,255,0.7); padding: 10px 12px; }
.cookie-banner .btn-settings:hover { color: #f0eaff; }

@media (max-width: 600px) {
  .cookie-banner { left: 12px; right: 12px; bottom: 12px; padding: 18px 20px; }
}