ou
com background-image em sprite azul. Vamos transformar em checkbox/radio coral limpo. */
.woof .iradio_square-blue,
.woof .icheckbox_square-blue,
.woof div.iradio_square-blue,
.woof div.icheckbox_square-blue {
background: #ffffff !important;
background-image: none !important;
border: 1.5px solid #c5c5c5 !important;
width: 16px !important;
height: 16px !important;
display: inline-block !important;
vertical-align: middle !important;
position: relative !important;
margin-right: 8px !important;
cursor: pointer !important;
transition: all 0.15s ease !important;
box-sizing: border-box !important;
}
.woof .iradio_square-blue {
border-radius: 50% !important;
}
.woof .icheckbox_square-blue {
border-radius: 2px !important;
}
/* Hover */
.woof .iradio_square-blue.hover,
.woof .icheckbox_square-blue.hover,
.woof .iradio_square-blue:hover,
.woof .icheckbox_square-blue:hover {
border-color: var(--sh-accent) !important;
background-image: none !important;
}
/* Estado checked (selecionado) */
.woof .iradio_square-blue.checked,
.woof .icheckbox_square-blue.checked {
background: var(--sh-accent) !important;
background-image: none !important;
background-color: var(--sh-accent) !important;
border-color: var(--sh-accent) !important;
}
/* Bolinha branca interna do radio quando selecionado */
.woof .iradio_square-blue.checked::after {
content: "" !important;
position: absolute !important;
left: 3px !important;
top: 3px !important;
width: 6px !important;
height: 6px !important;
background: #ffffff !important;
border-radius: 50% !important;
display: block !important;
}
/* Tique (✓) branco do checkbox quando selecionado */
.woof .icheckbox_square-blue.checked::after {
content: "" !important;
position: absolute !important;
left: 4px !important;
top: 1px !important;
width: 5px !important;
height: 9px !important;
border: solid #ffffff !important;
border-width: 0 2px 2px 0 !important;
transform: rotate(45deg) !important;
display: block !important;
}
/* Estado disabled — cinza claro, sem cor coral */
.woof .iradio_square-blue.disabled,
.woof .icheckbox_square-blue.disabled {
background: #f5f5f5 !important;
background-image: none !important;
border-color: #e0e0e0 !important;
opacity: 0.6 !important;
cursor: not-allowed !important;
}
/* Esconde o input nativo dentro do iCheck (ele já está estilizado pelo div) */
.woof .iradio_square-blue > input,
.woof .icheckbox_square-blue > input {
position: absolute !important;
opacity: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
cursor: inherit !important;
}
/* Garante que o botão "Limpar tudo" continue visível mesmo
com a regra acima (re-ativa caso seja afetado) */
.woof a.woof_top_reset_btn,
.woof a[class*="reset"],
.woof button[class*="reset"] {
display: inline-block !important;
}
/* --------- Responsivo (mobile) ---------- */
@media (max-width: 768px) {
.woof {
padding: 0;
}
.woof .woof_container {
padding: 14px 0 !important;
}
.woof .woof_container_main_title {
font-size: 13px;
}
.woof .woof_list_li {
font-size: 13px;
}
}
/* --------- Ajustes específicos: oculta filtros que o cliente não quer ---------- */
/* Caso queira esconder algum filtro globalmente, descomente: */
/*
.woof_container_em-estoque,
.woof_container_pesquisar-por-texto,
.woof_container_tags { display: none !important; }
*/
/* Esconder "Sem categoria" do filtro de Categorias de produto */
/* No site Café Santa Helena: ID do termo = 15 (classe woof_term_15) */
.woof li.woof_term_15,
.woof_term_15,
li.woof_term_15,
.woof .woof_term_15 {
display: none !important;
}
.woof .woof_radio_term_reset,
.woof a.woof_radio_term_reset,
[class*="woof_radio_term_reset"] {
display: none !important;
}
/* Backups (caso "Sem categoria" também apareça em outros formatos) */
.woof_select_product_cat option[value="sem-categoria"],
.woof_select option[value="sem-categoria"],
.woof option[value="sem-categoria"],
.woof option[value="uncategorized"],
.woof a[data-slug="sem-categoria"],
.woof li[data-slug="sem-categoria"] {
display: none !important;
}
/* =====================================================
FIM
===================================================== */
/* --------- Títulos para Orgânico e Sustentável ---------- */
.woof_container_pa_cafe-feminino::before {
content: "Café Feminino" !important;
display: block !important;
font-size: 14px !important;
font-weight: 700 !important;
color: var(--sh-text) !important;
letter-spacing: 0.3px !important;
margin: 0 0 14px 0 !important;
padding: 0 !important;
text-transform: none !important;
}
.woof_container_pa_sustentavel::before {
content: "Café Sustentável " !important;
display: block !important;
font-size: 14px !important;
font-weight: 700 !important;
color: var(--sh-text) !important;
letter-spacing: 0.3px !important;
margin: 0 0 14px 0 !important;
padding: 0 !important;
text-transform: none !important;
}
/* --------- Ocultar campo de busca do WOOF ---------- */
.woof_text_search_container {
display: none !important;
}
/* --------- Ocultar título de atributo acima dos produtos ---------- */
.woocommerce-products-header__title.page-title,
.woocommerce-products-header,
.term-description,
body.tax-pa_organico .woocommerce-products-header__title,
body.tax-pa_sustentavel .woocommerce-products-header__title,
body.tax-pa_microlote .woocommerce-products-header__title,
body.tax-pa_peso .woocommerce-products-header__title,
body.tax-pa_tipo .woocommerce-products-header__title {
display: none !important;
}
/* --------- Ocultar rótulo de filtros ativos acima dos produtos ---------- */
.woof_products_top_panel > p,
.woof_products_top_panel > span,
.woof_products_top_panel .woof_filter_title,
.woof_products_top_panel .woof_filter_label {
display: none !important;
}
/* --------- Ocultar painel "Limpar tudo" + título acima dos produtos ---------- */
.woof_products_top_panel {
display: none !important;
}/* End custom CSS */
/* Start custom CSS */@media (max-width: 1024px) {
#cf-filtro {
position: fixed !important;
top: 0;
left: -100%;
width: 88%;
max-width: 380px;
height: 100vh;
background: #fff;
z-index: 99999;
overflow-y: auto;
padding: 56px 20px 40px;
box-shadow: 4px 0 20px rgba(0,0,0,.25);
transition: left .3s ease;
}
body.cf-drawer-open #cf-filtro { left: 0; }
body.cf-drawer-open::before {
content: '';
position: fixed;
inset: 0;
background: rgba(0,0,0,.55);
z-index: 99998;
}
body.cf-drawer-open { overflow: hidden; }
#cf-filtro::before {
content: '✕';
position: absolute;
top: 12px;
right: 16px;
font-size: 26px;
font-weight: 300;
cursor: pointer;
color: #333;
line-height: 1;
padding: 8px 12px;
z-index: 1;
}
/* NOVO: força o widget do WOOF a aparecer quando estiver dentro do drawer */
#cf-filtro .elementor-hidden-mobile,
#cf-filtro .elementor-hidden-tablet {
display: block !important;
}
}/* End custom CSS */