.elementor-5696 .elementor-element.elementor-element-0e2762f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for shortcode, class: .elementor-element-b7f0c5b *//* ------------------------------
 * Container Principal do Filtro
 * ------------------------------ */
.searchandfilter ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0 10px;
    padding: 0;
    margin: 0;
    list-style: none;
}

/* ------------------------------
 * Estilo base dos <li> do filtro
 * ------------------------------ */
.searchandfilter ul > li {
    display: flex;
    flex-direction: column;
    /*max-width: 800px;*/
    width: 100%;
    flex: 1 1 100px;
    padding-right: 0;
}





.searchandfilter ul > li:not(:first-child):not(:last-child) {
    max-width: 300px;
}

/* ----------------------------------------------
 * Primeiro e Último item ocupando linha própria
 * ---------------------------------------------- */
.searchandfilter ul > li:first-child,
.searchandfilter ul > li:last-child {
    flex: 0 0 100%; /* força quebra de linha */
    display: flex;
    justify-content: center;
    border-radius: 30px !important;
}

.searchandfilter ul > li:first-child > *,
.searchandfilter ul > li:last-child > * {
    width: 100%;
    max-width: 100%;
}


/* ------------------------------
 * Estilo dos <select> do filtro
 * ------------------------------ */
.searchandfilter ul > li > select {
    border-radius: 30px;
    transition: all 0.3s ease;
}

.searchandfilter ul > li > select:hover {
    cursor: pointer;
}

/* ----------------------------------
 * Botões (submit e outros botões)
 * ---------------------------------- */
button,
.btn,
.btn-theme,
.btn-theme-2,
.btn-theme-3,
.btn-white,
.btn-gray,
.btn-black,
input[type="submit"]:not(.fa):not(.btn-theme):not(.las):not(.newsletter__submit),
#tribe-events .tribe-events-button,
.tribe-events-button {
    background: var(--e-global-color-primary);
    color: #fff;
    font-family: var(--gowilds-heading-font-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    padding: 18px 32px;
    border: none;
    border-radius: 30px;
    display: inline-block;
    position: relative;
    z-index: 9;
    transition: all 0.35s;
}

/* --------------------------------------------
 * Campos de texto / textarea do Elementor
 * -------------------------------------------- */
.elementor-kit-3253 input:not([type="button"]):not([type="submit"]),
.elementor-kit-3253 textarea,
.elementor-kit-3253 .elementor-field-textual {
    font-family: var(--e-global-typography-3475a0d-font-family), Sans-serif;
    font-size: var(--e-global-typography-3475a0d-font-size);
    font-weight: var(--e-global-typography-3475a0d-font-weight);
    line-height: var(--e-global-typography-3475a0d-line-height);
    border: solid 1px var(--e-global-color-749a04a);
    border-radius: 30px !important;
    padding: 16px 20px;
}

/* --------------------------
 * Títulos do Elementor (h4)
 * -------------------------- */
.elementor-kit-3253 h4 {
    color: var(--e-global-color-primary);
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: 19px;
    font-weight: var(--e-global-typography-accent-font-weight);
    line-height: var(--e-global-typography-accent-line-height);
}

/* -----------------------------------------------------
 * Correção visual para botão de envio do Search & Filter
 * (Selector mais específico necessário para override)
 * ----------------------------------------------------- */
button, .btn, .btn-theme, .btn-theme-2, .btn-theme-3, .btn, .btn-white, .btn-gray, .btn-black, input[type*="submit"]:not(.fa):not(.btn-theme):not(.las):not(.newsletter__submit), #tribe-events .tribe-events-button, .tribe-events-button {
    border-radius: 30px !important;
    margin-top: 30px;
}/* End custom CSS */