/* ═══════════════════════════════════════════════════════════════
   ATELIER ANGLE NOIR — suggestions d'adresse
   ═══════════════════════════════════════════════════════════════ */

.adr-sug{
  position:fixed;
  z-index:9000;
  background:#12120f;
  border:.5px solid rgba(200,169,110,.34);
  box-shadow:0 16px 46px rgba(0,0,0,.5);
  max-height:262px; overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  display:none;
}
.adr-sug.adr-on{ display:block; }

.adr-sug .adr-i{
  display:flex; flex-direction:column; gap:2px;
  width:100%;
  min-height:52px;
  padding:11px 15px;
  background:none; border:0;
  border-bottom:.5px solid rgba(200,169,110,.11);
  text-align:left; cursor:pointer;
  font-family:'Outfit',system-ui,sans-serif;
  -webkit-appearance:none; appearance:none;
  -webkit-tap-highlight-color:transparent;
}
.adr-sug .adr-i:last-child{ border-bottom:0; }
.adr-sug .adr-i:hover,
.adr-sug .adr-i.adr-sel,
.adr-sug .adr-i:active{ background:rgba(200,169,110,.11); }

.adr-sug .adr-r{ font-size:.88rem; color:#f5f2ec; line-height:1.35; }
.adr-sug .adr-v{
  font-size:.66rem; letter-spacing:.1em; text-transform:uppercase;
  color:rgba(200,169,110,.85);
}

@media (max-width:900px){
  .adr-sug .adr-i{ min-height:56px; padding:13px 15px; }
  .adr-sug{ max-height:min(48vh,300px); }
}