/* FORCE OVERRIDE - Search Input Text Visibility Fix */
/* This CSS file forces the search input to have visible text */

/* Main search box styling - Netflix Dark Theme */
.navbar-seriesdayhd .search-box input,
.navbar-actions .search-box input,
.search-box input[type="text"],
.search-box input#searchInput,
.search-box input[name="q"],
form.search-box input,
input#searchInput {
  color: #ffffff !important;
  background: rgba(255,255,255,0.1) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  font-weight: 500 !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Focus and filled states */
.navbar-seriesdayhd .search-box input:focus,
.navbar-actions .search-box input:focus,
.search-box input[type="text"]:focus,
.search-box input#searchInput:focus,
.search-box input[name="q"]:focus,
form.search-box input:focus,
input#searchInput:focus,
.search-box input:not(:placeholder-shown),
.search-box input[value]:not([value=""]),
input#searchInput:not(:placeholder-shown),
input#searchInput[value]:not([value=""]) {
  color: #ffffff !important;
  background: rgba(255,255,255,0.2) !important;
  border-color: var(--primary-red, #e50914) !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Placeholder styling */
.navbar-seriesdayhd .search-box input::placeholder,
.navbar-actions .search-box input::placeholder,
.search-box input[type="text"]::placeholder,
.search-box input#searchInput::placeholder,
.search-box input[name="q"]::placeholder,
form.search-box input::placeholder,
input#searchInput::placeholder {
  color: rgba(255,255,255,0.6) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: rgba(255,255,255,0.6) !important;
}

/* WebKit autofill override */
.search-box input:-webkit-autofill,
.search-box input:-webkit-autofill:hover,
.search-box input:-webkit-autofill:focus,
.search-box input:-webkit-autofill:active,
input#searchInput:-webkit-autofill,
input#searchInput:-webkit-autofill:hover,
input#searchInput:-webkit-autofill:focus,
input#searchInput:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px rgba(255,255,255,0.1) inset !important;
  -webkit-text-fill-color: #ffffff !important;
  background-color: rgba(255,255,255,0.1) !important;
  color: #ffffff !important;
}

/* Mozilla specific */
@-moz-document url-prefix() {
  .search-box input,
  input#searchInput {
    color: #ffffff !important;
    background: rgba(255,255,255,0.1) !important;
  }
}

/* Microsoft Edge specific */
@supports (-ms-ime-align:auto) {
  .search-box input,
  input#searchInput {
    color: #ffffff !important;
    background: rgba(255,255,255,0.1) !important;
  }
}

/* Ultra-high specificity override for any conflicts */
html body nav.navbar-seriesdayhd div.navbar-container div.navbar-actions form.search-box input#searchInput[type="text"][name="q"] {
  color: #ffffff !important;
  background: rgba(255,255,255,0.1) !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Debug mode - uncomment to test with bright colors */
/*
.search-box input,
input#searchInput {
  color: #ff0000 !important;
  background: #ffff00 !important;
  font-size: 20px !important;
  font-weight: bold !important;
}
*/