/* Custom styles for Micah's Home Cookin' Restaurant */

  /* Smooth scrolling */
  html {
    scroll-behavior: smooth;
  }

  /* Selection color */
  ::selection {
    background-color: rgba(245, 158, 11, 0.3);
    color: #f59e0b;
  }

  /* Scrollbar styling */
  ::-webkit-scrollbar {
    width: 8px;
  }
  ::-webkit-scrollbar-track {
    background: #1a0a1e;
  }
  ::-webkit-scrollbar-thumb {
    background: #3f1548;
    border-radius: 4px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #521a5c;
  }

  /* Reveal animations — progressive enhancement */
  @media (prefers-reduced-motion: no-preference) {
    .reveal {
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    .reveal.revealed {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Without reduced motion preference, always show content */
  @media (prefers-reduced-motion: reduce) {
    .reveal {
      opacity: 1;
      transform: none;
      transition: none;
    }
  }

  /* Navbar scroll state */
  #navbar.scrolled {
    background-color: rgba(26, 10, 30, 0.95);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(245, 158, 11, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  }

  /* Gold shimmer effect on hover for buttons */
  .bg-amber-500:hover {
    box-shadow: 0 0 20px rgba(245, 158, 11, 0.4);
  }

  /* Image hover zoom */
  img {
    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  /* Subtle glow on accent elements */
  .shadow-amber-500\/10 {
    box-shadow: 0 8px 32px rgba(245, 158, 11, 0.08);
  }

  /* Form focus states */
  input:focus, textarea:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.1);
  }

  /* Mobile menu transition */
  #mobile-menu {
    animation: slideDown 0.3s ease-out;
  }
  @keyframes slideDown {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Responsive adjustments */
  @media (max-width: 768px) {
    .font-display {
      line-height: 1.1;
    }
  }

  /* Print styles */
  @media print {
    nav, #mobile-menu-btn, button {
      display: none;
    }
    body {
      background: white;
      color: black;
    }
  }