/* VetNet global search — loaded via Static Resource + headMarkup for reliable delivery */
/* ========== Global search results (/global-search/[query]) — SLDS tokens ========== */
/*
 * Typography + layout chrome match between "All" (.resultsItem) and single-scope tabs
 * (.forceSearchResultsRegion .resultsWrapper), where Salesforce skips .resultsItem.
 */

/* 1. Page background */
.forceCommunitySearch {
  background-color: #F3F2F2 !important;
  padding: 16px 12px 32px 12px !important;
  box-sizing: border-box !important;
}

/* Hide standard Aura search publisher (duplicate + often non-editable with custom layout/CSS). Editable search is vetnet_GlobalSearchContext LWC above results. */
.forceCommunitySearch > .forceCommunitySearchBox {
  display: none !important;
}

/* 2. Sidebar */
.forceCommunitySearch .slds-border_right.slds-medium-size_1-of-6 {
  background-color: #FFFFFF !important;
  border-right: 1px solid #DDDBDA !important;
}
.forceCommunitySearch .forceSearchScopesList .slds-nav-vertical__item .scopesItem,
.forceCommunitySearch .slds-nav-vertical__item .scopesItem,
.forceCommunitySearch a.scopesItem {
  color: #444444 !important;
  padding: 10px 12px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
}
.forceCommunitySearch .forceSearchScopesList .slds-nav-vertical__item:hover .scopesItem,
.forceCommunitySearch .slds-nav-vertical__item:hover .scopesItem,
.forceCommunitySearch .forceSearchScopesList .slds-nav-vertical__item:hover a.scopesItem {
  background-color: #F0F7FF !important;
  color: #0176D3 !important;
}
.forceCommunitySearch .slds-is-active .scopesItem,
.forceCommunitySearch .selected .scopesItem,
.forceCommunitySearch .slds-nav-vertical__item.slds-is-active a.scopesItem {
  border-left: 3px solid #0176D3 !important;
  background-color: #EAF4FF !important;
  color: #0176D3 !important;
  font-weight: 700 !important;
}

/* 3. Section cards */
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) {
  background-color: #FFFFFF !important;
  border: 1px solid #DDDBDA !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(8, 7, 7, 0.06) !important;
  margin-bottom: 16px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* 4. Section header row */
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .forceSearchSearchResultsGridHeader {
  background-color: #FAFAF9 !important;
  border-bottom: 1px solid #DDDBDA !important;
  border-radius: 8px 8px 0 0 !important;
  padding: 12px 16px !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .searchResultsGridHeader {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .searchResultsGridHeader .leftContent h2 a,
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .searchResultsGridHeader h2 a {
  color: #080707 !important;
  text-decoration: none !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .searchResultsGridHeader .leftContent h2 a:hover,
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .searchResultsGridHeader h2 a:hover {
  color: #014486 !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .searchResultsSummary {
  background-color: #EAF4FF !important;
  color: #032D60 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 2px 8px !important;
  border-radius: 12px !important;
  display: inline-block !important;
  border: none !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .sortingInfo {
  font-size: 11.5px !important;
  color: #706E6B !important;
  font-weight: 400 !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .rightContent a {
  color: #0176D3 !important;
  font-size: 12.5px !important;
  text-decoration: none !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .rightContent a:hover {
  color: #014486 !important;
  text-decoration: underline !important;
}

/* 5. Sort bar */
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .slds-scope.forceChatterStyle--default {
  background-color: #FAFAF9 !important;
  border-bottom: 1px solid #DDDBDA !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .slds-scope.forceChatterStyle--default .slds-grid {
  padding: 6px 16px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .slds-scope.forceChatterStyle--default .slds-combobox__input,
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .slds-scope.forceChatterStyle--default button.slds-combobox__input {
  min-height: 32px !important;
  font-size: 13px !important;
  border-color: #C9C7C5 !important;
}

/* 6. Discussion feed rows */
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .compactFeedList {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .compactFeedListItem {
  border-bottom: 1px solid #F3F2F2 !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .compactFeedListItem:last-child {
  border-bottom: none !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .compactFeedListItem:hover {
  background-color: #F3F2F2 !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .compactFeedItem {
  padding: 11px 16px !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .compactFeedListItem a:not([href^="mailto:"]) {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #007caf !important;
  text-decoration: none !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .compactFeedListItem a:not([href^="mailto:"]):hover {
  color: #005683 !important;
  text-decoration: underline !important;
}
/* Body/metadata only — do not target .title.uiOutputText (nested inside link); that stole blue from discussion titles on "All" tab */
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .compactFeedItem .feedBodyInner .uiOutputText,
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .compactFeedItem .slds-text-body_small,
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) article.slds-grid .slds-text-body_small {
  font-size: 12px !important;
  color: #706E6B !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .compactFeedItem .feedBodyInner {
  color: #706E6B !important;
  font-size: 12px !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .compactFeedItem .slds-col--bump-left,
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) .compactFeedItem .slds-col_bump-left {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 14px !important;
  font-size: 12px !important;
  color: #AEAEAE !important;
}

/* 6c. Discussion feed under .forceSearchResultsRegion (Discussion scope often has no .resultsItem / .resultsWrapper in the row path; :is() rules in §6 may not match). These rules apply anytime the feed lives in the region; duplicate border/cascade with §6 is harmless. */
.forceCommunitySearch .forceSearchResultsRegion .compactFeedList {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.forceCommunitySearch .forceSearchResultsRegion .compactFeedListItem,
.forceCommunitySearch .forceSearchResultsRegion .compactFeedList > li {
  background-color: #ffffff !important;
  box-sizing: border-box !important;
}
.forceCommunitySearch .forceSearchResultsRegion .compactFeedListItem:not(:last-child),
.forceCommunitySearch .forceSearchResultsRegion .compactFeedList > li:not(:last-child) {
  border-bottom: 1px solid #f3f2f2 !important;
}
.forceCommunitySearch .forceSearchResultsRegion .compactFeedListItem:last-child,
.forceCommunitySearch .forceSearchResultsRegion .compactFeedList > li:last-child {
  border-bottom: none !important;
}
.forceCommunitySearch .forceSearchResultsRegion .compactFeedList > .compactFeedItem:not(:last-child) {
  border-bottom: 1px solid #f3f2f2 !important;
}
.forceCommunitySearch .forceSearchResultsRegion .compactFeedListItem:hover {
  background-color: #f3f2f2 !important;
}
.forceCommunitySearch .forceSearchResultsRegion .compactFeedItem {
  padding: 11px 16px !important;
}

/* 6d. Plain <li> discussion rows without .compactFeedList / .compactFeedListItem (scoped Discussion markup variant) */
.forceCommunitySearch .forceSearchResultsRegion ul > li:not(:last-child):is(:has(a[href*="/question/"]), :has(a[href*="/feed/"]), :has(a[href*="/discussion/"])) {
  border-bottom: 1px solid #f3f2f2 !important;
  background-color: #ffffff !important;
  box-sizing: border-box !important;
}

/* 6b. Topics — same primary hit type as scoped Discussions (see block 6 comment) */
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) a.outputLookupLink:not([href^="mailto:"]) {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #007caf !important;
  text-decoration: none !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) a.outputLookupLink:not([href^="mailto:"]):hover {
  color: #005683 !important;
  text-decoration: underline !important;
}

/* 7. People table */
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) table.forceRecordLayout.slds-table thead th:nth-child(2),
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) table.forceRecordLayout.slds-table tbody td:nth-child(2),
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) table.forceRecordLayout.slds-table thead th:nth-child(3),
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) table.forceRecordLayout.slds-table tbody td:nth-child(3) {
  display: none !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) table.forceRecordLayout.slds-table {
  width: 100% !important;
  border-collapse: collapse !important;
  border: none !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) table.forceRecordLayout.slds-table thead th {
  background-color: #FAFAF9 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  color: #706E6B !important;
  padding: 9px 16px !important;
  border-bottom: 2px solid #DDDBDA !important;
  border-top: none !important;
  font-weight: 600 !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) table.forceRecordLayout.slds-table thead th a {
  color: #706E6B !important;
  text-decoration: none !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) table.forceRecordLayout.slds-table tbody tr {
  border-bottom: 1px solid #F3F2F2 !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) table.forceRecordLayout.slds-table tbody tr:last-child {
  border-bottom: none !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) table.forceRecordLayout.slds-table tbody tr:hover {
  background-color: #F3F2F2 !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) table.forceRecordLayout.slds-table tbody td {
  padding: 10px 16px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  border: none !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) table.forceRecordLayout.slds-table tbody td a[href*="/profile/"] {
  color: #007caf !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) table.forceRecordLayout.slds-table tbody td a[href*="/profile/"]:hover {
  text-decoration: underline !important;
  color: #005683 !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) table.forceRecordLayout.slds-table tbody td a[href^="mailto:"] {
  color: #706E6B !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  text-decoration: none !important;
}
.forceCommunitySearch :is(.resultsItem, .forceSearchResultsRegion .resultsWrapper) table.forceRecordLayout.slds-table tbody td a[href^="mailto:"]:hover {
  text-decoration: underline !important;
}
