/* ── partials/city-search-js.blade.php ── */
.city-drop {
    position: absolute; top: calc(100% + 4px); left: 0; right: 0;
    background: #fff; border: 2px solid #f26522; border-radius: 10px;
    box-shadow: 0 12px 32px rgba(0,0,0,.15); z-index: 9999;
    display: none; max-height: 280px; overflow-y: auto;
}
.city-drop.open { display: block; }
.city-opt {
    display: flex; align-items: center; gap: .65rem;
    padding: .6rem .9rem; cursor: pointer;
    border-bottom: 1px solid #f3f4f6; transition: background .08s;
    font-size: .85rem;
}
.city-opt:last-child { border-bottom: none; }
.city-opt:hover, .city-opt.hl { background: #fff7f0; }
.co-icon { width:30px;height:30px;border-radius:6px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0; }
.co-main { font-weight:600;font-size:.85rem;color:#111827; }
.co-sub  { font-size:.73rem;color:#6b7280;margin-top:.05rem; }
.co-id   { margin-left:auto;flex-shrink:0;font-size:.68rem;font-weight:700;background:#fff0e6;color:#f26522;padding:.15rem .45rem;border-radius:4px; }
.city-msg { padding:.75rem .9rem;font-size:.82rem;color:#6b7280;display:flex;align-items:center;gap:.5rem; }
.city-spinner { width:14px;height:14px;border-radius:50%;border:2px solid #e5e7eb;border-top-color:#f26522;animation:csp .5s linear infinite;flex-shrink:0; }
@keyframes csp { to { transform:rotate(360deg); } }

/* Top loading bar */
#city-preload-bar {
    position:fixed;top:0;left:0;right:0;height:3px;
    background:linear-gradient(90deg,#f26522,#ff8c00);
    z-index:99999;transform:scaleX(0);transform-origin:left;
    transition:transform .4s ease;display:none;
}
#city-preload-bar.active { display:block;transform:scaleX(.65); }
#city-preload-bar.done   { transform:scaleX(1);transition:transform .2s; }