/* Mappa dei Ricordi (founder, 29/10/2026): "Dove" in the composer and in the
   album, the place search sheet and the map in Ricordi. */

/* Composer: "Dove · facoltativo" under the date. */
.us-moment-compose-sheet .moment-place-field{display:block;margin:0}
.moment-place-row{display:flex;gap:8px;align-items:stretch}
.moment-place-btn{flex:1;min-width:0;min-height:52px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px dashed var(--us-color-line-strong);border-radius:16px;background:var(--us-color-bg);color:var(--us-color-text-3,rgba(247,239,233,.62));font:400 16px/1.2 var(--us-font-ui);text-align:left;--us-icon-size:18px}
.moment-place-btn>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.moment-place-field.has-place .moment-place-btn{border-style:solid;color:var(--us-color-text)}
.moment-place-field.has-place .moment-place-btn .us-icon{color:var(--us-color-accent-ink)}
.moment-place-clear{flex:0 0 52px;min-height:52px;display:grid;place-items:center;border:1px solid var(--us-color-line-strong);border-radius:16px;background:var(--us-color-bg);color:var(--us-color-text);--us-icon-size:16px}
.moment-place-btn:focus-visible,.moment-place-clear:focus-visible{outline:none;border-color:var(--us-ambra);box-shadow:0 0 0 3px color-mix(in srgb,var(--us-ambra) 28%,transparent)}

/* Album: the place under the date, a tap changes it. */
.us-album-place{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-height:36px;margin:6px 0 2px;padding:0 12px 0 10px;border:1px dashed var(--us-color-line-strong);border-radius:999px;background:transparent;color:var(--us-color-text-3,rgba(247,239,233,.62));font:500 13px/1.2 var(--us-font-ui);--us-icon-size:15px}
.us-album-place>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.us-album-place.has-place{border-style:solid;border-color:var(--us-color-accent-line);background:var(--us-color-accent-soft);color:var(--us-color-text)}
.us-album-place[hidden]{display:none}

/* The search sheet: above the composer and the album. */
.ricordi-place-overlay{position:fixed;inset:0;z-index:10250;display:none;align-items:flex-end;justify-content:center;padding-top:var(--us-safe-top)}
.ricordi-place-overlay.show{display:flex}
.ricordi-place-overlay>.us-modal-backdrop{position:absolute;inset:0}
.ricordi-place-sheet{position:relative;z-index:1;width:min(520px,100%);max-height:calc(var(--us-viewport-height,100dvh) - var(--us-safe-top) - 24px);overflow:auto;overscroll-behavior:contain;padding:0 18px calc(16px + var(--us-safe-bottom));color:var(--us-color-text)}
.ricordi-place-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 12px}
.ricordi-place-head h2{margin:3px 0 0;font:400 27px/1 var(--us-font-editorial);letter-spacing:-.02em}
.ricordi-place-input{display:block;width:100%;min-height:52px;margin:0;padding:0 14px;border:1px solid var(--us-color-line-strong);border-radius:16px;background:var(--us-color-bg);color:var(--us-color-text);font:400 16px/1.2 var(--us-font-ui);-webkit-appearance:none;appearance:none}
.ricordi-place-input:focus-visible{outline:none;border-color:var(--us-ambra);box-shadow:0 0 0 3px color-mix(in srgb,var(--us-ambra) 28%,transparent)}
.ricordi-place-status{min-height:18px;margin:8px 2px 4px;color:var(--us-color-text-3,rgba(247,239,233,.62));font-size:12px;line-height:1.5}
.ricordi-place-status:empty{min-height:8px}
.ricordi-place-results{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.ricordi-place-results button{width:100%;min-height:56px;display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid var(--us-color-line);border-radius:15px;background:rgba(255,255,255,.035);color:var(--us-color-text);text-align:left;--us-icon-size:18px}
.ricordi-place-results button:active{background:rgba(255,255,255,.075)}
.ricordi-place-results button .us-icon{flex:0 0 auto;color:var(--us-color-accent-ink)}
.ricordi-place-results button>span:last-child{display:grid;gap:2px;min-width:0}
.ricordi-place-results b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650}
.ricordi-place-results small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--us-color-text-3,rgba(247,239,233,.62));font-size:11px}
.ricordi-place-remove{width:100%;min-height:48px;margin-top:12px;border-radius:15px}
.ricordi-place-remove[hidden]{display:none}
.ricordi-place-credit{margin:14px 0 0;color:var(--us-color-locked);font-size:10px;text-align:center}

/* Ricordi: "Mese per mese" or "Mappa". */
#moments .ricordi-story-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ricordi-map-switch{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 13px 0 11px;border:1px solid var(--us-color-line-strong);border-radius:999px;background:transparent;color:var(--us-color-text);font:600 12px/1 var(--us-font-ui);--us-icon-size:15px}
.ricordi-map-switch[aria-pressed="true"]{border-color:var(--us-color-accent-line);background:var(--us-color-accent-soft)}
#moments.ricordi-map-on #momentsGrid,#moments.ricordi-map-on #ricordiChapters{display:none!important}

.ricordi-map{position:relative;height:min(64vh,560px);min-height:320px;margin:10px 0 18px;overflow:hidden;border:1px solid var(--us-color-line);border-radius:22px;background:var(--us-color-surface)}
.ricordi-map[hidden]{display:none}
/* Stronger than MapLibre's own .maplibregl-map{position:relative}. */
.ricordi-map .ricordi-map-canvas{position:absolute;inset:0;width:100%;height:100%}
.ricordi-map.is-loading::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%) var(--us-color-surface);background-size:200% 100%;animation:ricordi-map-wait 1.4s linear infinite}
@keyframes ricordi-map-wait{to{background-position:-200% 0}}
.ricordi-map-empty{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;margin:0;padding:12px 14px;border-radius:15px;background:color-mix(in srgb,var(--us-color-bg) 86%,transparent);color:var(--us-color-text);font-size:12px;line-height:1.45;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

/* A pin is the photo of the Ricordo, framed like a small print. Close up
   (.is-near) its note, or the place, is written small under it. */
.ricordi-map-pin{display:block;width:54px;height:54px;padding:0;border:0;background:none;color:var(--us-color-text);cursor:pointer;--us-icon-size:20px}
.ricordi-map-photo{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;border:2px solid var(--us-latte,#f7efe9);border-radius:14px;background:var(--us-color-elevated);box-shadow:0 6px 16px rgba(0,0,0,.45)}
.ricordi-map-photo img{width:100%;height:100%;object-fit:cover;display:block}
.ricordi-map-label{position:absolute;top:calc(100% + 5px);left:50%;display:none;max-width:132px;padding:3px 8px;border-radius:9px;background:color-mix(in srgb,var(--us-color-bg) 88%,transparent);color:var(--us-color-text);font:600 11px/1.3 var(--us-font-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateX(-50%);box-shadow:0 3px 10px rgba(0,0,0,.35);pointer-events:none}
.ricordi-map.is-near .ricordi-map-label{display:block}
.ricordi-map-pin.is-cluster .ricordi-map-photo{border-color:var(--us-noi)}
.ricordi-map-count{position:absolute;top:-8px;right:-8px;min-width:24px;height:24px;display:grid;place-items:center;padding:0 6px;border:2px solid var(--us-color-bg);border-radius:999px;background:var(--us-noi);color:var(--us-inchiostro,#1b1320);font:800 12px/1 var(--us-font-ui)}
.ricordi-map .maplibregl-ctrl-attrib{font-size:10px}

@media (prefers-reduced-motion:reduce){.ricordi-map.is-loading::after{animation:none}}
