/* Address suggestions (site/assets/address.js), as the app's
   (app repo, src/components/AddressInput.css). */
.address-input{position:relative;flex:1;min-width:0;display:flex}
.address-input>input{flex:1;min-width:0;width:100%}
.address-suggestions{position:fixed;z-index:60;background:var(--white);border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.25);overflow:hidden;color:var(--char);text-align:left}
.address-suggestions[hidden]{display:none}
.address-suggestions ul{list-style:none;margin:0;padding:6px 0}
.address-suggestions li{display:flex;flex-direction:column;gap:2px;padding:10px 14px;cursor:pointer}
.address-suggestions li.active{background:var(--paper)}
.address-suggestions .main{font-size:15px;font-weight:600;color:var(--navy)}
.address-suggestions .secondary{font-size:13px;color:var(--muted)}
/* Google requires its name next to Places results shown without a map */
.address-suggestions .attribution{margin:0;padding:6px 14px 8px;border-top:1px solid var(--line);font-family:Roboto,Arial,sans-serif;font-size:11px;color:var(--muted);text-align:right}
/* The address pop-up (site/assets/address.js) */
.address-modal{position:fixed;inset:0;z-index:70;background:rgba(18,42,82,.55);display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px}
.address-modal[hidden]{display:none}
html.address-modal-open{overflow:hidden}
.address-modal-card{position:relative;width:100%;max-width:560px;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:28px 28px 22px}
.address-modal-card h2{font-size:clamp(24px,3vw,30px);margin:4px 0 6px}
.address-modal-close{position:absolute;top:10px;right:12px;border:0;background:none;font-size:28px;line-height:1;color:var(--muted);cursor:pointer;padding:4px 8px}
.address-modal-form{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.address-modal-form .address-input{flex:1 1 260px}
.address-modal-form input{width:100%;padding:15px 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);font:inherit;font-size:16px}
.address-modal-form input:focus{outline:none;border-color:var(--deep)}
.address-modal-hint{min-height:20px;margin-top:10px;font-size:14px;color:#A11}
/* Suggestions under the pop-up's box sit above the pop-up */
.address-suggestions{z-index:80}