/* OceanofTools universal advanced tool finder - 2026-10-14 */
/* Global tool search: visible only on tool and category pages, never on content/login pages. */
.oot-legacy-search-hidden{display:none!important}
.oot-tools-search-strip{position:relative;z-index:95;width:100%;padding:15px 16px 17px;background:linear-gradient(135deg,#eaf8f2,#f7faf9);border-bottom:1px solid #cfe6dc;font:inherit;clear:both}
.oot-tools-search-strip-inner{max-width:1170px;margin:0 auto;position:relative}
.oot-tools-search-heading{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}
.oot-tools-search-heading strong{font-size:14px;font-weight:850;color:#0e352a}
.oot-tools-search-heading span{font-size:12px;color:#658079}
.oot-tools-search-controls{display:grid;grid-template-columns:minmax(180px,1fr) minmax(145px,208px) auto;align-items:center;gap:10px}
.oot-tools-search-strip input,.oot-tools-search-strip select,.oot-header-search-category{font-family:Inter,system-ui,sans-serif;font-size:14px;color:#122e27;background:#fff;border:1px solid #bfded3;outline:none;border-radius:11px}
.oot-tools-search-strip input:focus,.oot-tools-search-strip select:focus,.oot-header-search-category:focus{border-color:#169d7e;box-shadow:0 0 0 3px rgba(21,151,117,.12)}
.oot-tools-search-input-wrap{position:relative;display:block}
.oot-tools-search-input-wrap input{display:block;width:100%;height:46px;padding:0 14px 0 43px;box-sizing:border-box}
.oot-tools-search-magnifier{position:absolute;left:14px;top:50%;transform:translateY(-55%);font-size:25px;color:#16886e;pointer-events:none;line-height:1}
.oot-tools-search-filter{position:relative;display:block}
.oot-tools-search-filter span{position:absolute;left:12px;top:5px;font-size:10px;line-height:1;color:#57736a;font-weight:750;pointer-events:none}
.oot-tools-search-filter select{width:100%;height:46px;padding:16px 32px 3px 11px;appearance:auto;font-weight:700;cursor:pointer}
.oot-tools-search-clear{height:46px;padding:0 15px!important;border:1px solid #bfded3!important;border-radius:11px!important;background:#fff!important;color:#13765f!important;font-size:13px!important;font-weight:750!important;cursor:pointer}
.oot-tools-search-results[hidden]{display:none!important}
.oot-tools-search-results{position:absolute;z-index:1100;top:calc(100% + 7px);left:0;width:min(760px,100%);max-height:min(530px,65vh);overflow-y:auto;padding:8px;border-radius:14px;border:1px solid #d8e8e1;background:#fff;box-shadow:0 20px 55px rgba(4,41,31,.2)}
.oot-tools-search-results .result-item{display:flex;gap:10px;align-items:center;padding:9px 11px;border-radius:10px;color:#0f2b22;text-decoration:none}
.oot-tools-search-results .result-item:hover,.oot-tools-search-results .result-item.active{background:#ecf9f3}
.oot-tools-search-results .result-icon{display:grid;place-items:center;width:36px;height:36px;min-width:36px;background:#e1f7ed;border-radius:10px}
.oot-tools-search-results .result-content{min-width:0;display:grid;gap:1px}
.oot-tools-search-results .result-name{font-size:13px;font-weight:850}
.oot-tools-search-results .result-subtext{font-size:11px;line-height:1.45;color:#648076;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oot-search-result-count{padding:7px 12px;border-top:1px solid #edf2ee;color:#69847a;font-size:11px}
.oot-header-search-category-label{display:flex;gap:14px;align-items:center;justify-content:flex-start;padding:10px 15px;background:#f8fbf9;color:#45685a;font-size:12px;font-weight:750}
.oot-header-search-category{height:38px;min-width:180px;padding:0 12px;font-weight:750;cursor:pointer}
.oot-home-search-category{display:flex;gap:10px;align-items:center;margin:6px 0 0;color:#d6eee6;font-size:12px;font-weight:750}
.oot-home-search-category select{min-width:175px;height:36px;padding:5px 10px;color:#123c30;background:#fff;border:1px solid #b7dccc;border-radius:9px;font-weight:750;cursor:pointer}
@media(max-width:650px){.oot-tools-search-strip{padding:13px 12px 14px}.oot-tools-search-heading{gap:5px;flex-direction:column}.oot-tools-search-controls{grid-template-columns:minmax(0,1fr) 104px;gap:8px}.oot-tools-search-input-wrap{grid-column:1/-1}.oot-tools-search-filter{grid-column:1}.oot-tools-search-clear{grid-column:2}.oot-tools-search-results{width:100%}.oot-header-search-category-label{flex-wrap:wrap}.oot-home-search-category{justify-content:flex-start}}

/* Modern browsers suppress obsolete duplicate search even before JS is ready. */
body:has(.oot-tools-search-strip) .search-container:has(#searchInput){display:none!important}


/* Search-strip CSS isolation hotfix (2026-10-14): protect against tool-page !important input/select resets. */
/* Some individual tools use `body.oot-modern input/select {padding:12px 14px!important}`.
   That overrides the finder input's 43px icon space and the category's two-line spacing.
   Keep the selector scoped to this component, never to the tool/editor inputs. */
.oot-tools-search-strip .oot-tools-search-controls,
.oot-tools-search-strip .oot-tools-search-controls * {
  box-sizing:border-box;
}
.oot-tools-search-strip .oot-tools-search-input-wrap,
.oot-tools-search-strip .oot-tools-search-filter {
  display:block!important;
  position:relative!important;
  min-width:0;
  margin:0!important;
  padding:0!important;
}
.oot-tools-search-strip .oot-tools-search-input-wrap #ootQuickSearchInput {
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 14px 0 43px!important;
  box-sizing:border-box!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  border:1px solid #bfded3!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#122e27!important;
  font:400 14px/1.4 Inter,system-ui,sans-serif!important;
  text-indent:0!important;
  letter-spacing:normal!important;
  box-shadow:none!important;
}
.oot-tools-search-strip .oot-tools-search-input-wrap #ootQuickSearchInput::placeholder {
  color:#718982!important;
  opacity:1!important;
}
.oot-tools-search-strip .oot-tools-search-input-wrap #ootQuickSearchInput:focus {
  outline:none!important;
  border-color:#169d7e!important;
  box-shadow:0 0 0 3px rgba(21,151,117,.12)!important;
}
/* CSS-drawn icon prevents platform glyph/font differences between tool pages. */
.oot-tools-search-strip .oot-tools-search-magnifier {
  position:absolute!important;
  display:block!important;
  left:15px!important;
  top:50%!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  padding:0!important;
  font-size:0!important;
  line-height:0!important;
  transform:translateY(-50%)!important;
  pointer-events:none!important;
  z-index:2;
}
.oot-tools-search-strip .oot-tools-search-magnifier::before {
  content:"";
  position:absolute;
  left:1px;
  top:0;
  width:12px;
  height:12px;
  border:2px solid #16886e;
  border-radius:50%;
}
.oot-tools-search-strip .oot-tools-search-magnifier::after {
  content:"";
  position:absolute;
  left:12px;
  top:12px;
  width:7px;
  height:2px;
  background:#16886e;
  border-radius:1px;
  transform:rotate(45deg);
  transform-origin:left center;
}
.oot-tools-search-strip .oot-tools-search-filter > span {
  position:absolute!important;
  z-index:1;
  left:12px!important;
  top:5px!important;
  margin:0!important;
  padding:0!important;
  color:#57736a!important;
  font:750 10px/1 Inter,system-ui,sans-serif!important;
  pointer-events:none;
}
.oot-tools-search-strip .oot-tools-search-filter #ootQuickSearchCategory {
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:16px 32px 3px 11px!important;
  box-sizing:border-box!important;
  appearance:auto!important;
  -webkit-appearance:menulist!important;
  border:1px solid #bfded3!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#122e27!important;
  font:700 14px/normal Inter,system-ui,sans-serif!important;
  text-align:left!important;
  box-shadow:none!important;
  cursor:pointer;
}
.oot-tools-search-strip .oot-tools-search-filter #ootQuickSearchCategory:focus {
  outline:none!important;
  border-color:#169d7e!important;
  box-shadow:0 0 0 3px rgba(21,151,117,.12)!important;
}
.oot-tools-search-strip #ootQuickSearchClear {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 15px!important;
  border:1px solid #bfded3!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#13765f!important;
  font:750 13px/1 Inter,system-ui,sans-serif!important;
  box-shadow:none!important;
  cursor:pointer;
}
.oot-tools-search-strip #ootQuickSearchClear:focus-visible {
  outline:2px solid #169d7e!important;
  outline-offset:2px!important;
}