/**
 * CSS Override - Força filtros em uma linha
 */

/* Espaçamento entre seção de filtros e downloads */
.wpdm-filter-section {
    margin-bottom: 30px !important;
    overflow: hidden !important;
}

/* Força layout em linha */
.wpdm-filter-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px !important;
    overflow: hidden !important;
}

.wpdm-filter-row > * {
    display: inline-block !important;
    float: none !important;
    clear: none !important;
}

.wpdm-filter-field {
    display: inline-block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
}

.wpdm-filter-field.wpdm-filter-search {
    flex: 1 1 auto !important;
    min-width: 250px !important;
}

.wpdm-filter-actions {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    gap: 10px !important;
}

/* Garante que inputs e selects fiquem inline */
.wpdm-select,
.wpdm-input {
    display: inline-block !important;
    width: 100% !important;
    min-width: 180px !important;
    margin: 0 !important;
    float: none !important;
}

/* Campo de data personalizada */
.wpdm-custom-date-field {
    display: none !important;
}

.wpdm-custom-date-field.show {
    display: inline-block !important;
}

.wpdm-btn-search,
.wpdm-btn-clear {
    display: inline-flex !important;
    margin: 0 !important;
    float: none !important;
}

/* Responsividade Mobile */
@media (max-width: 768px) {
    .wpdm-filter-row {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }
    
    .wpdm-filter-field {
        width: 100% !important;
        flex: 1 1 100% !important;
        min-width: 100% !important;
    }
    
    .wpdm-filter-field.wpdm-filter-search {
        flex: 1 1 100% !important;
        min-width: 100% !important;
    }
    
    .wpdm-custom-date-field {
        width: 100% !important;
        flex: 1 1 100% !important;
        min-width: 100% !important;
    }
    
    .wpdm-select,
    .wpdm-input {
        width: 100% !important;
        min-width: 100% !important;
    }
    
    .wpdm-filter-actions {
        flex-direction: row !important;
        width: 100% !important;
        gap: 10px !important;
    }
    
    .wpdm-btn-search,
    .wpdm-btn-clear {
        flex: 1 !important;
        width: auto !important;
        justify-content: center !important;
    }
}