.elementor-495 .elementor-element.elementor-element-b1e5b89{--display:flex;--min-height:447px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-495 .elementor-element.elementor-element-b1e5b89:not(.elementor-motion-effects-element-type-background), .elementor-495 .elementor-element.elementor-element-b1e5b89 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EF8428;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-495 .elementor-element.elementor-element-5278ea9{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-495 .elementor-element.elementor-element-5278ea9.elementor-element{--align-self:center;}.elementor-495 .elementor-element.elementor-element-5278ea9 .elementor-heading-title{font-family:"Fision Pro", Sans-serif;font-size:35px;font-weight:normal;line-height:43px;color:#632302;}.elementor-495 .elementor-element.elementor-element-0a33376{--display:grid;--e-con-grid-template-columns:repeat(7, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-495 .elementor-element.elementor-element-3abdd48 img{border-radius:15px 15px 15px 15px;}.elementor-495 .elementor-element.elementor-element-93dedeb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-495 .elementor-element.elementor-element-93dedeb:not(.elementor-motion-effects-element-type-background), .elementor-495 .elementor-element.elementor-element-93dedeb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#863309;}.elementor-495 .elementor-element.elementor-element-70f11b0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#EF8428;--border-color:#EF8428;}.elementor-495 .elementor-element.elementor-element-2db5475{width:var( --container-widget-width, 56% );max-width:56%;--container-widget-width:56%;--container-widget-flex-grow:0;text-align:start;}.elementor-495 .elementor-element.elementor-element-2db5475.elementor-element{--align-self:flex-start;}.elementor-495 .elementor-element.elementor-element-2db5475 .elementor-heading-title{font-family:"Fision Pro", Sans-serif;font-size:25px;font-weight:normal;line-height:43px;color:#FFFFFF;}.elementor-495 .elementor-element.elementor-element-5fe5a80 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-495 .elementor-element.elementor-element-5fe5a80.elementor-element{--align-self:flex-start;}.elementor-495 .elementor-element.elementor-element-5fe5a80 .ht-category-wrap .ht-category-content h3 a{color:#FFFFFF;}.elementor-495 .elementor-element.elementor-element-5fe5a80 [class*="ht-category-wrap"] [class*="ht-category-content-"] h3 a{color:#FFFFFF;}.elementor-495 .elementor-element.elementor-element-5fe5a80 .ht-category-wrap [class*="ht-category-content"] span{color:#FFFFFF;}.elementor-495 .elementor-element.elementor-element-16eaf50{width:var( --container-widget-width, 56% );max-width:56%;padding:30px 0px 0px 0px;--container-widget-width:56%;--container-widget-flex-grow:0;text-align:start;}.elementor-495 .elementor-element.elementor-element-16eaf50.elementor-element{--align-self:flex-start;}.elementor-495 .elementor-element.elementor-element-16eaf50 .elementor-heading-title{font-family:"Fision Pro", Sans-serif;font-size:25px;font-weight:normal;line-height:43px;color:#FFFFFF;}.elementor-495 .elementor-element.elementor-element-0d12b52{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-495 .elementor-element.elementor-element-d57bbe2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-495 .elementor-element.elementor-element-d57bbe2.elementor-wc-products ul.products{grid-column-gap:8px;grid-row-gap:8px;}.elementor-495 .elementor-element.elementor-element-d57bbe2.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:0px;}.elementor-495 .elementor-element.elementor-element-d57bbe2.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#632302;margin-bottom:0px;}.elementor-495 .elementor-element.elementor-element-d57bbe2.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#632302;margin-bottom:0px;}.elementor-495 .elementor-element.elementor-element-d57bbe2.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-495 .elementor-element.elementor-element-d57bbe2.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Fision Pro", Sans-serif;font-size:19px;font-weight:500;}.elementor-495 .elementor-element.elementor-element-d57bbe2.elementor-wc-products ul.products li.product .star-rating{font-size:0.1em;margin-bottom:0px;}.elementor-495 .elementor-element.elementor-element-d57bbe2.elementor-wc-products ul.products li.product .price{color:#6EC1E400;}.elementor-495 .elementor-element.elementor-element-d57bbe2.elementor-wc-products ul.products li.product .price ins{color:#6EC1E400;}.elementor-495 .elementor-element.elementor-element-d57bbe2.elementor-wc-products ul.products li.product .price ins .amount{color:#6EC1E400;}.elementor-495 .elementor-element.elementor-element-d57bbe2.elementor-wc-products ul.products li.product .price del{color:#6EC1E400;}.elementor-495 .elementor-element.elementor-element-d57bbe2.elementor-wc-products ul.products li.product .price del .amount{color:#6EC1E400;}.elementor-495 .elementor-element.elementor-element-d57bbe2.elementor-wc-products ul.products li.product .button{font-family:"Fision Pro", Sans-serif;font-size:0px;font-weight:500;margin-top:0px;}.elementor-495 .elementor-element.elementor-element-d57bbe2.elementor-wc-products .added_to_cart{font-family:"Fision Pro", Sans-serif;font-weight:500;margin-inline-start:0px;}.elementor-495 .elementor-element.elementor-element-d57bbe2.elementor-wc-products ul.products li.product{border-style:solid;border-width:0px 0px 0px 0px;border-radius:20px;padding:0px 0px 20px 0px;background-color:#F9F1EA;}.elementor-495 .elementor-element.elementor-element-d57bbe2 nav.woocommerce-pagination{margin-top:13px;font-family:"Fision Pro", Sans-serif;}.elementor-495 .elementor-element.elementor-element-d57bbe2 nav.woocommerce-pagination ul li a, .elementor-495 .elementor-element.elementor-element-d57bbe2 nav.woocommerce-pagination ul li span{padding:3px;}.elementor-495 .elementor-element.elementor-element-d57bbe2 nav.woocommerce-pagination ul li a{color:#FFFFFF;background-color:#FFFFFF00;}.elementor-495 .elementor-element.elementor-element-d57bbe2 nav.woocommerce-pagination ul li span.current{color:#FFFFFF;background-color:#632302;}.elementor-495 .elementor-element.elementor-element-d57bbe2 .elementor-products-nothing-found{color:#FFFFFF;font-family:"Fision Pro", Sans-serif;font-weight:400;}.elementor-495 .elementor-element.elementor-element-217ce17{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-495 .elementor-element.elementor-element-217ce17:not(.elementor-motion-effects-element-type-background), .elementor-495 .elementor-element.elementor-element-217ce17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EF8428;}.elementor-495 .elementor-element.elementor-element-bbb1bc1{--e-image-carousel-slides-to-show:2;padding:0px 0px 0px 0px;}.elementor-495 .elementor-element.elementor-element-bbb1bc1 .swiper-wrapper{display:flex;align-items:center;}@media(max-width:1024px){.elementor-495 .elementor-element.elementor-element-0a33376{--grid-auto-flow:row;}.elementor-495 .elementor-element.elementor-element-d57bbe2.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-495 .elementor-element.elementor-element-b1e5b89{--content-width:1400px;}.elementor-495 .elementor-element.elementor-element-70f11b0{--width:28%;}}@media(max-width:767px){.elementor-495 .elementor-element.elementor-element-b1e5b89{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-495 .elementor-element.elementor-element-5278ea9{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;text-align:center;}.elementor-495 .elementor-element.elementor-element-5278ea9 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-495 .elementor-element.elementor-element-0a33376{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-495 .elementor-element.elementor-element-93dedeb{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-495 .elementor-element.elementor-element-2db5475{padding:0px 0px 10px 0px;--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;text-align:center;}.elementor-495 .elementor-element.elementor-element-2db5475 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-495 .elementor-element.elementor-element-16eaf50{padding:10px 0px 20px 0px;--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;text-align:center;}.elementor-495 .elementor-element.elementor-element-16eaf50 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-495 .elementor-element.elementor-element-d57bbe2.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wl-category-grid, class: .elementor-element-5fe5a80 *//* ========================================================================== 1. FONTES E VISUAL DESKTOP ========================================================================== */ @font-face { font-family: 'Filson Pro Bold'; src: url('https://resplendoralimentos.com.br/wp-content/uploads/2026/05/FilsonProBold_1.woff') format('woff'); } @font-face { font-family: 'Filson Pro Black'; src: url('https://resplendoralimentos.com.br/wp-content/uploads/2026/05/FilsonProBlack.woff') format('woff'); } /* -------------------------------------------------------------------------- TRAVA DE SEGURANÇA: Garante que o seletor mobile NUNCA apareça no Desktop -------------------------------------------------------------------------- */ @media (min-width: 768px) { .caixa-selecao-mobile { display: none !important; } } /* Espaçamentos - Desktop */ .elementor-495 .elementor-element.elementor-element-5fe5a80 .wl-row { justify-content: flex-start !important; text-align: left !important; margin-left: 0 !important; row-gap: 10px !important; column-gap: 5px !important; } .elementor-495 .elementor-element.elementor-element-5fe5a80 .wl-col-1 { width: 100% !important; padding-top: 2px !important; padding-bottom: 2px !important; margin-bottom: 5px !important; } .elementor-495 .elementor-element.elementor-element-5fe5a80 .ht-category-wrap, .elementor-495 .elementor-element.elementor-element-5fe5a80 .ht-category-content-4 { text-align: left !important; width: 100% !important; } .elementor-495 .elementor-element.elementor-element-5fe5a80 .ht-category-content-4 h3, .elementor-495 .elementor-element.elementor-element-5fe5a80 .ht-category-wrap { margin: 0 !important; padding: 0 !important; } .elementor-495 .elementor-element.elementor-element-5fe5a80 .ht-category-content-4 h3 a { font-family: 'Filson Pro Bold', sans-serif !important; transition: color 0.3s ease !important; display: flex !important; align-items: center !important; } /* Cores das Bolinhas e Textos - Desktop */ .elementor-495 .elementor-element.elementor-element-5fe5a80 .ht-category-content-4 h3 a:hover { color: #632302 !important; } .elementor-495 .elementor-element.elementor-element-5fe5a80 .ht-category-content-4 h3 a:active, .elementor-495 .elementor-element.elementor-element-5fe5a80 .ht-category-content-4 h3 a:focus, .elementor-495 .elementor-element.elementor-element-5fe5a80 .ht-category-content-4 h3 a.categoria-ativa, .elementor-495 .elementor-element.elementor-element-5fe5a80 .current-cat a { color: #FFCC33 !important; } .elementor-495 .elementor-element.elementor-element-5fe5a80 .ht-category-content-4 h3 a::before { content: ""; display: block; width: 10px !important; height: 10px !important; min-width: 10px !important; background-color: #FFFFFF !important; border-radius: 50% !important; margin-right: 15px !important; transition: background-color 0.3s ease !important; } .elementor-495 .elementor-element.elementor-element-5fe5a80 .ht-category-content-4 h3 a:hover::before { background-color: #632302 !important; } .elementor-495 .elementor-element.elementor-element-5fe5a80 .ht-category-content-4 h3 a:active::before, .elementor-495 .elementor-element.elementor-element-5fe5a80 .ht-category-content-4 h3 a:focus::before, .elementor-495 .elementor-element.elementor-element-5fe5a80 .ht-category-content-4 h3 a.categoria-ativa::before, .elementor-495 .elementor-element.elementor-element-5fe5a80 .current-cat a::before { background-color: #FFCC33 !important; } /* Oculta contagem do filtro de cortes */ .elementor-495 .elementor-element.elementor-element-5fe5a80 .woocommerce-widget-layered-nav-list .count { display: none !important; } /* ========================================================================== 2. EMPACOTAMENTO MOBILE (Abaixo de 767px) ========================================================================== */ @media (max-width: 767px) { /* 1. Oculta as listas de texto com bolinhas no celular */ .elementor-495 .elementor-element.elementor-element-5fe5a80 .wl-row, .elementor-495 .elementor-element.elementor-element-5fe5a80 ul.woocommerce-widget-layered-nav-list { display: none !important; } /* 2. Estiliza a Caixa de Seleção gerada pelo nosso Script igual ao 'Ordenação' */ .caixa-selecao-mobile { background-color: #FFCC33 !important; color: #4A1E04 !important; font-family: 'Filson Pro Bold', sans-serif !important; font-size: 15px !important; padding: 12px 40px 12px 20px !important; border: none !important; border-radius: 40px !important; width: 100% !important; margin-bottom: 20px !important; cursor: pointer !important; outline: none !important; /* Remove a seta feia do celular */ appearance: none !important; -webkit-appearance: none !important; /* Adiciona o V (Chevron) marrom customizado */ background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%234A1E04%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: right 15px center !important; background-size: 12px auto !important; } .caixa-selecao-mobile:focus { box-shadow: 0 0 0 3px rgba(255, 204, 51, 0.4) !important; } }/* End custom CSS */ /* Start custom CSS for wp-widget-woocommerce_layered_nav, class: .elementor-element-58729c7 *//* ========================================================================== 1. DECLARAÇÃO DAS FONTES (FILSON PRO) ========================================================================== */ @font-face { font-family: 'Filson Pro Bold'; src: url('https://resplendoralimentos.com.br/wp-content/uploads/2026/05/FilsonProBold_1.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Filson Pro Black'; src: url('https://resplendoralimentos.com.br/wp-content/uploads/2026/05/FilsonProBlack.woff') format('woff'); font-weight: 900; font-style: normal; } /* ========================================================================== 2. DESKTOP Telas a partir de 768px ========================================================================== */ @media (min-width: 768px) { /* ---------------------------------------------------------------------- OCULTA DROPDOWNS MOBILE NO DESKTOP ---------------------------------------------------------------------- */ .elementor-495 .elementor-element.elementor-element-58729c7 .caixa-selecao-mobile { display: none !important; } /* ========================================================================== ITEM A: GRID / LISTA DE CATEGORIAS ========================================================================== */ .elementor-495 .elementor-element.elementor-element-58729c7 .wl-row { justify-content: flex-start !important; text-align: left !important; margin-left: 0 !important; row-gap: 10px !important; column-gap: 5px !important; } .elementor-495 .elementor-element.elementor-element-58729c7 .wl-col-1 { text-align: left !important; align-items: flex-start !important; width: 100% !important; padding-top: 2px !important; padding-bottom: 2px !important; margin-bottom: 5px !important; } .elementor-495 .elementor-element.elementor-element-58729c7 .ht-category-wrap, .elementor-495 .elementor-element.elementor-element-58729c7 .ht-category-content-4 { text-align: left !important; align-items: flex-start !important; width: 100% !important; } .elementor-495 .elementor-element.elementor-element-58729c7 .ht-category-content-4 h3, .elementor-495 .elementor-element.elementor-element-58729c7 .ht-category-wrap { margin: 0 !important; padding: 0 !important; } /* ---------------------------------------------------------------------- ESTADO PADRÃO DAS CATEGORIAS ---------------------------------------------------------------------- */ .elementor-495 .elementor-element.elementor-element-58729c7 .ht-category-content-4 h3 a { text-align: left !important; margin-left: 0 !important; padding-left: 0 !important; font-family: 'Filson Pro Bold', sans-serif !important; display: flex !important; align-items: center !important; color: #FFFFFF !important; text-decoration: none !important; transition: color 0.3s ease, background-color 0.3s ease !important; } /* ---------------------------------------------------------------------- BOLINHA PADRÃO ---------------------------------------------------------------------- */ .elementor-495 .elementor-element.elementor-element-58729c7 .ht-category-content-4 h3 a::before { content: ""; display: block !important; width: 10px !important; height: 10px !important; min-width: 10px !important; flex: 0 0 10px !important; background-color: #FFFFFF !important; border-radius: 50% !important; margin-right: 15px !important; transition: background-color 0.3s ease !important; } /* ---------------------------------------------------------------------- HOVER DAS CATEGORIAS Somente se o item NÃO estiver selecionado ---------------------------------------------------------------------- */ .elementor-495 .elementor-element.elementor-element-58729c7 .ht-category-content-4 h3 a:not(.categoria-ativa):hover { color: #632302 !important; } .elementor-495 .elementor-element.elementor-element-58729c7 .ht-category-content-4 h3 a:not(.categoria-ativa):hover::before { background-color: #632302 !important; } /* ========================================================================== CATEGORIA ATIVA IMPORTANTE: Não usamos :focus nem :active aqui. Assim clicar em um item não deixa outro amarelo por causa do foco. ========================================================================== */ .elementor-495 .elementor-element.elementor-element-58729c7 .ht-category-content-4 h3 a.categoria-ativa { color: #FFCC33 !important; } .elementor-495 .elementor-element.elementor-element-58729c7 .ht-category-content-4 h3 a.categoria-ativa::before { background-color: #FFCC33 !important; } /* ---------------------------------------------------------------------- WOOCOMMERCE - CATEGORIA ATUAL O ">" é importante. Evita que todos os links filhos dentro de .current-cat fiquem amarelos. ---------------------------------------------------------------------- */ .elementor-495 .elementor-element.elementor-element-58729c7 .current-cat > a { color: #FFCC33 !important; } .elementor-495 .elementor-element.elementor-element-58729c7 .current-cat > a::before { background-color: #FFCC33 !important; } /* ---------------------------------------------------------------------- GARANTE QUE ITENS NÃO ATIVOS CONTINUEM BRANCOS ---------------------------------------------------------------------- */ .elementor-495 .elementor-element.elementor-element-58729c7 .ht-category-content-4 h3 a:not(.categoria-ativa) { color: #FFFFFF !important; } .elementor-495 .elementor-element.elementor-element-58729c7 .ht-category-content-4 h3 a:not(.categoria-ativa)::before { background-color: #FFFFFF !important; } /* Recupera hover depois do reset acima */ .elementor-495 .elementor-element.elementor-element-58729c7 .ht-category-content-4 h3 a:not(.categoria-ativa):hover { color: #632302 !important; } .elementor-495 .elementor-element.elementor-element-58729c7 .ht-category-content-4 h3 a:not(.categoria-ativa):hover::before { background-color: #632302 !important; } /* Recupera categoria atual depois do reset */ .elementor-495 .elementor-element.elementor-element-58729c7 .current-cat > a { color: #FFCC33 !important; } .elementor-495 .elementor-element.elementor-element-58729c7 .current-cat > a::before { background-color: #FFCC33 !important; } /* ========================================================================== ITEM B: FILTRO NATIVO DE CORTES DO WOOCOMMERCE ========================================================================== */ /* Remove quantidade de produtos */ .elementor-495 .elementor-element.elementor-element-58729c7 .woocommerce-widget-layered-nav-list .count { display: none !important; } /* Lista */ .elementor-495 .elementor-element.elementor-element-58729c7 ul.woocommerce-widget-layered-nav-list { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 21px !important; } /* ---------------------------------------------------------------------- ITEM PADRÃO ---------------------------------------------------------------------- */ .elementor-495 .elementor-element.elementor-element-58729c7 .woocommerce-widget-layered-nav-list__item > a { font-family: 'Filson Pro Bold', sans-serif !important; color: #FFFFFF !important; text-decoration: none !important; font-size: 16px !important; display: flex !important; align-items: center !important; transition: color 0.3s ease !important; } /* ---------------------------------------------------------------------- BOLINHA PADRÃO ---------------------------------------------------------------------- */ .elementor-495 .elementor-element.elementor-element-58729c7 .woocommerce-widget-layered-nav-list__item > a::before { content: ""; display: block !important; width: 10px !important; height: 10px !important; min-width: 10px !important; flex: 0 0 10px !important; background-color: #FFFFFF !important; border-radius: 50% !important; margin-right: 15px !important; transition: background-color 0.3s ease !important; } /* ---------------------------------------------------------------------- ITEM NÃO SELECIONADO ---------------------------------------------------------------------- */ .elementor-495 .elementor-element.elementor-element-58729c7 .woocommerce-widget-layered-nav-list__item:not(.chosen) > a { color: #FFFFFF !important; } .elementor-495 .elementor-element.elementor-element-58729c7 .woocommerce-widget-layered-nav-list__item:not(.chosen) > a::before { background-color: #FFFFFF !important; } /* ---------------------------------------------------------------------- HOVER Somente em itens NÃO selecionados ---------------------------------------------------------------------- */ .elementor-495 .elementor-element.elementor-element-58729c7 .woocommerce-widget-layered-nav-list__item:not(.chosen) > a:hover { color: #632302 !important; } .elementor-495 .elementor-element.elementor-element-58729c7 .woocommerce-widget-layered-nav-list__item:not(.chosen) > a:hover::before { background-color: #632302 !important; } /* ========================================================================== ÚNICO ESTADO VISUAL DE SELEÇÃO DO FILTRO ========================================================================== */ .elementor-495 .elementor-element.elementor-element-58729c7 .woocommerce-widget-layered-nav-list__item.chosen > a { color: #FFCC33 !important; } .elementor-495 .elementor-element.elementor-element-58729c7 .woocommerce-widget-layered-nav-list__item.chosen > a::before { background-color: #FFCC33 !important; } /* ---------------------------------------------------------------------- CHOSEN CONTINUA AMARELO MESMO COM HOVER ---------------------------------------------------------------------- */ .elementor-495 .elementor-element.elementor-element-58729c7 .woocommerce-widget-layered-nav-list__item.chosen > a:hover { color: #FFCC33 !important; } .elementor-495 .elementor-element.elementor-element-58729c7 .woocommerce-widget-layered-nav-list__item.chosen > a:hover::before { background-color: #FFCC33 !important; } /* ---------------------------------------------------------------------- REMOVE EFEITO VISUAL DE FOCUS / ACTIVE Evita item parecer selecionado só porque recebeu foco ---------------------------------------------------------------------- */ .elementor-495 .elementor-element.elementor-element-58729c7 .woocommerce-widget-layered-nav-list__item > a:focus, .elementor-495 .elementor-element.elementor-element-58729c7 .woocommerce-widget-layered-nav-list__item > a:active { outline: none !important; } } /* ========================================================================== 3. MOBILE Telas até 767px ========================================================================== */ @media (max-width: 767px) { /* ========================================================================== ESCONDE LISTAS DESKTOP ========================================================================== */ .elementor-495 .elementor-element.elementor-element-58729c7 .wl-row, .elementor-495 .elementor-element.elementor-element-58729c7 ul.woocommerce-widget-layered-nav-list { display: none !important; } /* ========================================================================== DROPDOWN MOBILE ========================================================================== */ .caixa-selecao-mobile { background-color: #FFCC33 !important; color: #4A1E04 !important; font-family: 'Filson Pro Bold', sans-serif !important; font-size: 15px !important; padding: 12px 40px 12px 20px !important; border: none !important; border-radius: 40px !important; width: 100% !important; margin-top: 10px !important; margin-bottom: 25px !important; cursor: pointer !important; outline: none !important; /* -------------------------------------------------------------- REMOVE APARÊNCIA NATIVA -------------------------------------------------------------- */ appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; /* -------------------------------------------------------------- SETA CUSTOMIZADA -------------------------------------------------------------- */ background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%234A1E04%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: right 15px center !important; background-size: 12px auto !important; } /* ========================================================================== FOCO DO DROPDOWN ========================================================================== */ .caixa-selecao-mobile:focus { box-shadow: 0 0 0 3px rgba(255, 204, 51, 0.4) !important; } }/* End custom CSS */ /* Start custom CSS for wc-archive-products, class: .elementor-element-d57bbe2 *//* Garante que a imagem respeite as bordas arredondadas do container */ .elementor-495 .elementor-element.elementor-element-d57bbe2 ul.products li.product { overflow: hidden !important; text-align: left !important; } /* Remove qualquer margem padrão da imagem para ela colar no topo */ .elementor-495 .elementor-element.elementor-element-d57bbe2 ul.products li.product img { margin-bottom: 0 !important; width: 100% !important; } /* Adiciona o padding apenas no título do produto (ACÉM) */ .elementor-495 .elementor-element.elementor-element-d57bbe2 ul.products li.product .woocommerce-loop-product__title { padding-top: 20px !important; padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 5px !important; color: #522312 !important; /* Ajuste para o marrom exato do seu layout */ } /* Adiciona o padding no texto de descrição/validade abaixo do título */ /* Nota: Ajuste a classe abaixo (.woocommerce-product-details__short-description) se você estiver usando um campo customizado diferente para mostrar a validade */ .elementor-495 .elementor-element.elementor-element-d57bbe2 ul.products li.product .woocommerce-product-details__short-description, .elementor-495 .elementor-element.elementor-element-d57bbe2 ul.products li.product p { padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 20px !important; margin-bottom: 0 !important; } /* 1. Container do Filtro: Alinha à direita e empurra os produtos 20px para baixo */ .elementor-495 .elementor-element.elementor-element-d57bbe2 .woocommerce-ordering { margin-bottom: 20px !important; float: right !important; } /* 2. O Botão (Caixa de Seleção) */ .elementor-495 .elementor-element.elementor-element-d57bbe2 .woocommerce-ordering select.orderby { background-color: #FFCC33 !important; /* Fundo amarelo */ color: #4A1E04 !important; /* Cor do texto selecionado */ font-family: 'Filson Pro Bold', sans-serif !important; font-size: 14.4px !important; /* ESPAÇAMENTO AJUSTADO: Cima/Baixo: 12px | Direita: 40px (para a seta) | Esquerda: 20px */ padding: 12px 40px 12px 30px !important; border: none !important; /* Remove a borda cinza padrão */ border-radius: 40px !important; /* Arredondamento em formato de pílula */ /* Remove a setinha nativa do Windows/Mac */ appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; /* Insere a setinha customizada via SVG na cor marrom */ background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%234A1E04%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E") !important; background-repeat: no-repeat !important; background-position: right 15px center !important; /* Posiciona a seta certinha à direita */ background-size: 12px auto !important; cursor: pointer !important; box-shadow: none !important; outline: none !important; /* Remove a largura esticada para abraçar apenas o conteúdo */ width: auto !important; min-width: unset !important; } /* 3. Efeito sutil ao clicar no botão */ .elementor-495 .elementor-element.elementor-element-d57bbe2 .woocommerce-ordering select.orderby:focus { box-shadow: 0 0 0 3px rgba(255, 204, 51, 0.4) !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-bbb1bc1 */.elementor-495 .elementor-element.elementor-element-bbb1bc1 .swiper-wrapper { transition-timing-function: linear !important; -webkit-transition-timing-function: linear !important; }/* End custom CSS */