/* ==================== AI STUDIO TAB ENHANCEMENT ==================== */
.sticky-header-wrapper .filter-pill.ai-studio-tab {
  position: relative;
  background: linear-gradient(135deg, rgba(136, 183, 64, 0.08) 0%, rgba(47, 113, 158, 0.08) 100%);
  border: 2px solid transparent;
  background-clip: padding-box;
  overflow: hidden;
}

.sticky-header-wrapper .filter-pill.ai-studio-tab::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));
  border-radius: 8px;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s;
}

.sticky-header-wrapper .filter-pill.ai-studio-tab::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, rgba(136, 183, 64, 0.3) 0%, transparent 70%);
  transform: translate(-50%, -50%) scale(0);
  animation: ai-pulse 3s ease-in-out infinite;
  pointer-events: none;
}

@keyframes ai-pulse {
  0%, 100% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
    opacity: 0.5;
  }
}

.sticky-header-wrapper .filter-pill.ai-studio-tab:hover {
  background: linear-gradient(135deg, rgba(136, 183, 64, 0.15) 0%, rgba(47, 113, 158, 0.15) 100%);
  transform: translateY(-2px);
  box-shadow: 0 3.6px 10.8px rgba(136, 183, 64, 0.3);
}

.sticky-header-wrapper .filter-pill.ai-studio-tab:hover::before {
  opacity: 1;
}

.sticky-header-wrapper .filter-pill.ai-studio-tab.active {
  background: var(--gradient-color);
  color: white;
  box-shadow: 0 3.6px 14.4px rgba(136, 183, 64, 0.4), 0 0 18px rgba(136, 183, 64, 0.2);
  animation: ai-tab-glow 2s ease-in-out infinite;
}

@keyframes ai-tab-glow {
  0%, 100% {
    box-shadow: 0 3.6px 14.4px rgba(136, 183, 64, 0.4), 0 0 18px rgba(136, 183, 64, 0.2);
  }
  50% {
    box-shadow: 0 3.6px 18px rgba(136, 183, 64, 0.6), 0 0 27px rgba(136, 183, 64, 0.3);
  }
}

.sticky-header-wrapper .filter-pill.ai-studio-tab .ai-badge-glow {
  position: absolute;
  top: -6px;
  right: -6px;
  background: linear-gradient(135deg, #ff6b6b, #ee5a6f);
  color: white;
  font-size: 0.6rem;
  font-weight: 700;
  padding: 0.135rem 0.315rem;
  border-radius: 9px;
  box-shadow: 0 1.8px 7.2px rgba(255, 107, 107, 0.4);
  animation: ai-badge-float 2s ease-in-out infinite;
  letter-spacing: 0.5px;
}

@keyframes ai-badge-float {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-2.7px) scale(1.05);
  }
}

/* ==================== ENHANCED AI SEARCH BOX ==================== */
.ai-search-box {
  position: relative;
  background: white;
  border: 2px solid transparent;
  background-image: linear-gradient(white, white), 
                    linear-gradient(135deg, var(--gray-300), var(--gray-300));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.ai-search-box::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(135deg, var(--secondary-color), var(--primary-color), var(--secondary-color));
  background-size: 200% 200%;
  border-radius: 14.4px;
  z-index: -1;
  opacity: 0;
  animation: ai-search-gradient 3s ease infinite;
  transition: opacity 0.4s;
}

@keyframes ai-search-gradient {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

.ai-search-box:focus-within::before {
  opacity: 1;
}

.ai-search-box:focus-within {
  box-shadow: 0 0 0 4px rgba(136, 183, 64, 0.15),
              0 7.2px 21.6px rgba(47, 113, 158, 0.2),
              0 0 36px rgba(136, 183, 64, 0.1);
  transform: translateY(-0.9px);
}

.ai-search-box.search-active {
  box-shadow: 0 0 0 4px rgba(136, 183, 64, 0.2),
              0 7.2px 28.8px rgba(136, 183, 64, 0.3),
              0 0 54px rgba(136, 183, 64, 0.15);
}

/* Enhanced AI Pulse Ring */
.ai-pulse-ring {
  position: absolute;
  width: 31.5px;
  height: 31.5px;
  border-radius: 50%;
  background: var(--gradient-color);
  opacity: 0.2;
  animation: ai-pulse-ring 2.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes ai-pulse-ring {
  0%, 100% {
    transform: scale(0.9);
    opacity: 0.4;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.1;
  }
}

/* Enhanced Search Icon */
.search-icon-ai {
  font-size: 1.125rem;
  background: var(--gradient-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  z-index: 1;
  animation: ai-sparkle 3s ease-in-out infinite;
  filter: drop-shadow(0 0 8px rgba(136, 183, 64, 0.3));
}

@keyframes ai-sparkle {
  0%, 100% {
    filter: drop-shadow(0 0 7.2px rgba(136, 183, 64, 0.3)) brightness(1);
  }
  50% {
    filter: drop-shadow(0 0 10.8px rgba(136, 183, 64, 0.5)) brightness(1.3);
  }
}

/* Search Input Enhancement */
.search-input-ai {
  font-weight: 500;
  letter-spacing: 0.2px;
}

.search-input-ai::placeholder {
  background: linear-gradient(135deg, var(--gray-500), var(--gray-600));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}