/* ===== Search Bar Component =====
   Shared between Index (_SearchBar) and LeaseFindShort
*/
.search-bar {
    position: relative; z-index: 10; width: 100%;
    max-width: 1320px;
    margin: 0 auto; padding: 0 2rem;
}
.search-bar-inner {
    display: flex; align-items: center; background: #fff;
    border-radius: 60px; box-shadow: 0 8px 32px rgba(0,0,0,0.12);
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
}
.search-bar-field {
    display: flex; align-items: center; gap: 0.65rem; flex: 1 1 0;
    padding: 0.75rem 1.25rem; border-right: 1px solid #e8ecf0;
    cursor: pointer; min-width: 0;
}
.search-bar-field[data-field="dates"] { flex: 1.6 1 0; }
.search-bar-field:last-of-type { border-right: none; }
.search-bar-field > i:first-child { color: #9ca8b5; font-size: 1rem; flex-shrink: 0; }
.search-bar-chevron { color: #9ca8b5; font-size: 0.65rem; margin-left: auto; flex-shrink: 0; }
.search-bar-field-text { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.search-bar-label { font-weight: 700; font-size: 0.8rem; color: #1a1a2e; white-space: nowrap; }
.search-bar-placeholder { font-size: 0.78rem; color: #9ca8b5; }
.search-bar-btn {
    flex-shrink: 0; padding: 1rem 2rem; background: var(--lw-blue, #3085C3);
    color: #fff; border: none; border-radius: 50px; font-weight: 600;
    font-size: 1rem; text-decoration: none; white-space: nowrap;
    transition: background 0.2s, transform 0.2s; cursor: pointer;
}
.search-bar-btn:hover {
    background: #276faa; transform: translateY(-1px); color: #fff; text-decoration: none;
}

@media (max-width: 992px) {
    .search-bar { padding: 0; }
    .search-bar-inner { flex-direction: column; border-radius: 16px; padding: 1rem; }
    .search-bar-field { border-right: none; border-bottom: 1px solid #e8ecf0; padding: 0.75rem; }
    .search-bar-field[data-field="dates"] { flex: 1; }
    .search-bar-field:last-of-type { border-bottom: none; }
    .search-bar-btn { width: 100%; text-align: center; margin-top: 0.5rem; }
}