/* Custom styles for Bill's Market and Deli */

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

  /* Navbar transitions */
  #navbar {
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
  }

  #navbar.scrolled {
    background-color: rgba(255, 255, 255, 0.97);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 4px 20px rgba(0, 0, 0, 0.06);
  }

  .nav-text-white {
    color: #2a2c31;
    transition: color 0.3s ease;
  }

  .nav-text-white\/70 {
    color: rgba(42, 44, 49, 0.7);
    transition: color 0.3s ease;
  }

  #navbar:not(.scrolled) .nav-text-white {
    color: #ffffff;
  }

  #navbar:not(.scrolled) .nav-text-white\/70 {
    color: rgba(255, 255, 255, 0.7);
  }

  .nav-link {
    color: #2a2c31;
    position: relative;
    transition: color 0.3s ease;
  }

  #navbar:not(.scrolled) .nav-link {
    color: rgba(255, 255, 255, 0.85);
  }

  #navbar:not(.scrolled) .nav-link:hover {
    color: #ffffff;
  }

  .nav-link::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #ff6b35;
    transition: width 0.3s ease;
  }

  .nav-link:hover::after {
    width: 100%;
  }

  .nav-link:hover {
    color: #ff6b35;
  }

  /* Mobile menu */
  #mobile-menu-btn .nav-icon {
    color: #2a2c31;
    transition: color 0.3s ease;
  }

  #navbar:not(.scrolled) #mobile-menu-btn .nav-icon {
    color: #ffffff;
  }

  .mobile-link {
    transition: background-color 0.3s ease, color 0.3s ease;
  }

  /* Reveal animations (progressive enhancement) */
  @media (prefers-reduced-motion: no-preference) {
    .reveal {
      opacity: 0;
      transform: translateY(24px);
      transition: opacity 0.6s ease, transform 0.6s ease;
    }

    .reveal.revealed {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .reveal {
      opacity: 1;
      transform: none;
    }
  }

  /* Hero text styling */
  h1 {
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
  }

  /* Button hover effects */
  a[href="#menu"]:hover,
  a[href="tel:+17075717906"]:hover {
    transform: translateY(-1px);
  }

  /* Focus styles for accessibility */
  a:focus-visible,
  button:focus-visible {
    outline: 2px solid #ff6b35;
    outline-offset: 2px;
    border-radius: 4px;
  }

  /* Custom scrollbar */
  ::-webkit-scrollbar {
    width: 8px;
  }

  ::-webkit-scrollbar-track {
    background: #f6f6f7;
  }

  ::-webkit-scrollbar-thumb {
    background: #c4c5ca;
    border-radius: 4px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: #a1a3aa;
  }

  /* Menu item hover */
  #menu li:hover {
    background: rgba(255, 107, 53, 0.05);
    border-radius: 8px;
    padding-left: 4px;
    transition: all 0.2s ease;
  }

  /* Gallery image transitions */
  #gallery img {
    transition: transform 0.5s ease;
  }

  /* CTA section */
  #visit iframe {
    border-radius: 0 0 1rem 1rem;
  }