/**
 * Estilos CSS para o Frontend do WooBling Hub.
 * - Adicionados estilos para a página "Vendas Realizadas"
 * - REFActor: Aprimorado o grid de filtros para alinhar corretamente o novo botão "Atualizar Vendas".
 *
 * @version 1.2.0
 * @updated 2025-06-26
 */

/* --- Estilos para a página "Vendas Realizadas" --- */

/* Wrapper dos filtros */
.wbh-filters-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); 
    gap: 20px; 
    align-items: end; 
    margin-bottom: 25px; 
    padding: 20px; 
    background: #f9f9f9; 
    border: 1px solid #ddd; 
    border-radius: 4px; 
}

/* Itens individuais do filtro */
.wbh-filter-item label { 
    font-weight: bold; 
    margin-bottom: 5px; 
    display: block; 
}

/* **ALTERADO**: Grupo para os botões de ação do filtro */
.wbh-filter-actions {
    display: flex;
    gap: 10px;
    align-items: center;
    padding-bottom: 2px; /* Pequeno ajuste de alinhamento vertical com os inputs */
}

/* **ALTERADO**: Botão de submit do filtro e botão de atualizar */
.wbh-filter-actions .button {
    margin: 0 !important; /* Remove margens padrão do WooCommerce para melhor controle */
    flex-grow: 1; /* Permite que os botões cresçam se houver espaço */
}

/* Botão de Ação para Pagamento */
.wbh-pay-orders-actions button { 
    font-size: 1.1em !important; /* !important para sobrepor estilos do tema, se necessário */
    padding: 10px 20px !important;
}

/* Tabela de Pedidos - Coluna de Seleção */
.woocommerce-orders-table .order-select {
    width: 30px;
    text-align: center;
}