.joynav {
  @apply fixed top-0 left-0 right-0 z-[1040] w-full bg-white text-red-600 border-b border-t border-gray-200 p-0 m-0;
}
.search-popup {
  @apply fixed top-0 left-0 w-full h-full bg-black bg-opacity-50 flex items-center justify-center opacity-0 pointer-events-none transition-all duration-300 z-[1000];
}
.search-popup.active {
  @apply opacity-100 pointer-events-auto;
}
.popup-content {
  @apply bg-white p-6 rounded-lg shadow-lg max-w-lg w-full;
}
.form-control {
  @apply w-full p-2 border border-gray-300 rounded;
}
.btn {
  @apply p-2 bg-red-600 text-white rounded;
}
.nav-link {
  @apply text-red-600;
}
.nav-link:hover {
  @apply text-black;
}
.dropdown-menu {
  @apply border-none shadow-none;
}
.dropdown-item:hover {
  @apply bg-red-600;
}

/* --- MOBILE NAVBAR ADJUSTMENTS --- */
@media (max-width: 768px) {
  .joynav .max-w-7xl {
    flex-direction: row !important;
    align-items: center !important;
  }
  /* Group burger, search and logo together on left */
  .joynav .flex.items-center.md\:hidden {
    order: -1;
  }
  .joynav .flex-shrink-0.ml-2 {
    margin-left: 0.5rem !important;
  }
}