/* ========================================
   FIX DEFINITIVO BUSCADOR MÓVIL VERTICAL
   Máxima prioridad - Sobrescribe TODO
   ======================================== */

@media only screen and (max-width: 768px) {  
    /* FORZAR contenedor principal */
    body .main-search-container,
    body .main-search-form,
    body .main-search-inner,
    body .main-search-input,
    body div.main-search-input,
    body form .main-search-input {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        gap: 0 !important;
        align-items: stretch !important;
        padding: 0 !important; 
    }
 
    /* FORZAR items del buscador */
    body .main-search-input-item,
    body .main-search-input > div,
    body .main-search-input .main-search-input-item,
    body .search-field-wrapper,
    body .intro-search-field {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        flex: none !important;
        float: none !important;
        margin: 0 0 2px 0 !important;
        padding: 0 !important;
    }

    /* FORZAR botón */
    body .main-search-input button,
    body .main-search-input .button,
    body .main-search-form button,
    body .main-search-button,
    body button[type="submit"],
    body .intro-search-button {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin: 10px 0 0 0 !important;
        float: none !important;
    }

    /* FORZAR inputs y selects */
    body .main-search-input-item select,
    body .main-search-input-item input,
    body .main-search-input-item .bootstrap-select,
    body .main-search-input-item .dropdown-toggle,
    body .search-field-wrapper select,
    body .search-field-wrapper input {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
    }

    /* Eliminar floats - PERO permitir dropdowns absolutos */
    body .main-search-input *,
    body .main-search-input-item * {
        float: none !important;
    }

    /* CRÍTICO: Dropdown del select debe flotar sin ocupar espacio */
    body .main-search-input-item .bootstrap-select .dropdown-menu,
    body .main-search-input-item .dropdown-menu,
    body .search-field-wrapper .dropdown-menu {
        position: absolute !important;
        z-index: 9999 !important;
        margin-top: 0 !important;
    }

    /* Contenedor del select debe tener position relative para anclar el dropdown */
    body .main-search-input-item .bootstrap-select,
    body .search-field-wrapper .bootstrap-select {
        position: relative !important;
    }
}