/* Texto predictivo de lugares (static/js/place_suggest.js). El mismo
   desplegable en todos los campos de ciudad de la app. */
.ps-list {
    position: absolute; z-index: 1000; box-sizing: border-box;
    max-height: min(320px, 46vh); overflow-y: auto;
    background: var(--gl-card-2, var(--gl-surface-raised, #11182a));
    border: 1px solid var(--gl-border, rgba(255, 255, 255, 0.1));
    border-radius: 14px;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.35);
    -webkit-overflow-scrolling: touch;
    text-align: left;
}
.ps-list[hidden] { display: none; }
.ps-list--up { box-shadow: 0 -14px 32px rgba(0, 0, 0, 0.35); }
.ps-item {
    display: flex; align-items: center; gap: 12px;
    min-height: 52px; padding: 8px 14px;
    color: var(--gl-text, #fff); cursor: pointer;
    border-bottom: 1px solid var(--gl-border, rgba(255, 255, 255, 0.08));
}
.ps-item:last-child { border-bottom: 0; }
.ps-item:hover, .ps-item.is-active { background: var(--gl-surface-hover, rgba(255, 255, 255, 0.06)); }
.ps-item > i { flex: none; width: 1.3rem; text-align: center; color: var(--gl-blue-soft, #3d86ff); font-size: 1.05rem; }
.ps-item__txt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.ps-item__label { font-size: 0.98rem; font-weight: 600; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ps-item__label b { font-weight: 800; color: var(--gl-blue-soft, #3d86ff); }
.ps-item__sub { font-size: 0.78rem; color: var(--gl-text-muted, #8c98b6); line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ps-item__count { flex: none; font-size: 0.74rem; color: var(--gl-text-muted, #8c98b6); text-align: right; line-height: 1.2; max-width: 38%; }
/* Móviles estrechos: la cifra se seguía escondiendo y el usuario no veía
   cuántos anuncios tiene el lugar (punto 6 del cliente, oct 2026). Se queda
   a la vista y, si es larga («0 en venta · 9 en alquiler»), parte en dos líneas. */
@media (max-width: 420px) { .ps-item__count { font-size: 0.7rem; max-width: 42%; white-space: normal; } }

/* ===== Tema claro (punto 17) =====
Desplegable de lugares en tema claro.
   ========================================================================== */

:root[data-theme="light"] .ps-list { box-shadow: 0 14px 32px rgba(15, 23, 42, 0.14); }
:root[data-theme="light"] .ps-list--up { box-shadow: 0 -14px 32px rgba(15, 23, 42, 0.14); }