@import "tailwindcss";

/* Custom styles for mobile navigation */
@layer components {
  .mobile-menu-transition {
    transition: all 0.3s ease-in-out;
  }
  
  .mobile-menu-slide-down {
    animation: slideDown 0.3s ease-out;
  }
  
  @keyframes slideDown {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}