@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//canecas24horas.com.br/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.0") format("woff2");
	font-display:swap;
}

:root {
	--wd-text-font: "Sora", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(10,61,78);
	--wd-text-font-size: 16px;
	--wd-title-font: "Rubik", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-transform: none;
	--wd-title-color: rgb(10,61,78);
	--wd-entities-title-font: "Sora", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-transform: none;
	--wd-entities-title-color: rgb(10,61,78);
	--wd-entities-title-color-hover: rgb(0, 138, 0);
	--wd-alternative-font: "Sora", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Rubik", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: rgb(10,61,78);
	--wd-widget-title-font-size: 18px;
	--wd-header-el-font: "Sora", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,138,0);
	--wd-alternative-color: rgb(4,39,46);
	--btn-default-font-family: "Poppins", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 700;
	--btn-default-transform: uppercase;
	--btn-default-bgcolor: rgb(4,39,46);
	--btn-default-bgcolor-hover: rgb(3,31,38);
	--btn-accented-font-family: "Poppins", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 700;
	--btn-accented-transform: uppercase;
	--btn-accented-bgcolor: rgb(245,124,0);
	--btn-accented-bgcolor-hover: rgb(230,115,0);
	--btn-font-family: "Poppins", Arial, Helvetica, sans-serif;
	--btn-transform: none;
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(212,237,218);
	--notices-success-color: rgb(0,132,74);
	--notices-warning-bg: rgb(255,243,205);
	--notices-warning-color: 856404;
	--wd-link-color: rgb(4,39,46);
	--wd-link-color-hover: #008744;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(245,154,87);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 480px;
	--wd-popup-padding: 0px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center top;
}
.wd-footer {
	background-color: rgb(247,248,250);
	background-image: none;
}
html .wd-product .wd-entities-title a {
	font-family: "Sora", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 15px;
	line-height: 22px;
	text-transform: none;
}
.page :is(.wd-page-content, .whb-header) {
	background-image: none;
	background-repeat: repeat;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-image: none;
	background-repeat: repeat;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-image: none;
	background-repeat: repeat;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-image: none;
	background-repeat: repeat;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-image: none;
	background-repeat: repeat;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-image: none;
	background-repeat: repeat;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-image: none;
	background-repeat: repeat;
}
html .widget_price_filter [class*="price_slider_amount"] .button {
	color: rgb(255,255,255);
	background: #008744;
}
html .widget_price_filter [class*="price_slider_amount"] .button:hover {
	background: rgb(0,96,54);
}
html .wd-empty-mini-cart .btn {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: rgb(255,255,255);
	background: rgb(0,135,68);
}
html .wd-empty-mini-cart .btn:hover {
	color: rgb(255,255,255);
	background: #0a4f42;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-placeholder-color: rgb(119,119,119)7;
	--wd-form-bg: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 40px;
	--wd-arrow-icon-size: 16px;
	--wd-arrow-offset-h: 20px;
	--wd-arrow-color: rgb(4,39,46);
	--wd-arrow-color-hover: rgb(253,248,240);
	--wd-arrow-color-dis: rgb(170,170,170);
	--wd-arrow-bg: rgb(253,248,240);
	--wd-arrow-bg-hover: rgb(0,132,74);
	--wd-arrow-bg-dis: rgb(234,234,234);
	--wd-arrow-radius: 10px;
	--wd-arrow-brd-color: rgb(4,39,46);
	--wd-arrow-brd-color-hover: rgb(10,79,66);
	--wd-arrow-brd-color-dis: rgb(221,221,221);
	--wd-arrow-brd: 1px solid;
	--wd-arrow-shadow: 0px 4px 12px 0px rgba(0,0,0,0.15);
}
.wd-nav-pagin-wrap:not(.wd-custom-style) {
	--wd-pagin-size: 10px;
	--wd-pagin-bg: rgb(209,213,219);
	--wd-pagin-bg-hover: rgb(4,39,46);
	--wd-pagin-bg-act: rgb(10,79,66);
}
.wd-nav-scroll {
	--wd-nscroll-height: 3px;
	--wd-nscroll-bg: rgb(209,213,219);
	--wd-nscroll-drag-bg: rgb(0,132,74);
	--wd-nscroll-drag-bg-hover: rgb(8,61,51);
}
.product-labels .product-label.new {
	background-color: rgb(68,183,95);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 20px;
}

@media (max-width: 1024px) {
	.woocommerce-product-gallery {
		--wd-gallery-gap: 20px;
	}

}

@media (max-width: 768.98px) {
	.woocommerce-product-gallery {
		--wd-gallery-gap: 10px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(253,248,240);
}

/* ==========================================================================
   CANECAS 24 HORAS - EXTRA PRODUCT OPTIONS
   Paleta: Brand Colors (Set 2025)
   ========================================================================== */

/* --- 1. CONTAINER GERAL --- */
#tm-extra-product-options {
    font-family: 'Sora', sans-serif !important; /* BRAND FONT: TEXTO */
    margin-top: 20px !important;
}

/* 1. Aumentar o GAP Geral (Título, Estrelas, Preço) */
.product-grid-item .product-wrapper {
    gap: 15px !important; /* Mude para 20px para sentir a diferença real */
}

/* 2. Espaçamento Específico: Imagem para o Título */
.product-grid-item .product-element-top {
    margin-bottom: 15px !important; /* Aqui criamos o espaço entre a foto e o texto */
}

/* 4. Garantir que a variável não nos bloqueie */
:root {
    --wd-prod-gap: 15px !important;
}

/* --- 2. TÍTULOS DAS SEÇÕES (H3) --- */
.tc-epo-label.tm-epo-element-label {
    font-family: 'Rubik', sans-serif !important; /* BRAND FONT: TÍTULO */
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #04272e !important; /* BRAND COLOR: SECUNDÁRIA */
    border-top: 1px dashed #eee !important;
    margin-top: -20px !important;
    padding-top: 20px !important;
    display: flex !important;
    align-items: center !important;
}

/* Asterisco de obrigatório */
.tm-epo-required {
    color: #D97706 !important; /* BRAND COLOR: DESTAQUE */
    margin-right: 5px !important;
}

/* --- 3. RADIO BUTTONS E CHECKBOXES --- */

/* Container dos campos */
.tmcp-ul-wrap {
    display: block !important;
    width: 100% !important;
    margin-top: 15px !important;
}

/* Cada opção - FORÇA QUEBRA DE LINHA */
.tmcp-field-wrap {
    width: 100% !important;
    margin: 0 0 10px 0 !important;
    float: none !important;
    clear: both !important;
    display: block !important;
}

.tmcp-field-wrap-inner {
    width: 100% !important;
    display: block !important;
}

.tc-field-label-wrap {
    width: 100% !important;
    display: block !important;
}

/* Label (área clicável) */
.tm-epo-field-label {
    display: flex !important;
    align-items: center !important;
    padding: 12px 16px !important;
    background-color: #FFFFFF !important;
    border: 2px solid #E8F0EE !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.tm-epo-field-label:hover {
    border-color: #008744 !important; /* BRAND COLOR: PRIMÁRIA (leve) */
    background-color: #F7F8FA !important; /* BRAND COLOR: FUNDO */
    transform: translateX(3px) !important;
}

/* Label quando selecionado - CORES DA MARCA */
.tc-active .tm-epo-field-label,
.tmcp-field-wrap.tc-active .tm-epo-field-label {
    border-color: #008744 !important; /* BRAND COLOR: PRIMÁRIA */
    background: linear-gradient(135deg, #F7F8FA 0%, #eefaf3 100%) !important; /* Gradiente Suave da Marca */
    box-shadow: 0 3px 12px rgba(0, 135, 68, 0.15) !important; /* Sombra Verde Marca */
}

/* Radio/Checkbox customizado */
.tc-input-wrap {
    display: flex !important;
    align-items: center !important;
    margin-right: 12px !important;
    flex-shrink: 0 !important;
}

input[type="radio"],
input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: #008744 !important; /* BRAND COLOR: PRIMÁRIA */
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

/* Texto do label */
.tc-label-text {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1B1B1E !important; /* BRAND COLOR: TEXTO */
    line-height: 1.4 !important;
    flex: 1 !important;
}

.tc-active .tc-label-text {
    color: #008744 !important; /* BRAND COLOR: PRIMÁRIA */
    font-weight: 700 !important;
}

/* --- 4. CAMPOS DE TEXTO (Input e Textarea) - APENAS NO FORMULÁRIO DE PERSONALIZAÇÃO --- */

#tm-extra-product-options input[type="text"],
#tm-extra-product-options textarea {
    width: 100% !important;
    padding: 14px 18px !important;
    border: 2px solid #E8F0EE !important;
    border-radius: 12px !important;
    font-family: 'Sora', sans-serif !important; 
    font-size: 15px !important;
    color: #1B1B1E !important; 
    background-color: #F7F8FA !important; 
    transition: all 0.25s ease !important;
    margin-top: 5px !important;
}

#tm-extra-product-options input[type="text"]:focus,
#tm-extra-product-options textarea:focus {
    outline: none !important;
    border-color: #008744 !important; 
    background-color: #FFFFFF !important;
    box-shadow: 0 0 0 3px rgba(0, 135, 68, 0.15) !important;
}

#tm-extra-product-options textarea {
    min-height: 100px !important;
    resize: vertical !important;
}

/* Placeholder específico também para não afetar outros campos */
#tm-extra-product-options input::placeholder,
#tm-extra-product-options textarea::placeholder {
    color: #9AA0A6 !important; 
    font-style: italic !important;
}

/* --- 5. UPLOAD DE ARQUIVO --- */

.cpf-upload-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 30px 20px !important;
    background: linear-gradient(135deg, #F7F8FA 0%, #FFFFFF 100%) !important;
    border: 2px dashed #008744 !important; /* BRAND COLOR: PRIMÁRIA */
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin-top: 10px !important;
}

.cpf-upload-container:hover {
    background: linear-gradient(135deg, #eefaf3 0%, #F7F8FA 100%) !important;
    border-color: #006b36 !important; /* Verde um pouco mais escuro */
    transform: translateY(-2px) !important;
}

.cpf-upload-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
}

.cpf-upload-text {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #04272e !important; /* BRAND COLOR: SECUNDÁRIA */
    text-align: center !important;
}

.cpf-upload-text::before {
    content: "📸 " !important;
    font-size: 28px !important;
    display: block !important;
    margin-bottom: 8px !important;
}

input[type="file"] {
    opacity: 0 !important;
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    cursor: pointer !important;
}

.tc-max-file-size {
    display: block !important;
    text-align: center !important;
    color: #999 !important;
    font-size: 13px !important;
    margin-top: 8px !important;
}

/* --- 6. DESCRIÇÕES E MENSAGENS --- */

.tm-element-description,
.tm-description {
    background: linear-gradient(135deg, #F7F8FA 0%, #eefaf3 100%) !important;
    border-left: 4px solid #008744 !important; /* BRAND COLOR: PRIMÁRIA */
    padding: 20px 24px !important;
    border-radius: 12px !important;
    margin-top: -15px !important;
    margin-bottom: 20px !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #04272e !important; /* BRAND COLOR: SECUNDÁRIA */
    font-weight: 500 !important;
}

.tm-description b,
.tm-element-description b {
    color: #04272e !important; /* BRAND COLOR: SECUNDÁRIA */
    font-weight: 700 !important;
}

.tm-description p,
.tm-element-description p {
    margin: 0 !important;
    padding: 10px !important;
}

/* ==========================================================================
   PARTE B: CORREÇÃO DOS FUNDOS (GRID 5 COLUNAS - FORÇADO)
   ========================================================================== */

/* 1. O Container do Grid */
ul.tc-images-container,
ul.tmcp-ul-wrap.tc-images-container {
    display: grid !important;
    /* Define explicitamente 5 colunas de tamanho igual */
    grid-template-columns: repeat(5, 1fr) !important; 
    gap: 10px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 15px 0 !important;
    float: none !important; /* Remove flutuação antiga */
}

/* 2. O Item da Lista (Reset Total) */
li.tmhexcolorimage-li-nowh,
ul.tc-images-container li.tmcp-field-wrap {
    width: auto !important;      /* Mata o 100% do plugin */
    min-width: 0 !important;     /* Permite encolher */
    max-width: 100% !important;
    float: none !important;      /* Mata o float left */
    clear: none !important;      /* Mata a quebra de linha */
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    display: block !important;
}

/* 3. Garante que os containers internos ocupem o espaço da célula do grid */
li.tmhexcolorimage-li-nowh .tmcp-field-wrap-inner,
li.tmhexcolorimage-li-nowh .tc-field-label-wrap {
    width: 100% !important;
    display: block !important;
}

/* 4. A Caixa Clicável (O Botão Quadrado) */
.tmhexcolorimage-li-nowh .tm-epo-field-label {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important; /* Força ser quadrado exato */
    height: auto !important;        
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 5px !important;
    border: 1px solid #e1e1e1 !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    cursor: pointer !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
    transition: all 0.2s ease !important;
}

/* 5. A Imagem (Textura) */
.tmhexcolorimage-li-nowh img.radio-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Cobre todo o quadrado */
    border-radius: 5px !important; /* Levemente arredondado */
    margin: 0 !important;
    display: block !important;
}

/* 6. Hover e Seleção */
.tmhexcolorimage-li-nowh .tm-epo-field-label:hover {
    transform: translateY(-3px);
    border-color: #D97706 !important; /* BRAND COLOR: DESTAQUE (Laranja) */
}

.tmhexcolorimage-li-nowh.tc-active .tm-epo-field-label {
    border: 2px solid #D97706 !important; /* BRAND COLOR: DESTAQUE (Laranja) */
    padding: 3px !important; /* Reduz padding para compensar borda grossa */
}

/* 7. Responsividade (Celular) */
/* No celular, 5 fica apertado demais, forçamos 4 ou 3 */
@media (max-width: 768px) {
    ul.tc-images-container,
    ul.tmcp-ul-wrap.tc-images-container {
        grid-template-columns: repeat(3, 1fr) !important; 
        gap: 8px !important;
    }
}

/* --- 8. BOTÃO LIMPAR SELEÇÃO --- */

.tm-epo-reset-radio,
.tm-has-clearbutton {
    position: relative !important;
}

.tm-epo-reset-radio {
    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    transform: translateY(-50%) !important;
    background-color: #008744 !important; /* BRAND COLOR: PRIMÁRIA */
    color: white !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    font-size: 11px !important;
}

.tm-epo-reset-radio:hover {
    background-color: #04272e !important; /* BRAND COLOR: SECUNDÁRIA */
    transform: translateY(-50%) scale(1.1) !important;
}

/* --- 9. CHECKBOX (Estilo Especial) --- */

.tmcp-checkbox {
    width: 18px !important;
    height: 18px !important;
    border-radius: 4px !important;
}

/* --- 10. RESPONSIVIDADE --- */

@media (max-width: 768px) {
    .tc-epo-label.tm-epo-element-label {
        font-size: 16px !important;
    }
    
    .tm-epo-field-label {
        padding: 12px 15px !important;
    }
    
    .tc-label-text {
        font-size: 14px !important;
    }
    
    /* Grid menor no mobile */
    .tc-images-container,
    ul.tc-images-container {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important;
        gap: 10px !important;
    }
    
    .tm-element-description,
    .tm-description {
        padding: 16px 18px !important;
    }
}

@media (min-width: 769px) and (max-width: 1199px) {
    /* Tablet */
    .tc-images-container,
    ul.tc-images-container {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
    }
}

@media (min-width: 1200px) {
    /* Desktop grande - mais itens por linha */
    .tc-images-container,
    ul.tc-images-container {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
    }
}

/* --- 11. CAMPOS DESABILITADOS --- */

.tcdisabled,
.tc-container-disabled {
    opacity: 0.5 !important;
    pointer-events: none !important;
}

/* --- 12. ANIMAÇÕES SUAVES --- */

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.cpf-element {
    animation: fadeIn 0.3s ease !important;
}

/* --- 13. AJUSTES FINAIS --- */

.tc-section-inner-wrap {
    padding: 15px 0 !important;
}

.tc-element-container {
    width: 100% !important;
}

.tc-container.cpf-element {
    margin-bottom: 18px !important;
}

/* ==========================================================================
   FRUGAU V5.2 - SWATCHES C24H CLEAN (Atualizado)
   ========================================================================== */

/* --- 0. SOBRESCREVER FONTE DO TEXTO DOS SWATCHES --- */
[class*="wd-swatches"].wd-text-style-4 .wd-swatch.wd-text .wd-swatch-text {
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: 'Sora', sans-serif !important; /* BRAND FONT */
}

/* --- 1. AJUSTES GERAIS (Títulos e Linhas) --- */
table.variations th.label {
    padding-bottom: 8px !important;
    font-size: 16px !important;
    color: #04272e !important; /* BRAND COLOR: SECUNDÁRIA */
    font-weight: 700 !important;
    font-family: 'Rubik', sans-serif !important; /* BRAND FONT */
}

table.variations label {
    font-weight: 700 !important;
}

table.variations tr {
    margin-top: 20px !important;
    border-bottom: 1px dashed #eee;
    display: flex !important;
    flex-direction: column !important;
}
table.variations tr:last-child { border: none !important; }
table.variations td.value { width: 100% !important; }

/* --- 2. TAMANHOS (Folhas de Papel) --- */
.wd-swatches-product[data-id="pa_tamanho"] .wd-swatch {
    width: 80px !important; 
    height: 105px !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    border: 1px solid #e1e1e1 !important;
    margin: 0 8px 8px 0 !important;
    
    /* Texto Centralizado */
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    
    /* Fonte AJUSTADA */
    font-family: 'Sora', sans-serif !important; /* BRAND FONT */
    font-size: 14px !important;
    color: #1B1B1E !important; /* BRAND COLOR: TEXTO */
    font-weight: 600 !important;
    line-height: 1.1 !important;
    transition: all 0.2s ease;
}

/* --- 3. MOLDURAS (Visual Real + Seleção Corrigida) --- */
.wd-swatches-product[data-id="pa_cor-da-moldura"] .wd-swatch {
    width: 80px !important;
    height: 105px !important;
    background-color: #ffffff !important;
    
    /* A Moldura Visual */
    border-style: solid !important;
    border-width: 6px !important; 
    border-radius: 4px !important;
    
    margin: 0 10px 8px 0 !important;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1) !important;
    
    /* Texto */
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: 'Sora', sans-serif !important; /* BRAND FONT */
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: #1B1B1E !important; /* BRAND COLOR: TEXTO */
    padding: 2px !important;
}

/* CORES REAIS (Borda da Moldura - PRODUTO FÍSICO, NÃO ALTERAR) */
.wd-swatch[data-value*="preta"]   { border-color: #111 !important; }
.wd-swatch[data-value*="branca"]  { border-color: #f5f5f5 !important; box-shadow: 0 0 0 1px #ccc inset !important; }
.wd-swatch[data-value*="natural"] { border-color: #E3CCA8 !important; }
.wd-swatch[data-value*="tabaco"]  { border-color: #5C4033 !important; }

/* --- 4. ORIENTAÇÃO (Geometria Ajustada) --- */
.wd-swatches-product[data-id="pa_orientacao"] .wd-swatch {
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    margin-right: 15px !important;
    box-shadow: none !important;
    
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-family: 'Sora', sans-serif !important; /* BRAND FONT */
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1B1B1E !important; /* BRAND COLOR: TEXTO */
}

/* MEDIDAS AJUSTADAS (Padronizadas) */

/* Horizontal (Deitado) */
.wd-swatches-product[data-id="pa_orientacao"] .wd-swatch[data-value*="horizontal"] { 
    width: 105px !important;
    height: 80px !important;
}

/* Vertical (Em pé) */
.wd-swatches-product[data-id="pa_orientacao"] .wd-swatch[data-value*="vertical"] { 
    width: 80px !important;
    height: 105px !important;
}

/* --- 5. EFEITOS DE INTERAÇÃO (Hover e Seleção) --- */

/* Hover Geral (Laranja Destaque) */
.wd-swatches-product .wd-swatch:hover {
    border-color: #D97706 !important; /* BRAND COLOR: DESTAQUE */
    transform: translateY(-3px);
}

/* CORREÇÃO COMPLETA: Hover na Moldura mantém TUDO original */
.wd-swatches-product[data-id="pa_cor-da-moldura"] .wd-swatch:hover {
    transform: translateY(-3px); /* Só levanta */
    border-color: inherit !important; /* Não muda a cor */
}

/* Garantir cores específicas no hover da moldura */
.wd-swatches-product[data-id="pa_cor-da-moldura"] .wd-swatch[data-value*="preta"]:hover { 
    border-color: #111 !important; 
}
.wd-swatches-product[data-id="pa_cor-da-moldura"] .wd-swatch[data-value*="branca"]:hover { 
    border-color: #f5f5f5 !important; 
}
.wd-swatches-product[data-id="pa_cor-da-moldura"] .wd-swatch[data-value*="natural"]:hover { 
    border-color: #E3CCA8 !important; 
}
.wd-swatches-product[data-id="pa_cor-da-moldura"] .wd-swatch[data-value*="tabaco"]:hover { 
    border-color: #5C4033 !important; 
}


/* Selecionado (Tamanho e Orientação) */
.wd-swatches-product .wd-swatch.wd-active {
    background-color: #F7F8FA !important; /* BRAND COLOR: FUNDO/NEUTRO */
    border-color: #D97706 !important;     /* BRAND COLOR: DESTAQUE */
    color: #D97706 !important;
}

/* CORREÇÃO DA SELEÇÃO DA MOLDURA (O Pulo do Gato) */
/* Aqui garantimos que a borda continue PRETA/BRANCA e o anel laranja fique FORA */
.wd-swatches-product[data-id="pa_cor-da-moldura"] .wd-swatch.wd-active {
    background-color: #fff !important; /* Fundo Branco */
    outline: 2px solid #D97706 !important; /* BRAND COLOR: DESTAQUE */
    outline-offset: 3px;
    /* As cores abaixo forçam a borda original mesmo quando ativo */
}

.wd-swatches-product[data-id="pa_cor-da-moldura"] .wd-swatch.wd-active[data-value*="preta"] { border-color: #111 !important; }
.wd-swatches-product[data-id="pa_cor-da-moldura"] .wd-swatch.wd-active[data-value*="branca"] { border-color: #f5f5f5 !important; }
.wd-swatches-product[data-id="pa_cor-da-moldura"] .wd-swatch.wd-active[data-value*="natural"] { border-color: #E3CCA8 !important; }
.wd-swatches-product[data-id="pa_cor-da-moldura"] .wd-swatch.wd-active[data-value*="tabaco"] { border-color: #5C4033 !important; }

/* Texto Laranja apenas quando ativo */
.wd-swatches-product .wd-swatch.wd-active .wd-swatch-text {
    color: #D97706 !important; /* BRAND COLOR: DESTAQUE */
}


/* =========================================================
   CÓDIGO COMPLETO PARA O SISTEMA DE DESCONTOS
========================================================= */

/* 1. ESTILO DO LINK/BANNER AMARELO QUE ABRE O MODAL */
.rp_wcdpd_product_page .rp_wcdpd_product_page_modal_link {
    display: block;
    background-color: #fff8e1;
    border: 1px dashed #f5c542;
    border-radius: 8px;
    padding: 12px 15px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.rp_wcdpd_product_page_modal_link span {
    text-decoration: none !important;
    cursor: pointer;
}

/* Adiciona sublinhado e cursor no texto do link */
.rp_wcdpd_product_page_modal_link span {
    text-decoration: underline;
    cursor: pointer;
}


/* 2. ESTILO E CENTRALIZAÇÃO DO MODAL (JANELA BRANCA) */
.rp_wcdpd_modal {
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	margin: 0 !important;
	
	/* Aparência e Tamanho */
	padding: 25px 30px !important;
	border-radius: 12px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
	max-width: 90%;
	width: 580px;
	
	/* Solução Definitiva para Altura: Adiciona scroll se o conteúdo for muito longo */
	max-height: 85vh !important;
    overflow-y: auto !important;
}

/* Fundo escuro que aparece com o modal */
.rp_wcdpd_overlay {
	background-color: rgba(0, 0, 0, 0.6) !important;
}


/* 3. ESTILO DO CONTEÚDO DENTRO DO MODAL (TÍTULO E TABELA) */
.rp_wcdpd_product_page_title {
	font-family: 'Sora', sans-serif;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
	text-align: center;
	color: #333;
}

.rp_wcdpd_pricing_table table {
	width: 100%;
	border-collapse: collapse;
}

.rp_wcdpd_pricing_table td {
	padding: 10px 25px !important; /* Espaçamento simétrico e altura controlada */
	border-bottom: 1px solid #f0f0f0;
	font-size: 15px;
	vertical-align: middle;
}

/* Alinhamento do texto nas colunas */
.rp_wcdpd_pricing_table td:first-child {
	text-align: left !important;
}
.rp_wcdpd_pricing_table td:last-child {
	text-align: right !important;
}

.rp_wcdpd_pricing_table tr:last-child td {
	border-bottom: none;
}


/* 4. REGRAS EXCLUSIVAS PARA O MOBILE */
@media (max-width: 768px) {

    /* Aplica o padding no link/banner para forçar a quebra da linha do texto */
    .rp_wcdpd_product_page .rp_wcdpd_product_page_modal_link {
        padding: 12px 40px !important;
    }
    
    /* Ajusta a largura e o padding do modal no mobile */
	.rp_wcdpd_modal {
		width: 95% !important;
		padding: 20px !important;
	}
}
/* Oculta o preço APENAS na navegação de produtos (hover do breadcrumb) */
.wd-products-nav .price {
	display: none !important;
}

/* Cor no icone Pix de pagamento */
.wcsp-container .payment .icon {
    display: inline-block;
    width: var(--wcsp-icons-size);
    min-width: var(--wcsp-icons-size);
    color: #2ebdaf;
    margin-right: 15px;
    margin-top: -3px;
}

/* --- Estilo para o Banner de Descontos por Quantidade --- */

/* Caixa principal que já existe (apenas para referência) */
.rp_wcdpd_product_page {
    width: 100%;
    margin-top: 15px !important;
    margin-bottom: 35px !important;
}

/* 1. O link clicável, que transformaremos em banner */
.rp_wcdpd_product_page .rp_wcdpd_product_page_modal_link {
	display: block; /* Faz ocupar a linha toda */
	background-color: #fff8e1; /* Um fundo amarelo bem claro, cor de "aviso" */
	border: 1px dashed #f5c542; /* Borda tracejada que remete a cupom */
	border-radius: 8px; /* Bordas arredondadas para combinar com os botões */
	padding: 12px 15px; /* Espaçamento interno para o texto "respirar" */
	text-align: center; /* Centraliza o conteúdo */
	text-decoration: none; /* Remove o sublinhado padrão */
	cursor: pointer;
	transition: all 0.3s ease; /* Adiciona uma transição suave para o efeito hover */
}

/* 2. O texto dentro do banner */
.rp_wcdpd_product_page .rp_wcdpd_product_page_modal_link span {
	font-family: 'Sora', sans-serif; /* Mesma família de fonte dos botões */
	font-weight: 600; /* Semi-negrito para dar destaque */
	font-size: 14px;
	color: #594b1f; /* Cor de texto escura para bom contraste com o fundo */
}



/* 3. Efeito ao passar o mouse por cima */
.rp_wcdpd_product_page .rp_wcdpd_product_page_modal_link:hover {
	background-color: #fff2cc; /* Escurece um pouco o fundo */
	border-color: #e6b42b; /* Deixa a borda mais forte */
	transform: translateY(-2px); /* Efeito sutil de "levantar" o banner */
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); /* Sombra suave */
}

/* --- Botes Lumise --- */
.product .lumise-list-button {
	background-color: #04272e !important;
	color: #ffffff !important;
	display: inline-block;
	font-size: 13px;
	height: 40px;
	line-height: 1.2em;
	margin-top: 5px;
	padding-bottom: 0;
	padding-top: 12px;
	text-align: center;
	width: 100%;
}

.elementor-element-17799b3 .wd-add-btn .lumise-list-button {
	background-color: #04272e;
	color: #ffffff !important;
	display: inline-block;
	font-size: 13px;
	height: 40px;
	line-height: 1.2em;
	margin-top: 5px;
	padding-bottom: 0;
	padding-top: 12px;
	text-align: center;
	width: 100%;
}

#lumise-customize-button {
	background-color: #04272e !important;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #ffffff !important;
}

/* Button */
.product .cart .single_add_to_cart_button:nth-child(2) {
	font-family: 'Sora', sans-serif;
}

/* --- CÓDIGO PARA LAYOUT RESPONSIVO (MOBILE) --- */
@media (max-width: 768px) {

	/* 1. Resetamos o container de frete para o layout de bloco padrão */
	#wc-shipping-simulator {
		display: block !important;
		margin-bottom: 15px; /* Adiciona um espaço abaixo do frete */
	}
    
    #wc-shipping-simulator .shipping-simulator-wrapper {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

	/* 2. O container dos botões de compra é que vira flexbox */
	.product .variations_form .variations_button,
    .product .cart:not(.woocommerce-cart-form) {
		display: flex;
		flex-wrap: wrap; 
		gap: 10px; 
	}

	/* 3. Seletor de quantidade com largura definida */
	.product .cart .quantity {
		/* A MUDANÇA ESTÁ AQUI: O primeiro número (flex-grow) foi de 1 para 0 */
		flex: 0 1 90px; /* Dizemos para ele NÃO CRESCER, apenas ocupar seu espaço base */
	}

	/* 4. Botão "Comprar" ocupando o espaço restante */
	.product .cart .single_add_to_cart_button {
		flex: 1 1 150px; /* Este continua crescendo para preencher o espaço vazio */
	}
	
	/* 5. Botão "Personalizar" na linha de baixo */
	.product .cart .lumise-list-button {
		width: 100%;
	}
}

.wd-single-add-cart>div>*:last-child, .wd-single-add-cart>*:last-child {
    margin-bottom: -20px;
}

/* --- Estilo Final e Forçado para o Botão WhatsApp --- */

/* 1. O link principal, com estilos forçados */
a.wws-product-query-btn {
	display: flex !important;
	width: 100% !important;
	box-sizing: border-box !important; 
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
	transition: all 0.3s ease !important;
	
	/* --- ESPECIFICAÇÕES FINAIS E FORÇADAS --- */
	height: 50px !important;                 /* ALTURA MÁXIMA de 50px */
	border-radius: 5px !important;            /* Bordas arredondadas */

	margin: 20px 0 !important;
	border: none !important;                  /* Sem borda */
	
	/* CORRIGIDO: Verde claro no padrão */
	background-color: #25D366 !important; 
}

/* 2. O container do ícone do WhatsApp com o tamanho solicitado */
.wws-product-query-btn__img {
    width: 40px !important;
    height: 40px !important;
    flex-shrink: 0 !important;
}

/* 3. A imagem do ícone, sempre branca */
.wws-product-query-btn__img img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	filter: brightness(0) invert(1) !important; /* Ícone sempre branco */
}

/* 4. O texto ao lado do ícone, sempre branco */
.wws-product-query-btn__text {
    margin-left: 5px !important;
}
.wws-product-query-btn__text span,
.wws-product-query-btn__text strong {
	font-family: 'Sora', sans-serif !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	color: #ffffff !important; /* Texto sempre branco */
}

/* 5. Efeito ao passar o mouse: muda para o verde escuro */
a.wws-product-query-btn:hover {
	/* CORRIGIDO: Verde escuro no hover */
	background-color: #128C7E !important; 
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

/* --- Simulador de Frete (wc-shipping-simulator) - CÓDIGO COMPLETO E CORRIGIDO --- */

/* Bloco principal do simulador */
#wc-shipping-simulator {
	max-width: 100%;
	margin-top: -20px;
	margin-bottom: 10px;
	width: 100% !important;
}

#wc-shipping-simulator h3 {
	font-size: 16px !important;
	margin-bottom: 10px;
}

/* --- Simulador de Frete (wc-shipping-simulator) - CÓDIGO COMPLETO E HARMÔNICO --- */

/* Bloco principal do simulador */
#wc-shipping-simulator {
	max-width: 100%;
	margin-top: -35px;
	margin-bottom: 10px;
	width: 100% !important;
}

#wc-shipping-simulator h3 {
	font-size: 16px !important;
	margin-bottom: 10px;
}

/* --- SEÇÃO DE LAYOUT DO FORMULÁRIO --- */

/* 1. Container que agrupa o campo e o botão (Wrapper) */
#wc-shipping-simulator .shipping-simulator-wrapper {
	display: flex;
	align-items: center;
	gap: 15px;
	position: relative;
	margin-bottom: 20px; /* Aumenta o espaço abaixo do formulário */
	max-width: 100%;
}

/* 2. O contêiner do campo de CEP (Label) */
#wc-shipping-simulator .shipping-simulator-wrapper label {
	flex-grow: 1;
	width: auto;
	height: 50px;
	font-size: 14px;
	font-weight: 600;
	margin: 0;
	padding: 0;
	position: relative; /* Necessário para posicionar o ícone dentro */
	padding-left:18px;
}

/* NOVO: Ajuste no input para espaçar o texto do ícone */
#wc-shipping-simulator .shipping-simulator-wrapper .cep-number {
	padding-left: 10px !important; /* Adiciona espaço à esquerda para o ícone não colar no texto */
	height: 100%;
	width: 100%;
}

/* 3. O botão "Calcular Frete" */
#wc-shipping-simulator .shipping-simulator-wrapper .calculate {
	flex-shrink: 0;
	width: 160px;
	height: 50px;
	font-size: 14px;
	line-height: 1.2em !important;
	margin: 0;
	padding: 0 10px;
	text-transform: none;
	background-color: #ededed; /* Cor de fundo mais suave como na imagem */
	color: #333; /* Cor do texto do botão */
	border: 1px solid #e0e0e0; /* Borda sutil */
	border-radius: 6px; /* Bordas levemente arredondadas */
}

/* --- ESTILOS DA TABELA DE RESULTADOS (Harmonizados) --- */

#wc-shipping-simulator .table-freight {
	width: 100%;
	margin-top: 15px;
	border-collapse: collapse; /* Garante que não haja bordas duplas */
}

/* NOVO: Mais espaço vertical nas células da tabela */
#wc-shipping-simulator .table-freight th,
#wc-shipping-simulator .table-freight td {
	padding: 14px 10px; /* Aumentado de 5px para 14px para mais "respiro" */
	border-bottom: 1px solid #f0f0f0; /* Linha sutil separando as opções */
	text-align: left;
	vertical-align: middle;
}

#wc-shipping-simulator .table-freight th {
	background: transparent; /* Remove o fundo cinza do cabeçalho */
	font-family: 'Sora', sans-serif;
	font-size: 14px;
	color: #888;
	text-transform: uppercase;
}

#wc-shipping-simulator .table-freight td {
    color: #555; /* Cor de texto padrão para as opções */
}

/* Remove a linha de baixo do último item para um acabamento limpo */
#wc-shipping-simulator .table-freight tr:last-child td {
	border-bottom: none;
}

#fshipping-results tbody {
	font-size: 14px;
	font-weight: 500;
}

/* Estiliza o endereço exibido abaixo da tabela */
#wc-shipping-simulator .shipping-address {
    margin-top: 15px;
    font-size: 13px;
    color: #777;
}


/* --- AJUSTE PARA TELAS PEQUENAS (Responsividade) --- */

@media (max-width: 480px) {
	#wc-shipping-simulator .shipping-simulator-wrapper {
		flex-direction: column;
		align-items: stretch;
	}

	#wc-shipping-simulator .shipping-simulator-wrapper .calculate {
		width: 100%;
	}
}

/* --- Elementos de Produtos e Carrinho --- */
.entry-summary .cart .rightpress_product_price_live_update{
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.entry-summary .cart .quantity{
	margin-right: 5px;
	padding-right: 0;
	width: 80px;
}

.website-wrapper .main-page-wrapper .container-fluid .content-layout-wrapper .breadcrumbs-location-summary .product .container .product-image-summary-wrap .product-image-summary .product-image-summary-inner .entry-summary .summary-inner .cart .single_add_to_cart_button{
	width: 41% !important;
}

.products .product .add_to_cart_button,.products .product .product_loop_button{
	display: none !important;
}

/* Ajuste Tamanho Swatch */
.wd-swatch {
    width: 106px !important;
	  height: 100px !important; 
}

/* Media query para telas menores (consideradas "mobile") */
@media (max-width: 768px) { /* Você pode ajustar 768px conforme a necessidade */
    .wd-swatch {
        width: 92px !important;
				height: 88px !important; 
    }
}

/* Fazer o Card Inteiro do Produto ser Clicvel */
.woocommerce ul.products li.product{
	position: relative;
}

.woocommerce ul.products li.product .woocommerce-loop-product__link{
	font-size: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

/* Oculta as avaliaes em estrela APENAS na grade de produtos */
.woocommerce ul.products li.product .star-rating{
	display: none;
}

/* Svg */
.wd-single-price .payment-discount svg{
	padding-top:0px;
	padding-bottom:0px;
	margin-top:5px;
}

/* Button */
.wd-btn-design-full .cart .single_add_to_cart_button{
	font-size:14px;
	line-height:2.85em;
	letter-spacing:0.5px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	border-top-left-radius:8px !important;
	border-top-right-radius:8px !important;
	border-bottom-left-radius:8px !important;
	border-bottom-right-radius:8px !important;
	min-height:5px;
	height:50px;
}

/* Button */
.cart .quantity input[type=button]{
	height:50px;
}

/* Input */
.cart .quantity input[type=number]{
	height:50px;
}

/* Zipcode */
#zipcode{
	font-size:14px !important;
}

/* 601px and larger screen sizes */
@media (min-width: 601px){

	.elementor-form .elementor-field-group .elementor-button{
		top: -12px;
	}
	
	/* Span Tag */
	.elementor-element-ef0a154 .elementor-container .elementor-inner-column .elementor-widget-wrap .wd-btn-design-full .elementor-widget-container .cart #wc-shipping-simulator .shipping-simulator-wrapper label span{
		font-size: 13px !important;
	}
	
	/* Label */
	#wc-shipping-simulator .shipping-simulator-wrapper label{
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		border-top-color: #e4e4e4;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
	
	/* Button */
	#wc-shipping-simulator .shipping-simulator-wrapper .calculate{
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
	


/* 601px and larger screen sizes */
@media (min-width:601px){

	/* Span Tag */
	.elementor-element-5e875b0b .elementor-container .elementor-top-column .elementor-widget-wrap .wd-btn-design-full .elementor-widget-container .cart #wc-shipping-simulator .shipping-simulator-wrapper label span{
		font-size:14px !important;
	}
	
}
/* ==========================================================================
   Estilização da Barra de Rolagem (Scrollbar)
   ========================================================================== */

/* --- Para Firefox --- */
/* Define a cor da barra móvel e a cor do fundo da trilha */
html {
  scrollbar-color: #008744 #F0F0F0; /* Cor da Barra (thumb) e Cor do Fundo (track) */
  scrollbar-width: thin; /* Opcional: Deixa a barra mais fina e elegante */
}

/* --- Para Chrome, Safari, Edge, e outros baseados em WebKit --- */

/* 1. A barra de rolagem inteira */
::-webkit-scrollbar {
  width: 12px; /* Largura da barra */
}

/* 2. A trilha (o fundo da barra) */
::-webkit-scrollbar-track {
  background: #F0F0F0; /* Um cinza bem claro, que combina com nosso fundo bege */
}

/* 3. A barra móvel (o "polegar" que você arrasta) */
::-webkit-scrollbar-thumb {
  background-color: #008744;    /* Nosso Verde Consciência */
  border-radius: 20px;       /* Deixa as pontas totalmente arredondadas */
  border: 3px solid #F0F0F0; /* Cria uma pequena borda da cor da trilha, fazendo a barra parecer mais fina */
}

/* 4. Efeito ao passar o mouse sobre a barra móvel */
::-webkit-scrollbar-thumb:hover {
  background-color: #083D33; /* Nosso Verde Consciência um pouco mais escuro */
}

/* ==========================================================================
   Melhorias Adicionais de UX/UI
   ========================================================================== */

/* 1. Rolagem Suave (já adicionado) */
html {
  scroll-behavior: smooth;
}

/* 2. Transições Suaves para Links */
a, button {
  transition: all 0.3s ease-in-out;
}

/* 3. Cor de Seleção de Texto da Marca */
::selection {
  background-color: #008744; /* Verde Consciência */
  color: #FFFFFF;
}

/* 4. Estilo de Foco Aprimorado para Formulários */
input:focus,
textarea:focus,
select:focus {
  border-color: #008744 !important;
  box-shadow: 0 0 0 3px rgba(10, 79, 66, 0.2) !important;
  outline: none; /* Remove o contorno padrão do navegador */
}
/* Efeito de "pressionar" o botão ao clicar */
.button:active, 
.btn:active, 
button:active {
  transform: scale(0.98);
  box-shadow: none; /* Opcional: remove a sombra no clique */
}
/* Cria um sublinhado personalizado para links importantes */
.link-animado { /* Adicione esta classe aos links que quiser animar */
  text-decoration: none;
  background-image: linear-gradient(to right, #008744, #008744);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 0% 2px; /* Começa com largura 0% e 2px de altura */
  transition: background-size 0.4s ease-in-out;
}
/* Efeito de Vidro Fosco */
.barra-vidro-fosco {
  background-color: rgba(10, 79, 66, 0.5); /* Nosso Verde com 50% de transparência */
  -webkit-backdrop-filter: blur(10px); /* O desfoque para Chrome/Safari */
  backdrop-filter: blur(10px); /* O desfoque para Firefox */
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); /* Borda sutil para dar acabamento */
}
.link-animado:hover {
  background-size: 100% 2px; /* Expande para 100% da largura no hover */
}
/* Efeito de Letra Capitular (Drop Cap) */
.paragrafo-editorial::first-letter {
  color: #008744; /* Nosso Verde Consciência */
  font-family: 'Rubik', sans-serif; /* Usa a fonte de título para a letra */
  font-weight: 700;
  font-size: 4rem; /* Tamanho grande */
  float: left;
  line-height: 0.8;
  margin-right: 10px;
  margin-top: 5px;
}

/*
 * Solução de Acessibilidade: Garante que os links no conteúdo
 * sejam sublinhados para serem distinguíveis sem depender da cor.
*/
.elementor-text-editor a {
    text-decoration: underline;
    text-decoration-color: rgba(0, 0, 0, 0.4); /* Deixa o sublinhado um pouco mais sutil */
}

/* Opcional: Remove o sublinhado quando o usuário passa o mouse por cima */
.elementor-text-editor a:hover {
    text-decoration: none;
}

/* Efeitos Gerais */

.site-logo {
    transition: transform 0.3s ease-in-out;
}

.site-logo:hover {
    transform: scale(1.08);
}
	
	.elementor-65779 .elementor-element.elementor-element-2e6de9c:not(.elementor-motion-effects-element-type-background), .elementor-65779 .elementor-element.elementor-element-2e6de9c > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #008744 !important;
}
	
label[for="payment_method_pagaleve-pix"] img {
    max-height: 30px !important;
    width: auto !important;
}
	
	.woocommerce-checkout #payment .wc_payment_methods li.wc_payment_method_pagaleve-pix label img {
    max-height: 30px !important; /* A altura que você deseja */
    width: auto !important;
}
/* Ajustes para as legendas de imagens nos posts */
.wp-block-image figcaption {
    font-size: 14px !important; /* Define o tamanho da fonte */
    font-style: italic !important; /* Coloca o texto em itálico */
    text-align: center !important; /* Centraliza o texto */
    margin-bottom: 2em !important; /* Adiciona um espaço generoso abaixo da legenda */
}
	

	/* Estilo para a frase de cashback na página do produto */
.wlr-product-message {
  /* Cores da sua paleta */
  background-color: #F7F8FA !important; /* Cinza Gelo */
  color: #1B1B1E !important; /* Grafite Foco */
  border: 1px solid #008744 !important; /* Verde Vibrante */
  border-radius: 8px !important; /* Borda arredondada */
  
  /* Espaçamento e tipografia */
  padding: 12px 20px !important;
  margin-bottom: 30px !important;
  font-size: 14px !important;
  font-weight: 600 !important; /* Deixa a fonte em negrito */
  
  /* Alinhamento de conteúdo */
  display: flex !important;
  justify-content: center !important; /* Centraliza horizontalmente */
  align-items: center !important;
}

/* Adicionando um ícone visual para destacar ainda mais */
.wlr-product-message::before {
  content: "💰" !important; /* Ícone de moeda, você pode usar 🎁 ou ✅ também */
  font-size: 15px !important;
  margin-right: 5px !important;
  display: inline-block !important;
  line-height: 1 !important; /* Alinhamento vertical */
}
/* --- ESTILO DE CITAÇÃO REFINADO E DELICADO PARA LISTAS --- */
ol.lista-citacao {
    list-style: none;
    padding-left: 0;
}
ol.lista-citacao li {
    background-color: #ffffff; 
    padding: 15px 20px 15px 55px; /* Diminui o espaçamento interno */
    margin-bottom: 14px;
    font-size: 1.0em;
    font-style: italic;
    color: #1B1B1E;
    position: relative;
    border-radius: 5px;
}
ol.lista-citacao li::before {
    content: ''; 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23D97706' stroke='%23D97706' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-message-square'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 20px; /* Posição do ícone */
    top: 50%;
    transform: translateY(-50%);
    width: 15px; /* Tamanho do ícone diminuído */
    height: 15px;
}
ol.lista-citacao li:hover {
    background-color: #F7F8FA; /* Efeito hover sutil */
    transition: background-color 0.2s ease-in-out;
}