/* =============================================================================
   17c-discovery-search-overrides.css
   v14.110 CSS REORG: moved VERBATIM out of 17-auth-flow-setup.css. Loads
   immediately after 17b. Discovery universal-search page surface/theme +
   filter/sort child pages + ShelfLine search styling (v10.364–v10.368).
   Complements (and must stay LATER in the cascade than)
   15-universal-discovery-search.css.
   ============================================================================= */

/* v10.364: Discovery top-right universal search page.
   Deep cascade fix: earlier body:not(.light-mode) rules in this same file were
   stronger than the v10.363 selectors and kept forcing #0E0E0E. TestFlight/iOS
   also uses safe-area padding, not desktop margin-top, so lift that path too.
   v10.818: restore the same single safe-area top padding model used by the
   five main pages; the previous `safe-top - 50px` compensation let the search
   page drift into the Dynamic Island zone on the current Capacitor shell. */
body:not(.light-mode) .discover-universal-search-overlay,
body:not(.light-mode) .discover-universal-search-overlay.shelfline-filter-ui,
body:not(.light-mode) .discover-universal-search-overlay.discover-universal-search-shelfline,
body:not(.light-mode) .discover-universal-search-shelfline,
body:not(.light-mode) .discover-universal-search-overlay .discover-universal-search-panel,
body:not(.light-mode) .discover-universal-search-overlay > .discover-universal-search-panel,
body:not(.light-mode) .discover-universal-search-shelfline .discover-universal-search-panel,
body:not(.light-mode) .discover-universal-search-titlebar,
body:not(.light-mode) .discover-universal-search-overlay .discover-universal-search-titlebar,
body:not(.light-mode) .discover-universal-search-header,
body:not(.light-mode) .discover-universal-search-overlay .discover-universal-search-header,
body:not(.light-mode) .discover-universal-search-tabs,
body:not(.light-mode) .discover-universal-search-overlay .discover-universal-search-tabs,
body:not(.light-mode) .discover-universal-search-body,
body:not(.light-mode) .discover-universal-search-overlay .discover-universal-search-body,
body:not(.light-mode) .discover-universal-search-overlay .discover-universal-search-empty,
.discover-universal-search-overlay.shelfline-filter-ui,
.discover-universal-search-overlay.discover-universal-search-shelfline,
.discover-universal-search-shelfline .discover-universal-search-panel,
.discover-universal-search-shelfline .discover-universal-search-body {
  background: #181c20 !important;
  background-color: #181c20 !important;
  background-image: none !important;
}

.discover-universal-search-panel,
.discover-universal-search-shelfline .discover-universal-search-panel {
  margin-top: 0 !important;
  padding-top: max(var(--shelfd-safe-top, 0px), env(safe-area-inset-top, 0px)) !important;
}

.discover-universal-search-notch,
.discover-universal-search-shelfline .discover-universal-search-notch {
  margin-top: 0 !important;
}

.discover-universal-search-titlebar,
.discover-universal-search-shelfline .discover-universal-search-titlebar {
  padding-top: 0 !important;
}

@media (min-width: 701px) and (hover: hover) and (pointer: fine) and (not (display-mode: standalone)) {
  .discover-universal-search-panel,
  .discover-universal-search-shelfline .discover-universal-search-panel {
    margin-top: 24px !important;
  }
}

/* v10.365: Discovery universal search button color pass. */
.discover-universal-search-overlay .discover-universal-search-back,
.discover-universal-search-overlay .discover-universal-search-clear,
.discover-universal-search-overlay .discover-universal-search-tab,
.discover-universal-search-overlay .discover-category-filter-btn,
.discover-universal-search-overlay .discover-universal-search-filter-btn,
.discover-universal-search-overlay .discover-add-btn,
.discover-universal-search-overlay .discover-close-btn,
.discover-universal-search-shelfline .discover-universal-search-back,
.discover-universal-search-shelfline .discover-universal-search-clear,
.discover-universal-search-shelfline .discover-universal-search-tab,
.discover-universal-search-shelfline .discover-category-filter-btn,
.discover-universal-search-shelfline .discover-universal-search-filter-btn,
.discover-universal-search-shelfline .discover-add-btn,
.discover-universal-search-shelfline .discover-close-btn {
  color: #ffffff !important;
}

.discover-universal-search-overlay .discover-universal-search-tab::after,
.discover-universal-search-shelfline .discover-universal-search-tab::after {
  background: #ffffff !important;
}

/* v10.366: keep Discovery filter/sort child pages on the same #181c20 surface,
   and pin the filter button to the top-right of each final results page. */
body:not(.light-mode) #discover-category-full-page,
body:not(.light-mode) .discover-category-full-page,
body:not(.light-mode) .discover-category-full-shell,
body:not(.light-mode) .discover-category-filter-sheet,
body:not(.light-mode) .discover-category-filter-drawer,
body:not(.light-mode) .discover-category-filter-track,
body:not(.light-mode) .discover-category-filter-panel,
body:not(.light-mode) .discover-category-filter-sheet-letterboxd .discover-category-filter-drawer,
body:not(.light-mode) .discover-category-filter-sheet-letterboxd .discover-category-filter-track,
body:not(.light-mode) .discover-category-filter-sheet-letterboxd .discover-category-filter-panel,
body:not(.light-mode) .discover-category-filter-sheet-letterboxd .discover-category-filter-header-flat {
  background: #181c20 !important;
  background-color: #181c20 !important;
  background-image: none !important;
}

.discover-category-full-topbar {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) 48px !important;
  align-items: center !important;
  justify-content: stretch !important;
}

.discover-category-full-back {
  grid-column: 1 !important;
  justify-self: start !important;
}

.discover-category-full-inline-title {
  grid-column: 2 !important;
  align-self: center !important;
  justify-self: center !important;
  font-size: 15px !important;
  margin: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.discover-category-full-topbar #discover-category-filter-btn,
.discover-category-full-topbar .discover-category-filter-btn {
  grid-column: 3 !important;
  justify-self: end !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  color: #ffffff !important;
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(255,255,255,0.16) !important;
}

.discover-category-filter-sheet-letterboxd .discover-category-filter-done,
.discover-category-filter-sheet-letterboxd .discover-category-filter-back,
.discover-category-filter-sheet-letterboxd .discover-category-filter-select-all,
.discover-category-filter-sheet-letterboxd .discover-category-filter-clear-inline,
.discover-category-filter-sheet-letterboxd .discover-category-filter-row,
.discover-category-filter-sheet-letterboxd .discover-category-filter-check {
  color: #ffffff !important;
}

.discover-category-filter-sheet-letterboxd .discover-category-filter-close-x {
  justify-self: end !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 26px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

.discover-category-filter-sheet-letterboxd .discover-category-filter-header,
.discover-category-filter-sheet-letterboxd .discover-category-filter-panel-top {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) 48px !important;
  align-items: center !important;
}

.discover-category-filter-sheet-letterboxd .discover-category-filter-panel-top h3 {
  grid-column: 2 !important;
  text-align: center !important;
}

.discover-category-filter-sheet-letterboxd .discover-category-filter-header > div {
  grid-column: 1 / 3 !important;
}

.discover-category-filter-sheet-letterboxd .discover-category-filter-back {
  grid-column: 1 !important;
  justify-self: start !important;
}

.discover-category-filter-sheet-letterboxd .discover-category-filter-close-x {
  grid-column: 3 !important;
}

/* v10.368: after choosing a filter option, users return to the filtered
   Discovery results page. Keep that page's filter control visibly pinned
   top-right instead of letting earlier universal-search header rules drift. */
.discover-universal-search-shelfline .discover-universal-search-header,
.discover-universal-search-overlay .discover-universal-search-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 48px !important;
  align-items: end !important;
  justify-content: stretch !important;
}

.discover-universal-search-shelfline #discover-universal-search-filter-btn,
.discover-universal-search-overlay #discover-universal-search-filter-btn,
.discover-universal-search-shelfline .discover-universal-search-filter-btn,
.discover-universal-search-overlay .discover-universal-search-filter-btn {
  grid-column: 2 !important;
  justify-self: end !important;
  align-self: end !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  color: #ffffff !important;
}