/* Custom styles to complement Tailwind */
body {
    font-family: 'Inter', sans-serif;
  }
  
  .hero-section {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/images/hero.jpg');
    background-size: cover;
    background-position: center;
  }
  
  img {
    max-width: 100%;
    height: auto;
  }
  
  /* Dropdown styles */
  .dropdown-toggle {
    pointer-events: auto;
    user-select: none;
  }
  
  nav, .dropdown-toggle, .dropdown-menu {
    pointer-events: auto;
    z-index: 50;
  }
  
  .submenu {
    z-index: 60;
  }
  
  /* Positioning for desktop dropdowns */
  .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 12rem;
  }
  
  .submenu .dropdown-menu {
    left: 100%;
    top: 0;
    transform: translateX(0);
  }
  
  /* Mobile menu adjustments */
  @media (max-width: 768px) {
    .dropdown-menu {
      position: static;
      transform: none;
      width: 100%;
      background-color: #f9fafb;
      border-radius: 0.5rem;
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
    }
    .submenu .dropdown-menu {
      margin-left: 1rem;
    }
  }