/* Styles personnalisés minimaux pour compléter Tailwind */
@media (max-width: 768px) {
    .action-buttons {
      justify-content: center;
    }
    
    .action-buttons a {
      flex: 1 1 100%;
      max-width: 300px;
    }
  }
  
  /* Amélioration des transitions pour une meilleure expérience utilisateur */
  .action-buttons a {
    transform: translateY(0);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
  }
  
  .action-buttons a:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }
  
  /* Assure que les images se chargent de manière visuellement agréable */
  img[loading="lazy"] {
    opacity: 0;
    animation: fadeIn 0.5s ease-in-out forwards;
  }
  
  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }