/**
 * Search toggle styles
 */

/* Hide the search form in the breadcrumb region by default */
.region-breadcrumb .block-search-form-block {
  display: none;
}

/* Search container transitions */
#search-container {
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
  max-height: 0;
}

#search-container.active {
  max-height: 120px; /* Adjust based on your form height */
  opacity: 1;
}

/* Search toggle button active state */
#search-toggle.active {
  background-color: rgba(59, 130, 246, 0.1);
}

.dark #search-toggle.active {
  background-color: rgba(30, 64, 175, 0.5);
}

/* Search form styling */
#search-container .form-search {
  width: 100%;
  padding-left: 2.25rem;
}

#search-container .form-submit {
  background-color: #3b82f6;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
}

#search-container .form-submit:hover {
  background-color: #2563eb;
}