/* Community search bar styling - matching the docs search bar */
.sub-header-container .search-area {
  border: none !important;
  background: #0f1112 !important;
  color: #69707b !important;
  border-radius: 8px !important;
}

.sub-header-container .search-area .form-select,
.sub-header-container .search-area .form-control {
  border: 0 !important;
}

.sub-header-container .search-area .form-select {
  border-right: 1px solid rgba(151, 161, 177, 0.3) !important;
  color: #69707b !important;
}

.sub-header-container .search-area .gsc-input-box {
  margin-top: 2px !important;
  border: 0 !important;
  color: #69707b !important;
  padding: 0 !important;
  background: none !important;
  height: auto !important;
}

.sub-header-container .search-area #fullsearch {
  padding-left: 15px !important;
}

.sub-header-container .search-area .input-group-text {
  background-color: transparent !important;
  border: none !important;
  color: #d3d9e3 !important;
}

.sub-header-container .search-area .fa-search {
  color: #d3d9e3 !important;
}

.sub-header-container .search-area form.gsc-search-box {
  margin-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.sub-header-container .search-area table.gsc-search-box td.gsc-input {
  padding-right: 0px !important;
}

.sub-header-container .search-area .gscb_a {
  color: #69707b !important;
  padding: 0 3px !important;
}

.sub-header-container .search-area #googleSearch {
  padding: 0 !important;
  background-color: transparent !important;
  border: none !important;
}

.sub-header-container .search-area .gsc-search-button {
  display: none !important;
}

.sub-header-container .search-area .gsc-control-cse {
  padding: 0px !important;
  background: transparent !important;
  border: none !important;
}

.sub-header-container .search-area .gsc-input {
  background-color: transparent !important;
  color: rgb(199, 197, 197) !important;
}
.sub-header-container .search-area .gsc-input::placeholder{ 
  background: transparent !important;
  color: var(--abp-muted) !important;
}

/* Force inline styles for Google's input */
.sub-header-container .search-area .gsib_a input {
  color: white !important;
} 

/* More specific selector for gsib_a with !important */
.sub-header-container .search-area .gsib_a,
.sub-header-container .search-area table.gsc-search-box td.gsib_a,
.gsib_a {
  padding: 7px 9px 4px 9px !important;
}

.gsib_a ::placeholder {
  color: #d3d9e3 !important;
  opacity: 1 !important;
}