/* Vehicle Finder Widget Styles */

/* Target both the form and the results container */
#vehicle-finder-form .elementor-grid,
#vehicle-results .elementor-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    /* Negative margin for gutter */
}

#vehicle-finder-form .elementor-grid-item,
#vehicle-results .elementor-grid-item {
    padding: 0 10px;
    /* Gutter */
    box-sizing: border-box;
    margin-bottom: 10px;
}

/* 4 Columns (Desktop) */
#vehicle-finder-form .elementor-grid-4 .elementor-grid-item,
#vehicle-results .elementor-grid-4 .elementor-grid-item {
    flex: 0 0 25%;
    max-width: 25%;
}

/* 1 Column (List) */
#vehicle-finder-form .elementor-grid-1 .elementor-grid-item,
#vehicle-results .elementor-grid-1 .elementor-grid-item {
    flex: 0 0 100%;
    max-width: 100%;
}

/* Tablet: 2 Columns */
@media (max-width: 1024px) {

    #vehicle-finder-form .elementor-grid-tablet-2 .elementor-grid-item,
    #vehicle-results .elementor-grid-tablet-2 .elementor-grid-item {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* Mobile: 2 Columns */
@media (max-width: 767px) {

    #vehicle-finder-form .elementor-grid-mobile-2 .elementor-grid-item,
    #vehicle-results .elementor-grid-mobile-2 .elementor-grid-item {
        flex: 0 0 50%;
        max-width: 50%;
    }

    /* Fallback for 1 column if explicitly set */
    #vehicle-finder-form .elementor-grid-mobile-1 .elementor-grid-item,
    #vehicle-results .elementor-grid-mobile-1 .elementor-grid-item {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

#vehicle-finder-form select,
#vehicle-finder-form button {
    width: 100%;
    height: 40px;
    /* Consistent height */
}