/* QuantaCade responsive Documentation/Finder correction — 2026-10-05.
   Dedicated filename intentionally bypasses stale mobile template-asset caches. */

/* Old category-tree search is retired on every viewport. */
body.com_content .qc-category-tree-filter { display: none !important; }

/* Smart Search module: same full-width responsive presentation on desktop/mobile. */
.mod-finder,
.mod-finder form,
.mod-finder .js-finder-searchform,
.mod-finder .mod-finder__search {
  width: 100% !important;
  max-width: none !important;
}
.mod-finder form,
.mod-finder .js-finder-searchform,
.mod-finder .mod-finder__search {
  display: flex !important;
  align-items: stretch !important;
  gap: 10px !important;
}
.mod-finder .awesomplete,
.mod-finder .input-group,
.mod-finder input[name="q"],
.mod-finder input[type="search"],
.mod-finder input[type="text"] {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}
.mod-finder .qc-smart-search-reset {
  flex: 0 0 58px !important;
  width: 58px !important;
  min-width: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Finder: blue site remains outside; only the results component is a white card. */
body.com_finder .grid-child.container-component { background: transparent !important; }
body.com_finder main .com-finder,
body.com_finder main .finder,
body.com_finder .container-component > .com-finder,
body.com_finder .container-component > .finder {
  background: #fff !important;
  border-radius: 1rem !important;
  padding: 1.5rem !important;
  color: #1f2937 !important;
}
body.com_finder main .com-finder p,
body.com_finder main .com-finder li,
body.com_finder main .com-finder label,
body.com_finder main .com-finder dd,
body.com_finder main .com-finder dt,
body.com_finder main .finder p,
body.com_finder main .finder li,
body.com_finder main .finder label,
body.com_finder main .finder dd,
body.com_finder main .finder dt { color: #1f2937 !important; }

/* Hide both the Advanced Search toggle and its panel. */
body.com_finder button[data-bs-target="#advancedSearch"],
body.com_finder [aria-controls="advancedSearch"],
body.com_finder .com-finder__advanced,
body.com_finder .js-finder-advanced,
body.com_finder #advancedSearch { display: none !important; }

@media (max-width: 700px) {
  body.com_finder main .com-finder,
  body.com_finder main .finder,
  body.com_finder .container-component > .com-finder,
  body.com_finder .container-component > .finder {
    padding: 1.25rem !important;
  }
}


/* V2: permanently retire the legacy category-list search row. */
body.com_content.view-category.no-layout .qc-category-tree-filter,
body.com_content.view-category.no-layout .qc-category-list-filter,
body.com_content.view-category.no-layout #filter-search,
body.com_content.view-category.no-layout #filter-search + .qc-category-list-filter-actions,
body.com_content.view-category.no-layout .com-content-category__articles .input-group:has(#filter-search) {
  display: none !important;
}

@media (max-width: 700px) {
  /* One mobile row: field + square Search + square Reset. */
  .mod-finder form,
  .mod-finder .js-finder-searchform,
  .mod-finder .mod-finder__search,
  form.js-finder-searchform {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .mod-finder .awesomplete,
  .mod-finder .input-group,
  form.js-finder-searchform .awesomplete,
  form.js-finder-searchform .input-group {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .mod-finder input[name="q"],
  .mod-finder input[type="search"],
  form.js-finder-searchform input[name="q"],
  form.js-finder-searchform input[type="search"] {
    width: 100% !important;
    min-width: 0 !important;
  }

  .mod-finder button[type="submit"],
  form.js-finder-searchform button[type="submit"],
  .mod-finder .qc-smart-search-reset,
  form.js-finder-searchform .qc-smart-search-reset {
    flex: 0 0 58px !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}


/* V3: Finder component uses the same square icon controls as the Smart Search module. */
body.com_finder main .com-finder form,
body.com_finder main .finder form {
  width: 100%;
}

body.com_finder main .com-finder .qc-finder-search-row,
body.com_finder main .finder .qc-finder-search-row {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
}

body.com_finder main .com-finder .qc-finder-search-row input[name="q"],
body.com_finder main .finder .qc-finder-search-row input[name="q"] {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
}

body.com_finder main .qc-finder-icon-button {
  flex: 0 0 58px !important;
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  min-height: 58px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.com_finder main .qc-finder-icon-button .icon-search,
body.com_finder main .qc-finder-icon-button .icon-loop {
  margin: 0 !important;
}

@media (max-width: 700px) {
  body.com_finder main .com-finder .qc-finder-search-row,
  body.com_finder main .finder .qc-finder-search-row {
    gap: 8px !important;
  }

  body.com_finder main .qc-finder-icon-button {
    flex-basis: 54px !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
  }
}


/* V4: Finder component controls fill the card width and share one height. */
body.com_finder main .com-finder form,
body.com_finder main .finder form,
body.com_finder main .com-finder .qc-finder-search-row,
body.com_finder main .finder .qc-finder-search-row {
  width: 100% !important;
  max-width: none !important;
}

body.com_finder main .com-finder .qc-finder-search-row,
body.com_finder main .finder .qc-finder-search-row {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: stretch !important;
  gap: 8px !important;
}

body.com_finder main .com-finder .qc-finder-search-row input[name="q"],
body.com_finder main .finder .qc-finder-search-row input[name="q"] {
  flex: 1 1 auto !important;
  width: 1% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 48px !important;
  margin: 0 !important;
}

body.com_finder main .qc-finder-icon-button {
  flex: 0 0 48px !important;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: stretch !important;
}

@media (max-width: 700px) {
  body.com_finder main .com-finder .qc-finder-search-row input[name="q"],
  body.com_finder main .finder .qc-finder-search-row input[name="q"] {
    height: 48px !important;
  }

  body.com_finder main .qc-finder-icon-button {
    flex-basis: 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }
}


/* V5: Finder search row needs no visible "Search Terms:" pre-label. */
body.com_finder main .com-finder label[for="q"],
body.com_finder main .finder label[for="q"],
body.com_finder main .com-finder label[for="search-searchword"],
body.com_finder main .finder label[for="search-searchword"] {
  display: none !important;
}


/* V6: Finder input wrapper must consume all space left by the two icon buttons. */
body.com_finder main .qc-finder-search-row > .qc-finder-input-wrap {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  display: flex !important;
}

body.com_finder main .qc-finder-search-row > .qc-finder-input-wrap > input[name="q"] {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 48px !important;
  margin: 0 !important;
}


/* V7: Finder component has no duplicate search UI.
   Search is provided by the Smart Search module above the component. */
body.com_finder main .com-finder form,
body.com_finder main .finder form {
  display: none !important;
}

/* V7: Finder-page Smart Search module matches Documentation exactly. */
body.com_finder .mod-finder form,
body.com_finder form.js-finder-searchform {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: none !important;
}

body.com_finder .mod-finder .awesomplete,
body.com_finder .mod-finder .input-group,
body.com_finder form.js-finder-searchform .awesomplete,
body.com_finder form.js-finder-searchform .input-group {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

body.com_finder .mod-finder input[name="q"],
body.com_finder .mod-finder input[type="search"],
body.com_finder form.js-finder-searchform input[name="q"],
body.com_finder form.js-finder-searchform input[type="search"] {
  flex: 1 1 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 48px !important;
  margin: 0 !important;
}

body.com_finder .mod-finder button[type="submit"],
body.com_finder form.js-finder-searchform button[type="submit"],
body.com_finder .mod-finder .qc-smart-search-reset,
body.com_finder form.js-finder-searchform .qc-smart-search-reset {
  flex: 0 0 48px !important;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}