/**
 * FreeCreditHub — Partnership Search (shared)
 * Visual/layout only — listing cards + search JS unchanged.
 * Category chips removed from page HTML; hide rule is a safety net only.
 */

:root {
  --fch-pt-border: #c9dbf7;
  --fch-pt-border-focus: #326de8;
  --fch-pt-ink: #101f4d;
  --fch-pt-muted: #64748b;
  --fch-pt-radius: 13px;
  --fch-pt-icon-bg: linear-gradient(135deg, #e4efff 0%, #c9deff 100%);
  --fch-pt-icon: #326de8;
}

/* ---------- Tools: search only (filters removed from UI) ---------- */
[id^="fch"] .g-tools {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 14px !important;
  box-sizing: border-box;
}

/* Hide category filter row completely — no empty space */
[id^="fch"] .g-chips {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

/* ---------- Search bar: white, full-width, icon | input | clear ---------- */
[id^="fch"] .g-search {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) 44px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  min-height: 48px;
  border: 1px solid var(--fch-pt-border) !important;
  border-radius: var(--fch-pt-radius) !important;
  background: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), 0 1px 3px rgba(29, 110, 234, 0.06) !important;
  overflow: hidden;
  box-sizing: border-box;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

[id^="fch"] .g-search:focus-within {
  border-color: var(--fch-pt-border-focus) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), 0 0 0 2px rgba(50, 109, 232, 0.16) !important;
}

/* Left icon section — compact blue glyph + divider */
[id^="fch"] .g-search-icon,
[id^="fch"] svg.g-search-icon {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  grid-column: 1;
  grid-row: 1;
  align-self: stretch;
  justify-self: stretch;
  width: 44px !important;
  height: 100% !important;
  min-height: 48px;
  max-width: 44px;
  margin: 0 !important;
  padding: 15px 13px !important;
  box-sizing: border-box !important;
  color: var(--fch-pt-icon) !important;
  background: var(--fch-pt-icon-bg) !important;
  border-right: 1px solid rgba(50, 109, 232, 0.22) !important;
  pointer-events: none;
  overflow: visible;
}

[id^="fch"] .g-search-icon circle,
[id^="fch"] .g-search-icon path {
  stroke: currentColor;
  stroke-width: 2.15;
}

/* Center input — pure white field */
[id^="fch"] .g-search input[type="search"],
[id^="fch"] .g-search input {
  grid-column: 2;
  grid-row: 1;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  height: 100%;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  color: var(--fch-pt-ink) !important;
  font: inherit !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  outline: none !important;
  box-sizing: border-box;
}

[id^="fch"] .g-search input::placeholder {
  color: #94a3b8;
  font-weight: 500;
}

[id^="fch"] .g-search input::-webkit-search-decoration,
[id^="fch"] .g-search input::-webkit-search-cancel-button,
[id^="fch"] .g-search input::-webkit-search-results-button,
[id^="fch"] .g-search input::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

/* Right clear (X) — always visible dedicated section */
[id^="fch"] .g-search-clear {
  position: relative !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  grid-column: 3;
  grid-row: 1;
  width: auto !important;
  height: auto !important;
  min-height: 48px;
  min-width: 44px;
  margin: 0 !important;
  border: 0 !important;
  border-left: 1px solid rgba(50, 109, 232, 0.22) !important;
  border-radius: 0 !important;
  background: var(--fch-pt-icon-bg) !important;
  color: var(--fch-pt-icon) !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  cursor: pointer;
  display: grid !important;
  place-items: center;
  opacity: 1;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 2;
}

/* Keep X visible even while page CSS uses #root .g-search-clear[hidden]{display:none!important} */
#fchGangV2 .g-search-clear[hidden],
#fchSamaV2 .g-search-clear[hidden],
#fchPtn1070 .g-search-clear[hidden],
#fchPtn1071 .g-search-clear[hidden],
#fchPtn1072 .g-search-clear[hidden],
#fchPtn1073 .g-search-clear[hidden],
#fchPtn1074 .g-search-clear[hidden],
#fchPtn1075 .g-search-clear[hidden],
#fchPtn1076 .g-search-clear[hidden],
#fchPtn1077 .g-search-clear[hidden],
#fchPtn1078 .g-search-clear[hidden],
#fchPtn1079 .g-search-clear[hidden],
#fchPtn1080 .g-search-clear[hidden],
#fchPtn1081 .g-search-clear[hidden],
#fchPtn1082 .g-search-clear[hidden],
#fchPtn1083 .g-search-clear[hidden],
#fchPtn1084 .g-search-clear[hidden],
#fchPtn1085 .g-search-clear[hidden],
#fchPtn1086 .g-search-clear[hidden],
[id^="fch"] .g-search-clear[hidden] {
  display: grid !important;
  visibility: visible !important;
  opacity: 0.95;
  color: var(--fch-pt-icon) !important;
  background: var(--fch-pt-icon-bg) !important;
  pointer-events: auto !important;
}

[id^="fch"] .g-search:has(input:not(:placeholder-shown)) .g-search-clear,
[id^="fch"] .g-search-clear:not([hidden]) {
  opacity: 1;
  color: var(--fch-pt-icon) !important;
}

[id^="fch"] .g-search-clear:hover,
[id^="fch"] .g-search-clear:focus-visible {
  background: linear-gradient(135deg, #d7e8ff 0%, #b7d2ff 100%) !important;
  color: #194cbf !important;
  opacity: 1;
  outline: none;
}

/* Align with listing cards */
[id^="fch"] .g-listing {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

[id^="fch"] .g-listing > .g-tools,
[id^="fch"] .g-listing > .g-table-wrap {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

@media (max-width: 560px) {
  [id^="fch"] .g-search,
  [id^="fch"] .g-search-icon,
  [id^="fch"] svg.g-search-icon,
  [id^="fch"] .g-search input,
  [id^="fch"] .g-search-clear {
    min-height: 46px;
  }

  [id^="fch"] .g-search {
    grid-template-columns: 42px minmax(0, 1fr) 42px !important;
  }

  [id^="fch"] .g-search-icon,
  [id^="fch"] svg.g-search-icon {
    width: 42px !important;
    max-width: 42px;
    padding: 14px 12px !important;
  }
}