/** * FLOW44 Astro - liste de suggestions du champ « lieu de naissance ». * * La liste est rattachée au et positionnée en JavaScript, pour ne pas * être coupée par un parent en overflow: hidden, fréquent dans les * constructeurs de pages. */ .f44-astro-list { position: absolute; z-index: 99999; margin: 2px 0 0; padding: 4px; max-height: 280px; overflow-y: auto; list-style: none; background: #fff; color: #161b42; border: 1px solid rgba(22, 27, 66, 0.15); border-radius: 6px; box-shadow: 0 8px 24px rgba(22, 27, 66, 0.14); font-size: 15px; line-height: 1.35; -webkit-overflow-scrolling: touch; } .f44-astro-list[hidden] { display: none; } .f44-astro-item { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0; padding: 9px 10px; border-radius: 4px; cursor: pointer; } .f44-astro-item.is-active, .f44-astro-item:hover { background: rgba(22, 27, 66, 0.07); } .f44-astro-name { font-weight: 600; } .f44-astro-region { flex: 0 0 auto; opacity: 0.6; font-size: 0.85em; text-align: right; } .f44-astro-empty { padding: 9px 10px; opacity: 0.6; } /* Le champ est rempli automatiquement : on évite que le navigateur superpose sa propre liste d'auto-remplissage à la nôtre. */ input[role='combobox']::-webkit-calendar-picker-indicator { display: none !important; } @media (prefers-color-scheme: dark) { .f44-astro-list { background: #1b1f38; color: #f2f3f7; border-color: rgba(255, 255, 255, 0.16); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5); } .f44-astro-item.is-active, .f44-astro-item:hover { background: rgba(255, 255, 255, 0.1); } }