/* ========================================
   Search Button Integration in Header
   ======================================== */

/* Position search button in header logo-switches */
.logo-switches {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* Ensure search button aligns with theme toggle */
.logo-switches .search-trigger {
  order: -1; /* Place before theme toggle */
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .logo-switches .search-trigger span {
    display: none; /* Hide text on mobile */
  }

  .logo-switches .search-trigger {
    padding: 0.5rem;
  }
}