.elementor-2856 .elementor-element.elementor-element-74e9e075{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-6b789706 *//* Remove os quadrados dos botões dropdown */
button.dropdown-select::after,
#fcLabel::after,
.home_type::after,
.bedrooms::after,
.pets::after,
#sortbyTP::after {
    content: none !important;
    display: none !important;
}

/* Adiciona uma seta para baixo nos dropdowns e define a cor cinza */
button.dropdown-select,
#fcLabel,
.home_type,
.bedrooms,
.pets,
#sortbyTP {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><path fill="%23888" d="M5 6L0 1h10z"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important; /* Ajusta a posição da seta */
    background-size: 12px !important; /* Define o tamanho da seta */
}

/* 🔹 Ajusta a cor dos botões Clear e Search */
.calendar_reset, 
.calendar_search {
    background-color: #D39434 !important; /* Define a cor de fundo */
    border: none !important; /* Remove borda */
    color: white !important; /* Mantém o texto branco */
    font-size: 16px !important; /* Ajusta o tamanho da fonte */
    padding: 10px 15px !important; /* Ajusta padding */
    border-radius: 5px !important; /* Adiciona cantos arredondados */
    cursor: pointer !important; /* Mantém aparência de botão clicável */
    transition: background-color 0.3s ease-in-out !important; /* Adiciona efeito suave */
}

/* 🔹 Adiciona efeito de hover */
.calendar_reset:hover, 
.calendar_search:hover {
    background-color: #b57d2b !important; /* Tom mais escuro no hover */
}

/* Ajuste para garantir que a seta aparece corretamente no mobile */
@media (max-width: 768px) {
    button.dropdown-select,
    #fcLabel,
    .home_type,
    .bedrooms,
    .pets,
    #sortbyTP {
        background-position: right 10px center !important; /* Ajusta a posição da seta no mobile */
        background-size: 10px !important; /* Seta um pouco menor para mobile */
    }

    /* 🔹 Aumenta a largura dos campos no mobile para evitar corte de texto */
    .tapeChart-filters {
        display: flex;
        flex-wrap: wrap;
        gap: 8px; /* Adiciona espaçamento entre os campos */
    }

    .tapeChart-filters > * {
        flex: 1 1 calc(50% - 10px) !important; /* Faz com que cada campo ocupe metade da tela */
        min-width: 140px !important; /* Garante que não fiquem muito pequenos */
        max-width: 100% !important; /* Mantém responsivo */
    }

    /* 🔹 Ajusta os campos para que fiquem alinhados corretamente */
    button.dropdown-select,
    #fcLabel,
    .home_type,
    .bedrooms,
    .pets,
    #sortbyTP {
        width: 100% !important; /* Faz os botões ocuparem a largura total disponível */
        text-align: left !important; /* Mantém o texto alinhado */
        padding: 10px 12px !important; /* Ajusta o padding para um visual mais limpo */
    }
}

/* Oculta o título "Availability Calendar" */
.unit-name span {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-74e9e075 *//* Remove os quadrados dos botões dropdown */
button.dropdown-select::after,
#fcLabel::after,
.home_type::after,
.bedrooms::after,
.pets::after,
#sortbyTP::after {
    content: none !important;
    display: none !important;
}

/* Adiciona uma seta para baixo nos dropdowns e define a cor cinza */
button.dropdown-select,
#fcLabel,
.home_type,
.bedrooms,
.pets,
#sortbyTP {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><path fill="%23888" d="M5 6L0 1h10z"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important; /* Ajusta a posição da seta */
    background-size: 12px !important; /* Define o tamanho da seta */
}

/* Ajuste para garantir que a seta aparece corretamente no mobile */
@media (max-width: 768px) {
    button.dropdown-select,
    #fcLabel,
    .home_type,
    .bedrooms,
    .pets,
    #sortbyTP {
        background-position: right 10px center !important; /* Ajusta a posição da seta no mobile */
        background-size: 10px !important; /* Seta um pouco menor para mobile */
    }
}

/* Oculta o título "Availability Calendar" */
.unit-name span {
    display: none !important;
}/* End custom CSS */