/* Header Custom Styles - Neutral Theme */

/* Navigation Menu Styles */
.nav-link-modern {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #d1d5db; /* text-gray-300 */
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
}

.nav-link-modern:hover {
  color: #ffffff; /* text-white */
  background-color: #374151; /* bg-gray-700 */
}

.nav-link-modern.active {
  color: #ffffff; /* text-white */
  background-color: #374151; /* bg-gray-700 */
}

/* Mobile navigation styling */
.mobile-nav-link {
  color: #4b5563 !important;
  transition: all 0.3s ease !important;
}

.mobile-nav-link:hover,
.mobile-nav-link.active {
  background-color: #f3f4f6 !important;
  color: #374151 !important;
}

/* Sticky header override - remove red border */
.header-scrolled {
  border-bottom: 4px solid #e5e7eb !important; /* Neutral gray border */
}

/* Search Suggestions */
.search-suggestion {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  background-color: #374151; /* bg-gray-700 */
  color: #d1d5db; /* text-gray-300 */
  border: none;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.search-suggestion:hover {
  background-color: #4b5563; /* bg-gray-600 */
  color: #ffffff; /* text-white */
}

/* News Ticker Animations */
@keyframes scrollNews {
  0% {
    transform: translateZ(0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

.animate-scroll-news {
  animation: scrollNews 40s linear infinite;
  animation-delay: 0s;
  backface-visibility: hidden;
  transform: translateZ(0);
  will-change: transform;
}

.ticker-wrapper:hover .animate-scroll-news:not(.paused) {
  animation-play-state: paused;
}

@keyframes slideAcross {
  0% {
    opacity: 0;
    transform: translateX(-200px) skewX(-12deg);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(200px) skewX(-12deg);
  }
}

.animate-slide-across {
  animation: slideAcross 3s ease-in-out infinite;
}

/* Custom utility classes */
.max-w-\[200px\] {
  max-width: 200px;
}

/* Ensure proper z-index for sticky header */
.site-header {
  z-index: 9999;
}

/* Fix for WordPress menu structure */
.wp-nav-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wp-nav-menu > li {
  display: inline-flex;
}

.wp-nav-menu a {
  text-decoration: none;
}

/* Override WordPress default menu styles */
.menu > li > a {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #d1d5db;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
}

.menu > li > a:hover {
  color: #ffffff;
  background-color: #374151;
}