/* ============================================
   VEHICLE SEARCH - FIX Responsive
   Questo file sovrascrive le larghezze fisse
   ============================================ */

/* Reset box-sizing per tutto il widget */
.TuningSpaces_quickSearch_Widget,
.TuningSpaces_quickSearch_Widget * {
    box-sizing: border-box !important;
}

/* Container principale con overflow hidden */
.TuningSpaces_quickSearch_Widget .searchcarform {
    overflow: hidden !important;
    max-width: 100% !important;
}

/* Layout a griglia per i filtri */
.TuningSpaces_quickSearch_Widget .row.list-fileds,
.searchcarform .row.list-fileds {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    justify-content: center !important;
}

/* Ogni filtro - larghezza flessibile */
.TuningSpaces_quickSearch_Widget .col-auto.filtermenu,
.TuningSpaces_quickSearch_Widget .filtermenu,
.searchcarform .col-auto.filtermenu,
.searchcarform .filtermenu {
    flex: 1 1 160px !important;
    max-width: 200px !important;
    min-width: 140px !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Custom select wrapper */
.TuningSpaces_quickSearch_Widget .custom-select,
.searchcarform .custom-select {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

/* OVERRIDE larghezze fisse Select2 */
.TuningSpaces_quickSearch_Widget .select2-container,
.TuningSpaces_quickSearch_Widget .select2-container--default,
.searchcarform .select2-container,
.searchcarform .select2-container--default {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.TuningSpaces_quickSearch_Widget .select2-container--default .select2-selection--single,
.searchcarform .select2-container--default .select2-selection--single {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

/* Testo nel select - troncato se troppo lungo */
.TuningSpaces_quickSearch_Widget .select2-selection__rendered,
.searchcarform .select2-selection__rendered {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    padding-right: 25px !important;
}

/* Bottone Find My Car */
.TuningSpaces_quickSearch_Widget .buttonfindcarsearch,
.searchcarform .buttonfindcarsearch {
    flex: 1 1 160px !important;
    max-width: 200px !important;
    min-width: 140px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.TuningSpaces_quickSearch_Widget .buttonfindcarsearch button,
.searchcarform .buttonfindcarsearch button {
    width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* ============ RESPONSIVE ============ */

/* Tablet */
@media (max-width: 991px) {
    .TuningSpaces_quickSearch_Widget .col-auto.filtermenu,
    .TuningSpaces_quickSearch_Widget .filtermenu,
    .TuningSpaces_quickSearch_Widget .buttonfindcarsearch,
    .searchcarform .col-auto.filtermenu,
    .searchcarform .filtermenu,
    .searchcarform .buttonfindcarsearch {
        flex: 1 1 calc(33% - 12px) !important;
        max-width: calc(33% - 12px) !important;
        min-width: 120px !important;
    }
}

/* Tablet small */
@media (max-width: 767px) {
    .TuningSpaces_quickSearch_Widget .col-auto.filtermenu,
    .TuningSpaces_quickSearch_Widget .filtermenu,
    .TuningSpaces_quickSearch_Widget .buttonfindcarsearch,
    .searchcarform .col-auto.filtermenu,
    .searchcarform .filtermenu,
    .searchcarform .buttonfindcarsearch {
        flex: 1 1 calc(50% - 12px) !important;
        max-width: calc(50% - 12px) !important;
        min-width: 100px !important;
    }

    .TuningSpaces_quickSearch_Widget .searchcarform,
    .searchcarform {
        padding: 20px !important;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .TuningSpaces_quickSearch_Widget .row.list-fileds,
    .searchcarform .row.list-fileds {
        flex-direction: column !important;
        gap: 10px !important;
    }

    .TuningSpaces_quickSearch_Widget .col-auto.filtermenu,
    .TuningSpaces_quickSearch_Widget .filtermenu,
    .TuningSpaces_quickSearch_Widget .buttonfindcarsearch,
    .searchcarform .col-auto.filtermenu,
    .searchcarform .filtermenu,
    .searchcarform .buttonfindcarsearch {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100% !important;
    }

    .TuningSpaces_quickSearch_Widget .searchcarform,
    .searchcarform {
        padding: 15px !important;
    }
}