/* Autocomplétion des lieux — liste flottante « Loop web ui » (cartes arrondies, pictos colorés par groupe) */
.geo-pop{--c:#33acd3;position:fixed;z-index:3000;background:#fff;border:1px solid var(--line,#e6ecf0);border-radius:20px;box-shadow:var(--sh2,0 2px 5px rgba(10,42,56,.07),0 24px 49px -20px rgba(10,42,56,.32));padding:8px;overflow:auto;overscroll-behavior:contain;font:500 14px/1.35 var(--f,system-ui,sans-serif);color:var(--ink,#12232d);animation:geoIn .14s ease-out}
.geo-pop[hidden]{display:none}
@keyframes geoIn{from{opacity:0;transform:translateY(-4px)}}
.geo-k-v{--c:#33acd3}.geo-k-a{--c:#f2901f}.geo-k-d{--c:#1c6f80}.geo-k-r{--c:#8a3f97}.geo-k-c{--c:#79bf3c}.geo-k-o{--c:#e3168c}
.geo-ic{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--c) 14%,#fff);color:color-mix(in srgb,var(--c) 82%,#000)}
.geo-ic .i{width:17px;height:17px}
.geo-gh{display:flex;align-items:center;gap:8px;padding:10px 8px 4px;font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ink3,#8a99a3)}
.geo-gh .geo-ic{width:22px;height:22px}.geo-gh .geo-ic .i{width:12px;height:12px}
.geo-o{display:flex;align-items:center;gap:12px;min-height:46px;padding:6px 10px;border-radius:14px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.geo-o:hover,.geo-o[aria-selected=true]{background:color-mix(in srgb,var(--c) 11%,#fff)}
.geo-o[aria-selected=true]{box-shadow:inset 3px 0 0 var(--c)}
.geo-t{display:flex;flex-direction:column;min-width:0;flex:1}
.geo-m{font-size:14px;font-weight:600;color:var(--ink,#12232d);overflow-wrap:anywhere}.geo-m b{font-weight:800;color:var(--navy,#0a2a38)}
.geo-s{font-size:12px;font-weight:500;color:var(--ink2,#51646f);overflow-wrap:anywhere}
.geo-n{flex:none;margin-left:auto;font-size:11.5px;font-weight:800;color:color-mix(in srgb,var(--c) 70%,#000);background:color-mix(in srgb,var(--c) 13%,#fff);padding:3px 10px;border-radius:999px;white-space:nowrap}
.geo-ft{margin-top:6px;padding-top:6px;border-top:1px solid var(--line,#e6ecf0)}
.geo-empty{display:flex;flex-direction:column;gap:3px;padding:16px 12px;font-size:13px;color:var(--ink2,#51646f)}.geo-empty b{font-size:14px;color:var(--navy,#0a2a38);font-weight:800}
.geo-load{flex-direction:row;align-items:center;gap:10px;color:var(--ink2,#51646f)}.geo-load::before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid #d7e0e6;border-top-color:#33acd3;animation:geoSpin .7s linear infinite}
.geo-load span:empty{display:none}
@keyframes geoSpin{to{transform:rotate(360deg)}}
input[data-geo].geo-busy{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23d7e0e6' stroke-width='3'/%3E%3Cpath d='M12 3a9 9 0 0 1 9 9' fill='none' stroke='%2333acd3' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='.8s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px}
.geo-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0}
@media(max-width:700px){
  input[data-geo]{font-size:16px!important} /* évite le zoom automatique d'iOS */
  .geo-pop{border-radius:18px;padding:6px}
  .geo-o{min-height:52px}
}
@media(prefers-reduced-motion:reduce){.geo-pop,.geo-load::before{animation:none}}