.elementor-kit-5{--e-global-color-primary:#262626;--e-global-color-secondary:#39F604;--e-global-color-text:#ECECEC;--e-global-color-accent:#5A8E4F;--e-global-color-b34ab4e:#000000;--e-global-color-7fbbf37:#373636;--e-global-color-d44fe0d:#34B620;--e-global-color-9496d6b:#292929;--e-global-color-bd1b88b:#424141;--e-global-typography-primary-font-family:"Bebas Neue";--e-global-typography-primary-font-size:38px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:2px;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"Bebas Neue";--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:400;background-color:#FFFFFF;color:#262626;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-text );font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );border-radius:4px 4px 4px 4px;padding:10px 30px 10px 30px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-b34ab4e );color:var( --e-global-color-primary );border-radius:4px 4px 4px 4px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-d44fe0d );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );}.elementor-kit-5 a:hover{color:var( --e-global-color-d44fe0d );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );}.elementor-kit-5 h1{color:var( --e-global-color-text );}.elementor-kit-5 h3{line-height:15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.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);}@media(max-width:1024px){.elementor-kit-5{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-5 a{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-5 a:hover{font-size:var( --e-global-typography-secondary-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-5 a{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-5 a:hover{font-size:var( --e-global-typography-secondary-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* === HEADER (menu) – corrigir cor apenas nas páginas de post === */ /* Estado normal */ body.single-post .elementor-location-header .elementor-nav-menu a.elementor-item, body.single-post .elementor-location-header .elementor-nav-menu .elementor-item { color: #FFFFFF !important; text-decoration: none !important; } /* Hover e foco */ body.single-post .elementor-location-header .elementor-nav-menu a.elementor-item:hover, body.single-post .elementor-location-header .elementor-nav-menu a.elementor-item:focus { color: #39F604 !important; text-decoration: none !important; } /* Ativo (página atual) */ body.single-post .elementor-location-header .elementor-nav-menu a.elementor-item.elementor-item-active, body.single-post .elementor-location-header .elementor-nav-menu .current-menu-item > a.elementor-item, body.single-post .elementor-location-header .elementor-nav-menu .current-menu-ancestor > a.elementor-item { color: #ACABAB !important; text-decoration: none !important; } /* Mobile: ícone/botão do menu (hambúrguer) */ body.single-post .elementor-location-header .elementor-menu-toggle, body.single-post .elementor-location-header .elementor-menu-toggle i, body.single-post .elementor-location-header .elementor-menu-toggle svg { color: #FFFFFF !important; fill: #FFFFFF !important; } /* ========================= HOME ========================= */ /* Sessão Posts do Blog - Estilo da Categoria */ .elementor-post-info__terms-list a { font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; text-decoration: none !important; text-transform: none !important; color: inherit !important; /* mantém a cor herdada */ } .elementor-post-info__terms-list a:hover { font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; text-decoration: underline !important; text-transform: none !important; text-underline-offset: 2px; color: inherit !important; } /* ============ PRODUTO PRANCHA / SINGLE PAGE ============ */ /* Single Product: reduzir H4 do Icon Box para 14px */ body.single-product .elementor .elementor-icon-box-content h4, body.single-product .elementor .elementor-icon-box-content h4 a, body.single-product .elementor .elementor-icon-box-title, body.single-product .elementor .elementor-icon-box-title a { font-size: 14px !important; line-height: 1.4 !important; text-transform: none !important; margin: 0 0 .4em !important; } /* ============ BLOG / SINGLE POST ============ */ :root {--frog-green: #34b620;} /* Priorizar estilos do Elementor nas páginas de post do blog */ .single-post .elementor a, .single-post .elementor a:visited { color: var(--e-global-color-primary, inherit) !important; text-decoration: none !important; } .single-post .elementor a:hover { text-decoration: underline !important; } /* Botões do Elementor (Widget Button e Links estilizados como botão) */ .single-post .elementor .elementor-button, .single-post .elementor a.elementor-button, .single-post .elementor .elementor-button-link { background: var(--e-global-color-accent, initial) !important; color: var(--e-global-color-text, #fff) !important; border: none !important; box-shadow: none !important; padding: .75em 1.25em !important; border-radius: .4em !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } /* Hover dos botões (Elementor) */ .single-post .elementor .elementor-button:hover, .single-post .elementor a.elementor-button:hover, .single-post .elementor .elementor-button-link:hover { filter: brightness(0.92) !important; } /* Garantir que o tema não force tipografia/transform nos botões/links do Elementor */ .single-post .elementor .elementor-button, .single-post .elementor a.elementor-button, .single-post .elementor .elementor-button-link, .single-post .elementor a { text-transform: none !important; letter-spacing: normal !important; font-weight: inherit !important; line-height: inherit !important; } /* H3 do kit global – aumentar entrelinha */ .elementor-kit-5 h3 { line-height: 35px !important; } .single-post .wp-block-button .wp-block-button__link.wp-element-button { text-transform: uppercase !important; letter-spacing: .02em; font-weight: 700; line-height: 1 !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: .75em 1.25em !important; border-radius: .4em !important; border: none !important; box-shadow: none !important; background-color: #34b620 !important; color: #262626 !important; transition: background-color .2s ease !important; } /* Hover: apenas altera a cor de fundo; sem sublinhado, sem transform */ .single-post .wp-block-button .wp-block-button__link.wp-element-button:hover, .single-post .wp-block-button .wp-block-button__link.wp-element-button:focus { background-color: #39f604 !important; color: #262626 !important; text-decoration: none !important; } /* Garantir tamanho fixo do texto nos botões Gutenberg */ .single-post .wp-block-button .wp-block-button__link.wp-element-button, .single-post .wp-block-button .wp-block-button__link.wp-element-button:hover, .single-post .wp-block-button .wp-block-button__link.wp-element-button:focus { font-size: 16px !important; /* ajuste aqui se quiser maior/menor */ line-height: 1.2 !important; text-transform: uppercase !important; font-weight: 700 !important; /* já mantém o estilo que definimos antes */ background-color: #34b620 !important; color: #fff !important; border: none !important; border-radius: .4em !important; padding: .75em 1.25em !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-decoration: none !important; transition: background-color .2s ease !important; } /* Hover: apenas muda a cor do fundo, sem alterar tamanho da fonte */ .single-post .wp-block-button .wp-block-button__link.wp-element-button:hover { background-color: #39f604 !important; font-size: 16px !important; } body.single-post :is( .cat-links a, .post-categories a, a[rel="category"], .elementor-post-info__terms-list a, .elementor-widget-theme-post-info a[href*="/category/"] ){ color: var(--frog-green) !important; text-decoration: none !important; font: inherit !important; /* mantém o tamanho/linha do contexto */ } body.single-post :is( .cat-links a:hover, .post-categories a:hover, a[rel="category"]:hover, .elementor-post-info__terms-list a:hover, .elementor-widget-theme-post-info a[href*="/category/"]:hover ){ color: var(--frog-green) !important; text-decoration: underline !important; text-underline-offset: 2px; } /* Botão Gutenberg (wp-block-button) com o mesmo visual do botão Elementor “elementor-button … elementor-size-sm” */ body.single-post .wp-block-button .wp-block-button__link, body.single-post .wp-block-button .wp-element-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: .5em !important; font-family: var(--e-global-typography-text-font-family, inherit) !important; font-weight: 600 !important; line-height: 1 !important; text-decoration: none !important; /* tamanho SM aproximado */ padding: 10px 16px !important; min-height: 36px !important; border-radius: 999px !important; /* estilo “pill” */ border: none !important; background-color: var(--e-global-color-accent, var(--frog-green)) !important; color: #fff !important; transition: background-color .2s ease, transform .1s ease !important; } body.single-post .wp-block-button .wp-block-button__link:hover, body.single-post .wp-block-button .wp-element-button:hover, body.single-post .wp-block-button .wp-block-button__link:focus, body.single-post .wp-block-button .wp-element-button:focus { background-color: var(--e-global-color-secondary, #111) !important; color: #fff !important; transform: translateY(-1px) !important; } /* Variante outline do Gutenberg */ body.single-post .wp-block-button.is-style-outline .wp-block-button__link, body.single-post .wp-block-button.is-style-outline .wp-element-button { background: transparent !important; color: var(--e-global-color-accent, var(--frog-green)) !important; border: 2px solid currentColor !important; } body.single-post .wp-block-button.is-style-outline .wp-block-button__link:hover, body.single-post .wp-block-button.is-style-outline .wp-element-button:hover { background: var(--e-global-color-accent, var(--frog-green)) !important; color: #fff !important; } /* “Produtos relacionados” – links do produto (título / imagem / etc) link e hover em verde (hover só sublinhado) */ body.single-post :is(.related, .upsells, .cross-sells) a:not(.button):not(.wp-element-button) { color: var(--frog-green) !important; text-decoration: none !important; } body.single-post :is(.related, .upsells, .cross-sells) a:not(.button):not(.wp-element-button):hover { color: var(--frog-green) !important; text-decoration: underline !important; text-underline-offset: 2px; } /*“Produtos relacionados” – botão “Conheça” totalmente padronizado */ body.single-post :is(.related, .upsells, .cross-sells) :is( .button, .wp-element-button, .add_to_cart_button, .product_type_simple, a.button ){ display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: .5em !important; font-family: var(--e-global-typography-text-font-family, inherit) !important; font-weight: 600 !important; line-height: 1 !important; text-decoration: none !important; padding: 10px 16px !important; /* SM */ min-height: 36px !important; border-radius: 999px !important; border: none !important; background-color: var(--e-global-color-accent, var(--frog-green)) !important; color: #fff !important; transition: background-color .2s ease, transform .1s ease !important; } body.single-post :is(.related, .upsells, .cross-sells) :is( .button, .wp-element-button, .add_to_cart_button, .product_type_simple, a.button ):hover { background-color: var(--e-global-color-secondary, #111) !important; color: #fff !important; transform: translateY(-1px) !important; } /* (failsafe) Caso o tema esteja impondo azul nos links dentro de cards */ body.single-post .related .product .woocommerce-loop-product__title, body.single-post .related .product .price { color: var(--e-global-color-text, inherit) !important; }/* End custom CSS */