/* Search Results Page Styles */

/* Ensure search results page content stays below navbar */
#search-results-page {
  position: relative;
  z-index: 1;
}

.search-results-container {
  position: relative;
  z-index: 1;
}

/* SearchResults React component container */
#react-search-results {
  position: relative;
  z-index: 1;
  /* Ensure content doesn't overlap navbar area */
  margin-top: 0;
}

/* CRITICAL: Don't let search results block the navbar logo area */
/* Create a "safe zone" for the top-left where the logo is */
#react-search-results::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 250px; /* Logo area width */
  height: var(--nav-height, 100px);
  pointer-events: none; /* Allow clicks to pass through to logo */
  z-index: 9998; /* Below navbar but above content */
}

/* Ensure the search bar form and inputs are below navbar */
#react-search-results form,
#react-search-results input,
#react-search-results button {
  position: relative;
  z-index: 1;
}

/* Suggestions dropdown should be below navbar but above content */
#react-search-results [class*="suggestionsList"] {
  z-index: 100 !important; /* Below navbar (10000) */
}