/**
 * Cookie Popup Styles
 * Additional styles for cookie consent popup
 */

.cookie-popup {
  backdrop-filter: blur(2px);
  box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.06);
}

.cookie-popup.show {
  transform: translateY(0);
}

.cookie-popup button {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.cookie-popup button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

#cookie-preferences {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

#cookie-preferences:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

#cookie-preferences:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

/* Mobile optimizations */
@media (max-width: 768px) {
  .cookie-popup .flex-col {
    gap: 1rem;
  }
  
  .cookie-popup button {
    width: 100%;
    justify-content: center;
  }
  
  #cookie-preferences {
    bottom: 1rem;
    left: 1rem;
    padding: 0.75rem;
  }
}

/* Animation for entrance */
@keyframes slideUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.cookie-popup.show {
  animation: slideUp 0.5s ease-out;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  .cookie-popup {
    border: 2px solid white;
  }
  
  .cookie-popup button {
    border: 2px solid currentColor;
  }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .cookie-popup,
  .cookie-popup *,
  #cookie-preferences {
    transition: none;
    animation: none;
  }
}