/* --- Search widget styles (scoped) --- */
.cba-search {
  --radius: 8px;
  --shadow: 0 8px 24px rgba(0,0,0,.08);
  --line: #e9e9ee;
  --muted: #6b7280;
  --chip-bg: #f7f7fa;
  --chip-bd: #e7e7ef;
  --shadow: 0 0 15px #00000022;
  display:flex; align-items:stretch; width:100%;margin: 0 0;border-radius:999px;background: #e7e7e7;width: 480px;max-width:100%;position: relative;
}
.desktop-search {display: flex;flex: 1;width: 100%;justify-self: stretch;}
.desktop-search .section{margin-top: 0;}
.clear-loc svg, .clear-term svg{width:9px; height:10px;}
.clear-loc, .clear-term{display: grid; background: #eee;place-content:center;border-radius: 999px;width: 25px;height: 25px;flex: 0 0 25px;margin-left: auto;}
.cba-nearby-section {padding-bottom: 8px; border-bottom: 1px solid #bbb;}
.cba-search.active{border-radius: 20px 20px 0 0;background: #fff;box-shadow: var(--shadow);}
.cba-search.active .submit{background: #fff;}
.cba-search .field {position:relative; flex:1 1 0; display:flex; align-items:center; padding:12px 12px;border-radius: 20px 20px 0 0;}
.cba-search .field:focus-within {box-shadow: var(--focus);background: #fff;}
.cba-search .field:focus-within + .field {border-radius: 0;}
.cba-search .field input {appearance:none; border:0; outline:0; width:100%; font-size:15px; background:transparent;padding: 0;border-radius: 0;}
.cba-search .field .lead { margin-right:10px; color:#111; font-weight:600; white-space:nowrap; }
.cba-search .submit {border:0; width:45px; height:45px; padding:000; color:#fff; font-weight:700; cursor:pointer;border-radius:999px;transition: none;background:transparent;}
.dropdown h3 {font-size: 16px;}
.cba-search .submit [icon] svg {fill:#000;width:18px;height:18px;}
.cba-search .dropdown {position:absolute; top:calc(100% - 0px); background:#fff;  box-shadow: 0 16px 15px #00000022; z-index:40; display:none; max-height:60vh; overflow:auto;margin: 0;width:100%;border-radius: 0 0 12px 12px;}
.kb-active {background: #e1e1e1; }
.cba-search.no-viewed #cba-q-dd{border-radius: 0 0 8px 8px;width: 293px}
.cba-search.no-viewed .recent{display: none;}
.cba-search.no-viewed .panel{grid-template-columns: 1fr;}
.cba-search #cba-q-dd{border-radius: 0 0 20px 20px;width: 100%;left:0;}
.cba-search #cba-loc-dd {border-radius: 0 0 20px 20px;right: 0; width:100%;}
.cba-search .dropdown.open { display:block; }
.cba-search .panel { display:flex; flex-direction: column; gap:0; padding:14px; }
.thumb svg {width: 17px;height: 17px;fill: #999;}
.cba-search .col h3 { font-size:13px; font-weight:700; margin:2px 0 8px; color:#111; }
.cba-search .chips { display:flex; gap:6px; flex-wrap:wrap; }
.cba-search .chip {
  font-size:13px; line-height:1; padding:8px 10px; border-radius:999px; border:1px solid var(--chip-bd); background:var(--chip-bg); cursor:pointer; display:inline-flex; align-items:center; gap:6px; margin: 0;}
.cba-search #cba-q-field{position: relative;}
.cba-search #cba-q-field:focus-within:after {display: none;}
.cba-search #cba-q-field:after{content: '';background: #ddd;width: 2px; height: 22px; position: absolute; right: 0;top: 50%; transform: translateY(-50%);display:block;}
.cba-search .list { display:flex; flex-direction:column; gap:8px; }
.cba-search .item { display:flex; gap:10px; align-items:center; padding:8px; border-radius:8px; cursor:pointer; min-height: 66px; }
.cba-search .item:hover, .cba-search .item[aria-selected="true"] { background:#dbdbdb; }
.cba-search .thumb { width:50px; height:50px; border-radius:8px; background:#f0f0f3; object-fit:cover; flex: 0 0 50px; display:grid;place-content:center;outline: 1px solid #ddd;}
.cba-search .meta { display:flex; flex-direction:column; line-height:1.2; }
.cba-search .meta .name { font-weight:600; font-size:14px;text-transform: capitalize;}
.cba-search .meta .sub  { font-size:12px; color:var(--muted); }
.cba-search .muted { color:var(--muted); font-size:12px; }
.cba-search .loc-panel { padding:12px; display:flex; flex-direction:column; gap:8px; }
.cba-search .loc-item { display:flex; gap:10px; align-items:center; padding:8px; border-radius:8px; cursor:pointer;min-height:66px;}
.cba-search .loc-item:hover, .cba-search .loc-item[aria-selected="true"] { background:#dbdbdb; }
.cba-search .loc-ico { width:24px; text-align:center; }
.cba-search [icon="address_pin_outline"] svg {width:23px;height:23px;}
@media (max-width: 900px){
    .desktop-search{display: none;}
    .ds-search_active .desktop-search{display: flex;height: calc(100dvh - 0px);top:0;}
    .cba-search{min-width: 100%;max-width:100%;border-radius:999px;height: 50px;}
    .cba-search .submit{width:48px; height:auto;align-self:stretch;background: transparent;padding: 0 0;}
    .cba-search .submit [icon] svg {fill: #000;}
    .cba-search .field{padding:11px 12px;}
    .cba-search #cba-loc-dd,.cba-search.no-viewed #cba-q-dd,.cba-search #cba-q-dd{width:100%;right: 0;}
    .cba-search .panel{grid-template-columns: 1fr;}
    .cba-search .dropdown{display:block;max-height:calc(100dvh - 55px)}
    .cba-search .dropdown.open{max-height:calc(44dvh - 0px)}
    #cba-nearby-section {display: flex;}
    #cba-nearby-section .thumb {display: none}
    .cba-search .list{gap:0;}
    .cba-search .thumb {width: 35px;height: 35px;flex: 0 0 35px;}
    .cba-search .loc-item{flex:1;}
    .cba-search.active,.cba-search .field:focus-within{background: #fff;}
    .cba-search.active .submit {background: #fff;}
    .cba-search:focus-within{border-radius: 15px 15px 0 0;}
    .cba-search #cba-q-field:focus-within:after {display: block;}
}