/* One readable city sheet. No ancestor animation, no row cascade, no blur stacking. */
#locMenu{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:0;min-width:0;padding:16px;border-radius:22px;transform:none;overflow:hidden;box-sizing:border-box;color:#231e18;background:#faf7f1;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 22px 64px rgba(25,18,9,.25),inset 0 1px 0 #fff;border:1px solid #e2d8c8;font-family:var(--font-ui,system-ui)}
#locMenu[hidden],#locMenu [hidden]{display:none!important}
#locMenu .city-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-6px -4px 6px 2px;flex:none}
#locMenu .city-head label{font-size:18px;font-weight:700;letter-spacing:-.025em}
#locMenu .city-head button,#cityClear{width:44px;height:44px;flex:none;border:0;background:transparent;color:#4e4539;border-radius:50%;font:24px/1 system-ui;cursor:pointer}
#locMenu .city-field{display:flex;align-items:center;min-height:50px;flex:none;border:1px solid #bfb29e;border-radius:13px;background:#fff;overflow:hidden}
#locMenu .city-field:focus-within{outline:2px solid #8a691d;outline-offset:2px}
#citySearch{width:100%;min-width:0;padding:14px 13px;background:transparent;color:#231e18;outline:none;border:0;box-shadow:none;font:400 16px/1.35 var(--font-ui,system-ui)}
#citySearch::placeholder{color:#6b6257;opacity:1}
#locMenu .city-geo{display:flex;align-items:center;gap:10px;flex:none;min-height:48px;margin:8px 0 0;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:#604813;font:600 14px/1.35 var(--font-ui,system-ui);text-align:left;cursor:pointer}
#locMenu .city-geo:disabled{color:#756c60;cursor:wait}
#cityStatus{flex:none;margin:6px 3px 8px;min-height:21px;font-size:14px;line-height:1.5;color:#62594e}
#cityResults{position:relative;overflow:auto;overscroll-behavior:contain;min-height:0;scroll-behavior:auto;flex:1 1 auto;max-height:336px;padding:2px}
#locMenu .city-option{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;min-height:56px;padding:10px 11px;border:0;border-radius:11px;background:transparent;color:#231e18;text-align:left;white-space:normal;cursor:pointer;transition:background .12s}
#locMenu .city-option-title{font:600 16px/1.4 var(--font-ui,system-ui)}
#locMenu .city-option-detail{font:400 14px/1.4 var(--font-ui,system-ui);color:#62594e}
#locMenu .city-option.active{background:#eee4cf;box-shadow:inset 3px 0 #a5802c}
#locMenu .city-option:active{background:#e4d5b6}
#locMenu button:focus-visible,#locMenu a:focus-visible{outline:2px solid #8a691d;outline-offset:-2px}
#locMenu .city-coverage{flex:none;margin:10px 3px 1px;font-size:14px;line-height:1.5;color:#62594e}
#locMenu .city-coverage a{color:inherit;text-underline-offset:3px;padding-block:5px}
#cityRetry{flex:none;min-height:44px;border:1px solid #bfb29e;background:#fff;border-radius:10px;color:#231e18;cursor:pointer}
@media(hover:hover){#locMenu .city-option:hover,#locMenu .city-geo:hover,#cityClose:hover,#cityClear:hover{background:#eee7dc}}
@media(prefers-reduced-motion:reduce){#locMenu *{transition:none!important;animation:none!important}}

/* Inline results use the same city index, directly beneath the main query.
   Solid readable controls sit on the existing glass sheet; no nested blur. */
#searchCitySuggestions{flex:none;border:1px solid #e2d8c8;border-radius:18px;padding:6px;background:#faf7f1;color:#231e18}
#searchCitySuggestions[hidden],#searchCitySuggestions [hidden]{display:none!important}
#searchCityStatus{padding:8px 10px;font:500 14px/1.4 var(--font-ui,system-ui);color:#62594e}
#searchCityResults .search-city-option{display:flex;flex-direction:column;gap:2px;width:100%;min-height:58px;padding:10px;border:0;border-radius:11px;background:transparent;color:#231e18;text-align:left;cursor:pointer;font:600 16px/1.4 var(--font-ui,system-ui)}
#searchCityResults .search-city-option small{font:400 14px/1.4 var(--font-ui,system-ui);color:#62594e}
#searchCityResults .search-city-option.active,#searchCityResults .search-city-option:active{background:#eee4cf}
#searchCityResults .search-city-option:focus-visible,#searchCityRetry:focus-visible{outline:2px solid #8a691d;outline-offset:-2px}
#searchCityRetry{min-height:44px;padding:8px 12px;border:1px solid #bfb29e;border-radius:10px;background:#fff;color:#231e18;font:500 14px/1.4 var(--font-ui,system-ui)}
#searchSheet.has-city-suggestions .ssh-sep,#searchSheet.has-city-suggestions .ssh-pops{display:none}
@media(hover:hover){#searchCityResults .search-city-option:hover{background:#eee7dc}}
