/*
 * Alagendra storefront - search: header suggestions (extends the reference .search_drop_down
 * in global.css) and the results summary / zero-result rescue on the listing page.
 */

/* ---- header suggestions ---- */
header .md-search .md_srch_in .search_drop_down { max-height: min(70vh, 480px); overflow-y: auto; }
header .md-search .md_srch_in .search_drop_down .search_drop_container { padding: 6px 0; margin: 0; }
header .md-search .md_srch_in .search_drop_down .srch-head {
  padding: 8px 20px 2px; font: 13px/18px Barlow-SemiBold; color: #888888; text-transform: uppercase; letter-spacing: .04em; list-style: none;
}
header .md-search .md_srch_in .search_drop_down .srch-head + li a { border-top: 0 !important; }
header .md-search .md_srch_in .search_drop_down .srch-item { list-style: none; }
header .md-search .md_srch_in .search_drop_down .srch-item.is-active,
header .md-search .md_srch_in .search_drop_down .srch-item:hover { background: #f1f7f3; }
header .md-search .md_srch_in .search_drop_down .srch-item .ser_pr i { color: #1a6937; font-size: 20px; }
header .md-search .md_srch_in .search_drop_down .srch-item .ser_cont p { font-size: 17px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
header .md-search .md_srch_in .search_drop_down .srch-item .ser_cont span { font-size: 14px; }
header .md-search .md_srch_in .search_drop_down .srch-item--all .ser_cont p { color: #1a6937; font-family: Barlow-SemiBold; }
header .md-search .md_srch_in .search_drop_down .srch-item--all .ser_pr,
header .md-search .md_srch_in .search_drop_down .srch-item--collection .ser_pr { background: #e8f2ec; }
header .md-search .md_srch_in .search_drop_down .srch-note,
header .md-search .md_srch_in .search_drop_down .srch-empty { list-style: none; padding: 8px 20px; font: 15px/20px Barlow-Regular; color: #666666; }
header .md-search .md_srch_in .search_drop_down .srch-note { color: #a86b00; }
@media (max-width: 767px) {
  header .md-search .md_srch_in .search_drop_down .srch-item { padding: 0 12px; }
  header .md-search .md_srch_in .search_drop_down .srch-item .ser_pr { height: 44px; width: 52px; }
  header .md-search .md_srch_in .search_drop_down .srch-item .ser_pr img { height: 44px; max-width: 44px; }
  header .md-search .md_srch_in .search_drop_down .srch-item .ser_cont { width: auto; flex: 1 1 auto; min-width: 0; margin-left: 4px; }
}

/* ---- results page ---- */
.srch-summary { margin: 0 0 18px; }
.srch-summary__title { font: 26px/32px Barlow-Bold; color: #333333; margin: 0 0 6px; overflow-wrap: anywhere; }
.srch-summary__title span { font: 17px/24px Barlow-Regular; color: #666666; margin-left: 8px; }
.srch-note { display: flex; gap: 8px; align-items: baseline; margin: 4px 0; font: 16px/22px Barlow-Regular; color: #555555; }
.srch-note i { color: #1a6937; }
.srch-note a { color: #1a6937; text-decoration: underline; }
.srch-note--fix { color: #8a5a00; }
.srch-note--fix i { color: #c47f00; }

/* ---- zero-result rescue ---- */
.srch-rescue { display: grid; gap: 22px; }
.srch-rescue__intro h2 { font: 24px/30px Barlow-Bold; color: #333333; margin-bottom: 8px; overflow-wrap: anywhere; }
.srch-rescue__tips { margin: 0; padding-left: 20px; list-style: disc; color: #666666; font: 16px/24px Barlow-Regular; }
.srch-rescue__tips li { list-style: disc; padding-left: 0; background: none; }
.srch-rescue__block h3, .srch-request h3 { font: 20px/26px Barlow-SemiBold; color: #333333; margin-bottom: 10px; }
.srch-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; }
.srch-chips li { list-style: none; padding: 0; background: none; }
.srch-chips a {
  display: inline-flex; align-items: baseline; gap: 6px; padding: 7px 14px; border: 1px solid #1a6937; border-radius: 20px;
  color: #1a6937; font: 16px/20px Barlow-Medium; background: #ffffff;
}
.srch-chips a:hover, .srch-chips a:focus-visible { background: #1a6937; color: #ffffff; }
.srch-chips small { font-size: 12px; opacity: .8; }
.srch-request { padding: 18px 20px; border-radius: 10px; background: #f4f4f4; }
.srch-request p { margin: 0 0 12px; color: #666666; font: 16px/22px Barlow-Regular; }
.srch-request__row { display: flex; flex-wrap: wrap; gap: 10px; }
.srch-request__row input { flex: 1 1 200px; min-width: 0; height: 46px; padding: 0 14px; border: 1px solid #dedede; border-radius: 6px; font: 16px Barlow-Regular; background: #ffffff; }
.srch-request__row input:focus { outline: none; border-color: #1a6937; }
.srch-request__row .custom-btng { flex: 0 0 auto; }
.srch-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }