/* MVP Template - Standardized CSS */

/* Accessibility focus styles */
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
  outline: 2px solid #4299e1;
  outline-offset: 2px;
}

/* Animation for page elements */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

section {
  animation: fadeIn 0.5s ease-out;
}

/* Responsive improvements */
@media (max-width: 640px) {
  h1 {
    font-size: 2rem;
  }
  h2 {
    font-size: 1.5rem;
  }
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* Cookie banner improvements */
#cookie-banner {
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}

#cookie-banner button {
  transition: all 0.2s ease;
}

/* Footer link hover effects */
footer a {
  transition: color 0.2s ease;
}

footer a:hover {
  color: #90cdf4;
}

/* Print styles for better accessibility */
@media print {
  body {
    background: white;
    color: black;
  }
  
  header, footer, #cookie-banner {
    display: none;
  }
  
  main {
    width: 100%;
    padding: 0;
  }
  
  a {
    color: black;
    text-decoration: underline;
  }
}