/* Search and Typeahead Component Styles */

/* Search Box Styles */
.fnd_searchbox {
  /* Base styles inherited from core */
}

#fnd_searchbox {
  /* Specific search box styles */
}

.searchBar {
  /* Search bar container styles */
}

label[for=fnd_searchbox] {
  position: absolute;
}

.fnd_button {  
  width: 3rem;
}

/* Search Input State */
.search-input-isupdated {
  background-color: rgb(var(--color-warning))!important;
}

/* Search Progress */
.search-progress {
  height: var(--prg-bar-h);
  max-height: var(--prg-bar-h);
  border-top-right-radius: 6px!important;
  background: rgb(var(--color-canvas));
  background: linear-gradient(90deg, rgba(var(--color-canvas), 0) 0%, rgba(130,204,255,0.7652310924369747) 50%, rgba(var(--color-primary), 1) 100%);
}

.search-bg {
  height: var(--prg-bar-h);
  max-height: var(--prg-bar-h);
  position: absolute; 
  top: 0; 
  left: 33%; 
  width: 67%;
  animation-timing-function: ease-in-out;
  animation-duration: 0.5s;
  background: rgb(var(--color-canvas));
  background: linear-gradient(90deg, rgba(var(--color-canvas), 0) 0%, rgba(var(--color-canvas), 1) 20%, rgba(var(--color-canvas), 1) 100%);
}

.search-progress-badge {
  z-index: 110;
  top: -5px!important;
  cursor: default;
  animation-timing-function: ease-in-out;
  animation-duration: 0.5s;
}

.search-progress-badge-1 {
  background-color: rgba(var(--grey-100), 1);
}

.search-progress-badge-2 {
  background-color: rgba(var(--color-primary), 0.05);
}

.search-progress-badge-3 {
  background-color: rgba(var(--color-primary-active), 0.1);
}

.search-progress-button {
  border-top-right-radius: 0;
  border: 0px none!important;
}

/* Search Buttons */
.filter-button {
  z-index: 101!important;
  border: var(--search-buttons-border);
  width: 45px;
}

.search-button-fulltext {
  animation-timing-function: ease-in-out;
  animation-duration: 0.5s;
  border: var(--search-buttons-border);
  width: 45px;
}

/* Typeahead styles removed */

#file-search-close {
  right: 3px;
  z-index: 150;
  top: 3px; 
  display: none;
}

/* Found Results Display */
.found-prefix {
  font-weight: 300;
  color: rgb(var(--color-text));
}

.found-query {
  font-weight: 400;
}