.elementor-kit-97{--e-global-color-primary:#D85C1F;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#FFA274;--e-global-color-8949f02:#D85C1F;--e-global-color-cdb6c56:#101010;--e-global-color-f029515:#F1F1F3;--e-global-color-ea390b3:#D85C1F;--e-global-color-tchbran:#FFFFFF;--e-global-color-tchazul:#1D3557;--e-global-color-tchazu2:#1C2C3E;--e-global-color-tchwpp:#25D366;--e-global-color-847ead2:#000000;--e-global-typography-primary-font-family:"Jost";--e-global-typography-primary-font-size:19px;--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Jost";--e-global-typography-secondary-font-size:17px;--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Jost";--e-global-typography-text-font-size:15px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Jost";--e-global-typography-accent-font-size:15px;--e-global-typography-accent-font-weight:500;--e-global-typography-9099d71-font-family:"Jost";--e-global-typography-9099d71-font-size:17px;--e-global-typography-9099d71-font-weight:400;--e-global-typography-9099d71-line-height:1.75em;--e-global-typography-2bb7eb2-font-family:"Playfair Display";--e-global-typography-2bb7eb2-font-size:26px;--e-global-typography-2bb7eb2-font-weight:600;}.elementor-kit-97 e-page-transition{background-color:#FFBC7D;}.elementor-kit-97 a{color:#D85C1F;}.elementor-kit-97 a:hover{color:#B4480F;}.elementor-kit-97 h2{color:var( --e-global-color-secondary );font-family:"Playfair Display", Sans-serif;font-size:28px;font-weight:600;line-height:1.3em;}.elementor-kit-97 h3{color:var( --e-global-color-secondary );font-family:"Playfair Display", Sans-serif;font-size:23px;font-weight:600;line-height:1.35em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-97{--e-global-typography-9099d71-font-size:17px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-97{--e-global-typography-9099d71-font-size:16px;}.elementor-kit-97 h2{font-size:23px;}.elementor-kit-97 h3{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================
   Tchelo Multimarcas - CSS personalizado
   Unica excecao a regra de "zero CSS" do projeto (CLAUDE.md, secao 5).
   Aprovado em 21/10/2026 (regras 1 e 2) e 22/10/2026 (regra 3).
   ============================================================ */

/* 1. ESPACO DEPOIS DAS LISTAS
   Motivo: o tema Hello Elementor zera a margem das listas no arquivo
   reset.css (ol, ul { margin-block-end: 0 }) e nem o widget "Conteudo
   do post" nem o Kit do Elementor oferecem controle para listas.
   O controle "Espacamento do paragrafo" do Kit vale so para <p>.
   Vale no conteudo dos posts e nos blocos de texto (paginas de politica). */
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol,
.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {
	margin-block-end: 1.2em;
}

/* 2. SUBLINHADO DOS LINKS DENTRO DO TEXTO
   A cor laranja vem da cor global de link, em Configuracoes do Site.
   Aqui so o sublinhado, para o link se distinguir do texto comum.
   Restrito ao conteudo dos posts e aos blocos de texto (politicas).
   Menus, rodape e botoes nao sao afetados. */
.elementor-widget-theme-post-content a,
.elementor-widget-text-editor a {
	text-decoration: underline;
}

/* 3. IDENTIDADE DO FILTRO DE PRODUTOS (plugin WBW)
   Motivo: a versao gratuita do plugin NAO tem configuracao de cor nem de
   fonte. Na aba Design dele, as secoes "Blocks", "Titles" e "Buttons" sao
   recursos pagos e aparecem bloqueadas; o widget dele para o Elementor
   tambem nao expoe nenhum controle de estilo. Sem estas regras o filtro
   sai com fonte do sistema, botao cinza e um verde #3FE331 na barra de
   preco, tudo fora da identidade da loja.
   Os valores sao os mesmos da paleta e das fontes globais da Tchelo. */

/* fonte Jost em todo o filtro */
.wpfFilterWrapper,
.wpfFilterWrapper label,
.wpfFilterWrapper input,
.wpfFilterButton.wpfButton,
.wpfClearButton.wpfButton {
	font-family: "Jost", sans-serif;
}

/* titulos dos filtros e itens das listas: cinza "Texto forte" */
.wpfFiltersBlock .wpfFilter .wpfFilterTitle,
.wpfFilterWrapper .wpfFilterTitle {
	color: #54595F !important;
}

.wpfFilterWrapper label {
	color: #54595F;
}

/* botao FILTRAR: laranja da marca */
.wpfFilterButtons .wpfFilterButton.wpfButton {
	background: #D85C1F;
	color: #FFFFFF;
	border-color: #D85C1F;
}

/* botao LIMPAR: secundario, para nao competir com o FILTRAR */
.wpfFilterButtons .wpfClearButton.wpfButton {
	background: transparent;
	color: #D85C1F;
	border: 1px solid #D85C1F;
}

/* faixa selecionada do controle de preco: laranja no lugar do verde */
.wpfFilterWrapper .ui-widget-header {
	background: #D85C1F;
}

/* caixinhas marcadas: laranja no lugar do cinza-escuro */
.wpfFilterWrapper input[type="checkbox"]:checked,
.wpfFilterWrapper input[type="radio"]:checked {
	background-color: #D85C1F !important;
	border-color: #D85C1F !important;
}/* End custom CSS */