/* Mobile-friendly search styles */
.search-input-group {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.search-input-wrapper {
    flex: 1;
    min-width: 0; /* Prevents flex item from overflowing */
}

#place-picker-container {
    width: 100%;
}

/* Make the place picker take full width */
gmpx-place-picker {
    width: 100% !important;
    max-width: 100% !important;
}

/* Style the search button */
.search-button {
    padding: 0.75rem 1.5rem;
    font-size: 1.1rem;
    border-radius: 0.5rem;
    background: #4CAF50;
    color: white;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: 100%;
    margin-top: 1rem;
}

.search-button:hover {
    background: #45a049;
}

/* Desktop styles (screens larger than 768px) */
@media (min-width: 768px) {
    .search-input-group {
        flex-direction: row;
        align-items: stretch;
    }

    .search-button {
        width: auto;
        margin-top: 0;
        white-space: nowrap;
    }
}

/* Additional mobile improvements */
@media (max-width: 767px) {
    gmpx-place-picker {
        height: auto !important;
        min-height: 48px !important;
    }
}