/* Search and Pagefind styles - moved from inline styles in baseof.html */

/* Minimal styling to fix container issues without breaking pagefind's functionality */
.pagefind-ui {
  position: relative;
  width: 100%;
}

/* Only fix the search panel container - let pagefind handle the rest */
.search-panel {
  overflow: visible; /* Allow pagefind to manage its own overflow */
}

/* Ensure the search input has a proper background */
.pagefind-ui__search-input {
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
}

/* Basic styling for results container - minimal interference */
.pagefind-ui__results {
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  max-height: 400px;
  overflow-y: auto;
}

/* Ensure results are visible and clickable */
.pagefind-ui__result {
  background: white;
  cursor: pointer !important;
  padding: 0 !important;
}

.pagefind-ui__result:hover {
  background: #f5f5f5;
}

/* Hide excerpts to keep results clean */
.pagefind-ui__result-excerpt {
  display: none !important;
}

.pagefind-ui__result-inner {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

.pagefind-ui__result-title {
  width: 100% !important;
}

/* Style the result links */
.pagefind-ui__result-link {
  font-weight: bold !important;
  font-size: 16px !important;
  color: #333 !important;
  text-decoration: none !important;
  display: block !important;
  padding: 6px 6px !important;
  width: 100% !important;
  cursor: pointer !important;
  text-align: left !important;
}

.pagefind-ui__result-link:hover {
  color: #007bff !important;
  text-decoration: underline !important;
}