/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Apr 09 2026 | 10:11:02 */
/* ================================
   2- FILTRO DE PREÇO (ALINHADO À ESQUERDA)
   ================================ */

/* Alinhar o conteúdo do Widget à esquerda */
.widget_price_filter {
    text-align: left !important;
}

/* Título alinhado à esquerda */
.widget_price_filter h2, 
.widget_price_filter h3, 
.widget_price_filter h4, 
.widget_price_filter .widget-title { 
    text-align: left !important;
    width: 100% !important;
    font-size: 20px !important; 
    font-weight: 600 !important;
    margin-bottom: 15px !important;
    display: block !important;
}

/* Ajustar a barra (slider) */
.widget_price_filter .price_slider_wrapper {
    margin: 0;
    padding: 10px 0px; /* Removido o padding lateral para alinhar à margem */
}

/* Alinhar preço e botão à esquerda */
.widget_price_filter .price_slider_amount {
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: flex-start !important; /* Alinha os itens à esquerda no flex */
    justify-content: flex-start !important;
    gap: 15px;
    margin-top: 15px;
}

/* Botão Filtrar alinhado à esquerda */
.widget_price_filter .button {
    width: auto !important;
    min-width: 120px;
    margin: 0 !important; /* Remove o auto para não centrar */
}

/* ================================
   AJUSTE DE CORES: BARRA E BOTÃO
   =============================== */

/* 1. Cor da barra de progresso e dos "puxadores" (bolinhas) */
.widget_price_filter .ui-slider .ui-slider-range,
.widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #294D97 !important;
}

/* 2. Estilo do Botão FILTRAR (Estado Normal) */
.widget_price_filter .button {
    background-color: #294D97 !important;
    color: #ffffff !important;
    border: 1px solid #294D97 !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    padding: 10px 20px !important;
    border-radius: 4px;
    transition: all 0.3s ease !important;
    cursor: pointer;
}

/* 3. Estilo do Botão FILTRAR (Ao passar o rato - Hover) */
.widget_price_filter .button:hover {
    background-color: #ffffff !important;
    color: #294D97 !important;
    border: 1px solid #294D97 !important; /* Borda de 1px azul */
}

/* ============================================================
   AJUSTE PARA TELEMÓVEL (FILTRO DE PREÇO CENTRALIZADO)
   ============================================================ */

@media (max-width: 768px) {
    /* 1. Centralizar o contentor e o título */
    .widget_price_filter, 
    .widget_price_filter h2, 
    .widget_price_filter h3, 
    .widget_price_filter h4, 
    .widget_price_filter .widget-title {
        text-align: center !important;
        justify-content: center !important;
    }

    /* 2. Centralizar a área do preço e do botão */
    .widget_price_filter .price_slider_amount {
        align-items: center !important; /* Muda de flex-start para center */
        text-align: center !important;
    }

    /* 3. Centralizar o texto do preço (ex: Preço: 0€ — 600€) */
    .widget_price_filter .price_label {
        text-align: center !important;
        width: 100% !important;
    }

    /* 4. Centralizar o botão FILTRAR */
    .widget_price_filter .button {
        margin: 0 auto !important; /* Força o botão a ir para o meio */
        display: block !important;
    }

    /* 5. Ajuste opcional na barra para não ficar colada às bordas do telemóvel */
    .widget_price_filter .price_slider_wrapper {
        padding: 10px 20px !important;
    }
}