/* ============================================================
   LISTING MIRROR — search area only
   Solid #0E38AC band + styled input + transparent #1A1A1A magnifier button.
   Upload via: Docs -> Settings -> Custom code -> Upload stylesheet
   ============================================================ */

/* ---- The band behind the search (solid, no gradient) ---- */
#hero,
.hero,
#docsSearch,
.docs-search,
#page-header,
.page-header,
.searchWrapper,
section.search {
  background: #0E38AC !important;
  background-image: none !important;
  color: #FFFFFF !important;
  padding: 48px 20px 56px !important;
  text-align: center !important;
}

#hero h1,
.hero h1,
#page-header h1,
.page-header h1,
.searchWrapper h1 {
  color: #FFFFFF !important;
}

/* ---- Search input box ---- */
input[type="search"],
input.searchInput,
#searchField,
#searchBox,
.searchbox input,
form.search input[type="text"] {
  border: 2px solid #94CCF8 !important;
  border-radius: 8px !important;
  padding: 13px 16px !important;
  font-size: 1rem !important;
  color: #1A1A1A !important;
  background: #FFFFFF !important;
  box-shadow: 0 1px 3px rgba(5, 15, 54, 0.08) !important;
  outline: none !important;
}
input[type="search"]:focus,
input.searchInput:focus,
#searchField:focus,
#searchBox:focus,
.searchbox input:focus,
form.search input[type="text"]:focus {
  border-color: #EC9409 !important;
  box-shadow: 0 0 0 4px rgba(236, 148, 9, 0.25) !important;
}

/* ---- Search button: NO background, just a #1A1A1A magnifier ---- */
form button[type="submit"],
form input[type="submit"],
button[type="submit"],
input[type="submit"],
#searchForm button,
#searchForm input[type="submit"],
#searchButton,
.searchbox button,
.searchbox input[type="submit"],
.search button,
form[role="search"] button {
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A1A1A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;
  color: transparent !important;     /* hides the word "Search" */
  font-size: 0 !important;
  text-indent: 0 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  min-width: 40px !important;
  width: 40px !important;
  padding: 0 !important;
  cursor: pointer !important;
  transition: opacity 0.15s ease !important;
}
form button[type="submit"]:hover,
form input[type="submit"]:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
#searchButton:hover,
.searchbox button:hover,
.searchbox input[type="submit"]:hover {
  background-color: transparent !important;
  opacity: 0.6 !important;
}