.elementor-5406 .elementor-element.elementor-element-97de276{--display:flex;--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5406 .elementor-element.elementor-element-e48bbbd{width:initial;max-width:initial;}.elementor-5406 .elementor-element.elementor-element-e48bbbd > .elementor-widget-container{margin:0px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-5406 .elementor-element.elementor-element-e48bbbd.elementor-element{--flex-grow:0;--flex-shrink:0;}#elementor-popup-modal-5406 .dialog-widget-content{animation-duration:0.4s;border-style:solid;border-width:0px 0px 0px 1px;border-color:var( --e-global-color-b75f9d6 );box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-5406{background-color:rgba(0,0,0,.8);justify-content:flex-end;align-items:center;pointer-events:all;}#elementor-popup-modal-5406 .dialog-message{width:20vw;height:100vh;align-items:flex-start;}#elementor-popup-modal-5406 .dialog-close-button{display:flex;}@media(max-width:767px){.elementor-5406 .elementor-element.elementor-element-97de276{--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5406 .elementor-element.elementor-element-e48bbbd > .elementor-widget-container{margin:0px 0px 120px 0px;}#elementor-popup-modal-5406 .dialog-message{width:85vw;padding:0px 0px 0px 0px;}#elementor-popup-modal-5406 .dialog-widget-content{margin:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-97de276 *//* ===========================
   FONTE GLOBAL
=========================== */
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');

.wpf_form_filtro_2,
.wpf_form_filtro_2 * {
    font-family: 'Share Tech Mono', monospace !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em;
}

/* ===========================
   ESTRUTURA
=========================== */
.wpf_form_filtro_2 .wpf_items_wrapper {
    display: flex;
    flex-direction: column;
    gap: -px; /* menos espaço entre blocos */
}

.wpf_form_filtro_2 .wpf_item {
    padding-bottom: 12px;
    border-bottom: 1px solid #222222;
}

.wpf_form_filtro_2 .wpf_item_submit {
    border-bottom: none;
    padding-bottom: 0;
}

/* ===========================
   TÍTULOS
=========================== */
.wpf_form_filtro_2 .wpf_item_name {
    color: #C4B4A5 !important;
    font-size: 14px !important;
    margin-bottom: 6px;
}

/* ===========================
   CORPO / LABELS
=========================== */
.wpf_form_filtro_2 label,
.wpf_form_filtro_2 .wpf-slider-label,
.wpf_form_filtro_2 span:not(.wpf_item_count) {
    color: #998A7C !important;
    font-size: 12px !important;
}

/* ===========================
   CONTADOR (numerozinho)
=========================== */
.wpf_form_filtro_2 .wpf_item_count {
    color: #574E47 !important;
    font-size: 11px !important;
    margin-left: 4px;
}

/* ===========================
   LISTA COM MENOS ESPAÇO
=========================== */
.wpf_form_filtro_2 ul.wpf_column_horizontal {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
}

.wpf_form_filtro_2 ul.wpf_column_horizontal li {
    border: none !important;
    padding: 2px 0; /* menos espaçamento vertical */
    display: flex;
    align-items: center;
    gap: 6px;
}

/* ===========================
   CHECKBOX MINIMAL
=========================== */
.wpf_form_filtro_2 input[type="checkbox"] {
    appearance: none;
    width: 14px;
    height: 14px;
    border: 1px solid #998A7C;
    background: transparent;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
}

.wpf_form_filtro_2 input[type="checkbox"]:checked {
    background: #998A7C;
}

.wpf_form_filtro_2 input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    inset: 3px;
    background: #000000;
}

/* ===========================
   SLIDER
=========================== */
.wpf_form_filtro_2 .ui-slider-range {
    background: #998A7C !important;
}

.wpf_form_filtro_2 .ui-slider-handle {
    border: 1px solid #998A7C !important;
    background: #000000 !important;
    width: 14px;
    height: 14px;
    border-radius: 50%;
}

/* ===========================
   BOTÃO
=========================== */
.wpf_form_filtro_2 .wpf_search_button {
    width: 100%;
    background: transparent !important;
    border: 1px solid #998A7C !important;
    color: #998A7C !important;
    font-size: 12px !important;
    padding: 10px 0;
    cursor: pointer;
    transition: all 0.2s ease;
}

.wpf_form_filtro_2 .wpf_search_button:hover {
    background: #998A7C !important;
    color: #000000 !important;
}

/* ===========================
   LIMPAR
=========================== */
.wpf_reset_btn input[type="reset"] {
    margin-top: 6px;
    background: none;
    border: none;
    color: #574E47;
    font-size: 11px;
    cursor: pointer;
}

.wpf_form_filtro_2 .wpf_item_name {
    font-weight: 400 !important;
}

/* VOLTAR CHECKBOX PADRÃO E AJUSTAR COR */
.wpf_form_filtro_2 input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    width: 16px;
    height: 16px;
    box-shadow: none !important;
    border: 1px solid #222222 !important; /* borda na cor certa */
    accent-color: #22222; /* cor do check em navegadores modernos */
    background: transparent;
}

/* REMOVER AQUELE PRETO POR CIMA QUE EU TINHA CRIADO */
.wpf_form_filtro_2 input[type="checkbox"]::after {
    content: none !important;
}

/* ===========================
   CHECKBOX CUSTOM POR LABEL
=========================== */

/* esconde o checkbox nativo */
.wpf_form_filtro_2 input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* garante layout legal dos itens */
.wpf_form_filtro_2 ul.wpf_column_horizontal li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* label com espaço pro quadradinho */
.wpf_form_filtro_2 input[type="checkbox"] + label {
    position: relative;
    padding-left: 22px; /* espaço da caixinha */
}

/* quadradinho visível (borda da caixinha) */
.wpf_form_filtro_2 input[type="checkbox"] + label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 1px solid #222222;      /* COR DA BORDA AQUI */
    border-radius: 5px;
    background: transparent;
    box-sizing: border-box;
}

/* quando estiver marcado, preenche a caixinha */
.wpf_form_filtro_2 input[type="checkbox"]:checked + label::before {
    background: #998A7C;
}

/* opcional: quadradinho interno preto pra dar contraste */
.wpf_form_filtro_2 input[type="checkbox"]:checked + label::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: #000000; /* preto dentro */
}

/* ===========================
   CHECKBOX ESTILO "V BONITINHO"
=========================== */

/* some o checkbox nativo */
.wpf_form_filtro_2 input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* organiza o li */
.wpf_form_filtro_2 ul.wpf_column_horizontal li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* espaço pro checkbox */
.wpf_form_filtro_2 input[type="checkbox"] + label {
    position: relative;
    padding-left: 22px;
}

/* quadradinho com borda fina */
.wpf_form_filtro_2 input[type="checkbox"] + label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    border: 1px solid #2222;    /* borda = #574... */
    border-radius: 2px;
    background: #000000;           /* fundo escuro */
    box-sizing: border-box;
}

/* sem quadrado preto interno */
.wpf_form_filtro_2 input[type="checkbox"] + label::after {
    content: none;
}

/* desenha apenas o V quando marcado */
.wpf_form_filtro_2 input[type="checkbox"]:checked + label::after {
    content: "";
    position: absolute;
    left: 4px;                     /* posição do V */
    top: 50%;
    transform: translateY(-60%) rotate(45deg);
    width: 6px;
    height: 10px;
    border-right: 2px solid #C4B4A5;  /* cor do V (pode trocar p/ #998A7C se preferir) */
    border-bottom: 2px solid #C4B4A5;
}

/* opcional: leve highlight na borda quando marcado */
.wpf_form_filtro_2 input[type="checkbox"]:checked + label::before {
    border-color: #998A7C;
}

/* ===========================
   CHECKBOX 16x16 RADIUS 5, SEM FUNDO
=========================== */

/* escondo o input nativo */
.wpf_form_filtro_2 .wpf_item input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* label com espaço pro checkbox */
.wpf_form_filtro_2 .wpf_item input[type="checkbox"] + label {
    position: relative;
    padding-left: 24px;
    cursor: pointer;
}

/* CAIXINHA - só borda, sem fundo */
.wpf_form_filtro_2 .wpf_item input[type="checkbox"] + label::before {
    content: "" !important;                  /* força aparecer */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 1px solid #574E47 !important;    /* borda #574... */
    border-radius: 5px;
    background: transparent !important;      /* sem fundo */
    box-sizing: border-box;
}

/* estado padrão: sem nada dentro */
.wpf_form_filtro_2 .wpf_item input[type="checkbox"] + label::after {
    content: none !important;
}

/* CHECK - desenha só o V */
.wpf_form_filtro_2 .wpf_item input[type="checkbox"]:checked + label::after {
    content: "" !important;
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-60%) rotate(45deg);
    width: 5px;
    height: 9px;
    border-right: 2px solid #C4B4A5;        /* cor do check */
    border-bottom: 2px solid #C4B4A5;
}

/* opcional: borda um pouco mais clara quando marcado */
.wpf_form_filtro_2 .wpf_item input[type="checkbox"]:checked + label::before {
    border-color: #998A7C !important;
}
/* CHECK ESTILIZADO – TRAÇO FINO EM V, SEM FUNDO */

.wpf_form_filtro_2 .wpf_item input[type="checkbox"]:checked + label::after {
    content: "" !important;
    position: absolute;
    left: 5px;                          /* posição horizontal do check */
    top: 50%;
    transform: translateY(-60%) rotate(45deg);
    width: 6px;                         /* comprimento do V */
    height: 10px;                       /* altura do V */
    
    /* desenha só dois lados: baixo + direita = V */
    border-right: 1px solid #C4B4A5 !important; 
    border-bottom: 1px solid #C4B4A5 !important;
    border-left: none !important;
    border-top: none !important;

    background: transparent !important;
    box-shadow: none !important;
}
/* TRANSIÇÃO SUAVE NA BORDA */
.wpf_form_filtro_2 .wpf_item input[type="checkbox"] + label::before {
    transition: border-color 0.18s ease;
}

/* HOVER – borda fica um pouco mais clara */
.wpf_form_filtro_2 .wpf_item input[type="checkbox"] + label:hover::before {
    border-color: #998A7C !important;
}
/* ===========================
   SLIDER – PREÇO
=========================== */

/* menos espaço entre título e slider */
.wpf_form_filtro_2 .wpf_item_price .wpf_item_name {
    margin-bottom: 20px; /* estava maior */
}

/* trilho do slider */
.wpf_form_filtro_2 .wpf_item_price .wpf_slider.ui-slider-horizontal {
    height: 2px;
    background: #574E47 !important;     /* trilho de fundo */
    border: none;
    margin: 4px 10px 4px;               /* recuo lateral p/ as bolinhas não ficarem na ponta */
    position: relative;
}

/* faixa ativa (entre as bolinhas) */
.wpf_form_filtro_2 .wpf_item_price .ui-slider-range {
    background: #998A7C !important;     /* mesma cor da bolinha */
}

/* bolinhas (handles) */
.wpf_form_filtro_2 .wpf_item_price .ui-slider-handle {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #998A7C !important;
    background: #000000 !important;
    box-sizing: border-box;

    top: 50% !important;
    transform: translate(-50%, -50%);   /* centraliza na barrinha */
}

/* rótulo "89 - 159" mais próximo do slider */
.wpf_form_filtro_2 .wpf_item_price .wpf-slider-label {
    margin-top: 10px;
}

/* ===========================
   BOTÕES – APLICAR & LIMPAR (DISTOPIC)
=========================== */

/* botão APLICAR */
.wpf_form_filtro_2 .wpf_item_submit .wpf_search_button {
    display: block;
    width: 100%;
    padding: 10px 0;

    border-radius: 0 !important;
    border: 1px solid #998A7C !important;

    background-color: rgba(0, 0, 0, 0.18) !important; /* preto translúcido */
    background-image: none !important;
    box-shadow: none !important;

    color: #998A7C !important;
    font-family: 'Share Tech Mono', monospace !important;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.08em;

    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease;
}

/* botão LIMPAR */
.wpf_form_filtro_2 + .wpf_reset_btn input[type="reset"] {
    display: block;
    width: 100%;
    padding: 10px 0;
    margin-top: 6px;

    border-radius: 0 !important;
    border: 1px solid #998A7C !important;

    background-color: rgba(0, 0, 0, 0.18) !important; /* mesmo fundo */
    background-image: none !important;
    box-shadow: none !important;

    color: #998A7C !important;
    font-family: 'Share Tech Mono', monospace !important;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.08em;

    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease;
}

/* HOVER – só muda cor da borda e do texto, fundo continua preto translúcido */
.wpf_form_filtro_2 .wpf_item_submit .wpf_search_button:hover,
.wpf_form_filtro_2 + .wpf_reset_btn input[type="reset"]:hover {
    border-color: #C4B4A5 !important;
    color: #C4B4A5 !important;
    background-color: rgba(0, 0, 0, 0.18) !important; /* mantém o mesmo fundo */
}
/* ===========================
   BOTÃO APLICAR (REFERÊNCIA)
=========================== */
.wpf_form_filtro_2 .wpf_item_submit .wpf_search_button {
    display: block;
    width: 100% !important;
    box-sizing: border-box;

    padding: 12px 0 !important;

    border-radius: 0 !important;
    border: 1px solid #998A7C !important;

    background-color: rgba(0, 0, 0, 0.18) !important;
    background-image: none !important;
    box-shadow: none !important;

    color: #998A7C !important;
    font-family: 'Share Tech Mono', monospace !important;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.08em;

    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease;
}

/* hover aplicar */
.wpf_form_filtro_2 .wpf_item_submit .wpf_search_button:hover {
    border-color: #C4B4A5 !important;
    color: #C4B4A5 !important;
}

/* ===========================
   BOTÃO LIMPAR IGUAL AO APLICAR
=========================== */

.wpf_reset_btn {
    margin-top: 8px;
}

/* aqui é onde a mágica do tamanho acontece */
.wpf_reset_btn input[type="reset"] {
    display: block;
    width: 100% !important;
    box-sizing: border-box;

    padding: 12px 0 !important;

    border-radius: 0 !important;
    border: 1px solid #998A7C !important;

    background-color: rgba(0, 0, 0, 0.18) !important;
    background-image: none !important;
    box-shadow: none !important;

    color: #998A7C !important;
    font-family: 'Share Tech Mono', monospace !important;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.08em;

    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease;
}

/* hover limpar */
.wpf_reset_btn input[type="reset"]:hover {
    border-color: #C4B4A5 !important;
    color: #C4B4A5 !important;
}
/* CONTAINER DO BOTÃO LIMPAR OCUPAR 100% */
.wpf_reset_btn {
    width: 100% !important;
    margin-top: 8px;
}

/* RESET TOTAL DO INPUT RESET + ESTILO IGUAL AO APLICAR */
.wpf_reset_btn input[type="reset"] {
    /* limpa tudo que o tema colocou */
    all: unset;

    box-sizing: border-box;
    display: block !important;
    width: 100% !important;

    padding: 12px 0 !important;

    border-radius: 0 !important;
    border: 1px solid #998A7C !important;

    background-color: rgba(0, 0, 0, 0.18) !important;
    background-image: none !important;
    box-shadow: none !important;

    color: #998A7C !important;
    text-align: center;

    font-family: 'Share Tech Mono', monospace !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em;
    font-size: 12px;

    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease;
}

/* remove o "X" ou qualquer ícone antes/depois */
.wpf_reset_btn input[type="reset"]::before,
.wpf_reset_btn input[type="reset"]::after {
    content: none !important;
}

/* HOVER IGUAL AO APLICAR */
.wpf_reset_btn input[type="reset"]:hover {
    border-color: #C4B4A5 !important;
    color: #C4B4A5 !important;
}
/* ===========================
   BOTÃO APLICAR – AJUSTES
=========================== */

.wpf_form_filtro_2 .wpf_search_button {
    font-size: 14px !important;
    font-family: inherit !important; /* remove monoespaço */
}

/* ===========================
   BOTÃO LIMPAR – REMOVER X E AJUSTAR COR
=========================== */

/* remove qualquer pseudo elemento (X) */
.wpf_reset_btn input[type="reset"]::before,
.wpf_reset_btn input[type="reset"]::after {
    content: none !important;
    display: none !important;
}

/* cor padrão */
.wpf_reset_btn input[type="reset"] {
    color: #574E47 !important;
}

/* hover */
.wpf_reset_btn input[type="reset"]:hover {
    border-color: #574E47 !important;
    color: #574E47 !important;
}
/* 1) REMOVER COMPLETAMENTE O "X" DO BOTÃO LIMPAR */
.wpf_reset_btn,
.wpf_reset_btn::before,
.wpf_reset_btn::after {
    padding-left: 0 !important;
    background: none !important;
}

.wpf_reset_btn::before,
.wpf_reset_btn::after {
    content: none !important;
    display: none !important;
}

/* garantir que o input reset também não tenha pseudo */
.wpf_reset_btn input[type="reset"]::before,
.wpf_reset_btn input[type="reset"]::after {
    content: none !important;
    display: none !important;
}


/* 2) TIRAR O MONOESPACADO DOS BOTÕES E AJUSTAR CORES DO LIMPAR */

/* aplica fonte "normal" nos dois botões */
.wpf_form_filtro_2 .wpf_item_submit .wpf_search_button,
.wpf_reset_btn input[type="reset"] {
    font-family: "Share Tech", sans-serif !important; /* qualquer não-mono serve, aqui uso Share Tech */
}

/* aplicar 14px no APLICAR */
.wpf_form_filtro_2 .wpf_item_submit .wpf_search_button {
    font-size: 14px !important;
}

/* LIMPAR: cor padrão #574E47 */
.wpf_reset_btn input[type="reset"] {
    color: #574E47 !important;
    border-color: #998A7C !important; /* mantém mesma borda do aplicar em estado normal */
}

/* LIMPAR: hover com texto + borda #574E47 */
.wpf_reset_btn input[type="reset"]:hover {
    color: #574E47 !important;
    border-color: #574E47 !important;
}
/* DIMINUIR ESPAÇO ENTRE TÍTULO E OPÇÕES */
.wpf_form_filtro_2 .wpf_item:not(.wpf_item_submit) .wpf_item_name {
    margin-bottom: 2px !important;
}

/* DIMINUIR ESPAÇO ENTRE AS LINHAS DE OPÇÕES */
.wpf_form_filtro_2 .wpf_item:not(.wpf_item_submit) ul.wpf_column_horizontal {
    gap: 0px 12px !important;
}

/* DIMINUIR ESPAÇO ENTRE OS BLOCOS (menos o botão) */
.wpf_form_filtro_2 .wpf_item:not(.wpf_item_submit) {
    padding-bottom: 8px !important;
}
/* REMOVE LINHA ENTRE TÍTULO E OPÇÕES */
.wpf_form_filtro_2 .wpf_item_name {
  border: none !important;
}

.wpf_form_filtro_2 .wpf_item_name::before,
.wpf_form_filtro_2 .wpf_item_name::after {
  content: none !important;
  display: none !important;
}

/* garante que o UL não esteja criando linha */
.wpf_form_filtro_2 .wpf_item ul {
  border-top: none !important;
}/* End custom CSS */