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

.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: url(https://aogosto.com.br/pedidos/wp-content/uploads/2021/08/promo-popup.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.header-banner{
	background-color:rgb(221,51,51);
	background-image: none;
}

.page-title-default{
	background-color:rgb(238,227,178);
	background-image: url(https://aogosto.com.br/delivery/wp-content/uploads/2023/10/Untitled-1920-×-640-px-1920-×-640-px.jpg);
	background-repeat:inherit;
	background-size:contain;
	background-attachment:inherit;
	background-position:center center;
}

.footer-container{
	background-color:#ffffff;
	background-image: none;
}

:root{
--wd-text-font:"Lato", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"Lato", Arial, Helvetica, sans-serif;
--wd-title-font-weight:600;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:500;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Lato", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Lato", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:600;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:700;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:13px;
}
:root{
--wd-primary-color:rgb(22,163,74);
}
:root{
--wd-alternative-color:rgb(10,61,35);
}
:root{
--wd-link-color:rgb(51,51,51);
--wd-link-color-hover:#242424;
}
.page .main-page-wrapper{
	background-color:rgb(255,255,255);
	background-image: none;
}

:root{
--btn-default-bgcolor:rgb(242,69,20);
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-accented-bgcolor:rgb(242,69,20);
}
:root{
--btn-accented-bgcolor-hover:rgb(221,153,51);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
.product-labels .product-label.onsale{
	background-color:rgba(0,0,0,0.8);
}

.product-labels .product-label.onsale{
	color:rgb(238,226,177);
}

.product-labels .product-label.featured{
	background-color:rgb(0,0,0);
}

.product-labels .product-label.featured{
	color:rgb(250,69,22);
}

.product-labels .product-label.out-of-stock{
	background-color:rgb(0,0,0);
}

.product-labels .product-label.out-of-stock{
	color:rgb(255,255,255);
}

	:root{
									--wd-form-brd-radius: 35px;
			
			
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #333;
		
					--btn-default-color-hover: #333;
		
					--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: 35px;
				--btn-accented-box-shadow: none;
				--btn-accented-box-shadow-hover: none;
			
					
							
					--wd-brd-radius: 5px;
			}

	
	
			@media (min-width: 1025px) {
			.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
				max-width: 1192px;
			}
		}

		.container {
			max-width: 1222px;
		}

		:root{
			--wd-container-w: 1222px;
		}
	
			@media (min-width: 1239px) {
			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media (min-width: 1222px) {
			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
	
	
	
	
	
/* ==========================================================================
   AO GOSTO — CSS GLOBAL · VERSÃO COPA
   --------------------------------------------------------------------------
   Substituição 1:1 do CSS global anterior. Mesma ordem de blocos.
   O QUE MUDOU (era o laranja com !important que atropelava o Customizer):
   - Botão Finalizar Pedido (#ff6200) → verde Copa
   - Cart Modal Redesign (FA4815) → verde Copa
   - Mini Cart Premium V2 (F05A28/C94010/FFF0EB) → verde Copa
   - Títulos Icônicos (gradiente FF5722) → gradiente verde→dourado
   - Indicador de Scroll mobile (FF5722) → verde/amarelo
   - Smart Pricing legado (compat de cache) → verde
   O QUE FICOU IGUAL: todos os blocos neutros (hides, breadcrumbs, YITH,
   pickup, alertas, WhatsApp, faixa ESGOTADO vermelha, fix do checkout).
   ========================================================================== */

.mobile-pages-menu wd-nav wd-nav-mobile wd-active {
   background-color: rgba(0, 0, 0, 0.6);

}

.nav-link-text {
	color: #5d5947;
	
}

.price { 
font-size: 20px;
}

.woocommerce-breadcrumb {
    display: none;
}


span.onsale.product-label {
    display: none;
}


.out-of-stock.product-label {
    border-radius: 10px; /* Arredonda as bordas */
    padding: 5px 10px; /* Adiciona um pouco de espaço interno para melhorar a estética */
}

/* Estilizar a mensagem de alerta do Ao Gosto Club */
.ao-gosto-club-alert {
    background-color: #f0f8ff;
    border-left: 5px solid #0073aa;
    padding: 10px 20px;
    margin-top: 10px;
    border-radius: 4px;
    font-family: Arial, sans-serif;
}

.ao-gosto-club-alert strong {
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
}

.ao-gosto-club-alert p {
    margin: 0;
    font-size: 14px;
}

/* Esconder a mensagem de sucesso após aplicar o cupom */
.woocommerce-message {
    display: none !important;
}

/* Estilizar o dropdown de unidades */
#pickup_location_container {
    margin-top: 20px;
}

#pickup_location_container label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

#pickup_location {
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.alert-message {
    color: #d9534f;
    font-size: 16px;
    margin-bottom: 10px;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
}

a.whatsapp-button {
    display: inline-block;
    padding: 12px 25px;
    color: #fff;
    background-color: #25d366;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

a.whatsapp-button:hover {
    background-color: #128c7e;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-text .yith-wapo-option .input-text-container input {
color: black;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option label, .yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label {
	font-size: 16px;
}

/* Estilização do botão Finalizar Pedido no checkout — COPA */
.woocommerce-checkout #place_order {
    background-color: #16A34A !important;
    color: #ffffff !important;
    padding: 15px 30px !important;
    font-size: 18px !important;
    border-radius: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 !important;
    border: none !important;
    transition: background-color 0.3s ease !important;
}

/* Efeito ao passar o mouse */
.woocommerce-checkout #place_order:hover {
    background-color: #0A3D23 !important;
    color: #ffffff !important;
}

/* Ajuste responsivo para mobile */
@media (max-width: 767px) {
    .woocommerce-checkout #place_order {
        padding: 12px 20px !important;
        font-size: 16px !important;
    }
}

/* Estilização do texto de segurança abaixo do botão */
.woocommerce-checkout #place_order + .aogosto-security-text {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    color: #666;
    margin-top: 10px;
    text-align: center;
}

.woocommerce-checkout #place_order + .aogosto-security-text .fas {
    margin-right: 5px;
    color: #28a745;
}

/* Correção de posicionamento no desktop e mobile */
@media (min-width: 768px) {
    .woocommerce-checkout #place_order + .aogosto-security-text {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .woocommerce-checkout #place_order + .aogosto-security-text {
        margin: 5px 0;
        font-size: 0.8rem;
        padding: 0 10px;
    }
}

/* === 🛒 Ao Gosto Cart Modal Redesign · COPA === */

/* Container principal */
.widget_shopping_cart_content {
  padding: 15px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  font-family: "Poppins", sans-serif;
}

/* Produtos */
.elementor-menu-cart__product {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.2s ease;
}
.elementor-menu-cart__product:hover {
  background: #F0FDF4;
}

/* Imagem */
.elementor-menu-cart__product-image img {
  width: 60px !important;
  height: 60px !important;
  border-radius: 8px;
  object-fit: cover;
  border: 1px solid #eee;
}

/* Nome do produto */
.elementor-menu-cart__product-name a {
  font-weight: 500;
  color: #222;
  font-size: 14px;
  line-height: 1.3;
  text-decoration: none;
}
.elementor-menu-cart__product-name a:hover {
  color: #16A34A;
}

/* Preço */
.elementor-menu-cart__product-price {
  margin-left: auto;
  font-weight: 600;
  color: #15803D;
  font-size: 14px;
}

/* Remover item (X) */
.elementor-menu-cart__product-remove a {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #bbb;
  font-size: 16px;
  transition: color 0.2s;
}
.elementor-menu-cart__product-remove a:hover {
  color: #DC2626;
}

/* Subtotal */
.elementor-menu-cart__subtotal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.elementor-menu-cart__subtotal strong {
  color: #222;
}
.elementor-menu-cart__subtotal .amount {
  color: #15803D;
  font-weight: 700;
}

/* Botões */
.elementor-menu-cart__footer-buttons {
  display: flex;
  gap: 10px;
  margin-top: 15px;
  flex-wrap: wrap;
}
.elementor-menu-cart__footer-buttons a {
  flex: 1;
  text-align: center;
  background: #16A34A;
  color: #fff;
  font-weight: 600;
  border-radius: 8px;
  padding: 12px;
  transition: background 0.3s ease;
  text-transform: uppercase;
  font-size: 14px;
}
.elementor-menu-cart__footer-buttons a:hover {
  background: #0A3D23;
}

/* Botão secundário (Ver carrinho) */
.elementor-menu-cart__footer-buttons a.elementor-button--view-cart {
  background: #333;
}
.elementor-menu-cart__footer-buttons a.elementor-button--view-cart:hover {
  background: #555;
}

/* Mobile aprimorado */
@media (max-width: 768px) {
  .widget_shopping_cart_content {
    border-radius: 16px 16px 0 0;
    padding: 20px;
  }
  .elementor-menu-cart__product-image img {
    width: 70px !important;
    height: 70px !important;
  }
  .elementor-menu-cart__product-name a {
    font-size: 15px;
  }
  .elementor-menu-cart__footer-buttons a {
    padding: 14px;
    font-size: 15px;
  }
}

/* ==== TÍTULOS ICÔNICOS - SISTEMA GLOBAL · COPA ==== */

.titulo-destaque {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 50px 0 40px;
    position: relative;
}

.titulo-icon {
    width: 35px;
    height: 35px;
    animation: pulse 2s ease-in-out infinite;
    flex-shrink: 0;
}

.titulo-icon svg {
    width: 100%;
    height: 100%;
    filter: drop-shadow(0 3px 8px rgba(22, 163, 74, 0.4));
}

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

.titulo-principal {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    line-height: 1;
    text-align: center;
}

.titulo-destaque-texto {
    font-size: 16px;
    font-weight: 500;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    margin-bottom: 5px;
}

/* Gradiente do título: verde-campo → verde-vivo → dourado Copa */
.titulo-principal-texto {
    font-size: 48px;
    font-weight: 900;
    background: linear-gradient(135deg, #15803D 0%, #16A34A 55%, #EAB308 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    padding-bottom: 15px;
}

.titulo-principal-texto::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 4px;
    background: linear-gradient(90deg, transparent, #16A34A, transparent);
    border-radius: 2px;
}

/* RESPONSIVO MOBILE - AJUSTADO */
@media (max-width: 768px) {
    .titulo-destaque {
        gap: 15px;
        margin: 35px 0 30px;
    }
    
    .titulo-icon {
        width: 28px;
        height: 28px;
    }
    
    .titulo-destaque-texto {
        font-size: 13px;
        letter-spacing: 2px;
        margin-bottom: 4px;
    }
    
    .titulo-principal-texto {
        font-size: 32px;
        letter-spacing: 1.5px;
        padding-bottom: 12px;
    }
    
    .titulo-principal-texto::after {
        height: 3px;
        width: 55%;
    }
}

@media (max-width: 480px) {
    .titulo-destaque {
        gap: 12px;
    }
    
    .titulo-icon {
        width: 24px;
        height: 24px;
    }
    
    .titulo-destaque-texto {
        font-size: 12px;
        letter-spacing: 1.5px;
    }
    
    .titulo-principal-texto {
        font-size: 28px;
        letter-spacing: 1px;
    }
}

/* ==== INDICADOR DE SCROLL - APENAS MOBILE · COPA ==== */

.scroll-indicator-minimal {
    display: none; /* Escondido por padrão no desktop */
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: -5px 0 25px;
    padding: 15px 20px;
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.06) 0%, rgba(255, 214, 10, 0.06) 100%);
    border-radius: 50px;
    position: relative;
    overflow: hidden;
}

.scroll-indicator-minimal::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(22, 163, 74, 0.1) 0%, transparent 70%);
    animation: pulse-bg 3s ease-in-out infinite;
}

@keyframes pulse-bg {
    0%, 100% {
        opacity: 0.3;
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        opacity: 0.6;
        transform: translate(-50%, -50%) scale(1.1);
    }
}

.finger-swipe {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    z-index: 1;
}

.finger-icon {
    font-size: 28px;
    display: inline-block;
    animation: finger-point 2.5s ease-in-out infinite;
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.1));
}

@keyframes finger-point {
    0%, 100% {
        transform: translateX(0) scale(1);
    }
    15% {
        transform: translateX(5px) scale(1.05);
    }
    30% {
        transform: translateX(25px) scale(1.1);
    }
    45% {
        transform: translateX(35px) scale(1.1) rotate(-5deg);
    }
    55% {
        transform: translateX(35px) scale(1.05) rotate(-5deg);
    }
    70% {
        transform: translateX(20px) scale(1);
    }
    85% {
        transform: translateX(5px) scale(0.95);
    }
}

.swipe-trail {
    position: absolute;
    left: 0;
    top: 50%;
    width: 50px;
    height: 3px;
    background: linear-gradient(90deg, #16A34A, #FFD60A, transparent);
    border-radius: 2px;
    transform: translateY(-50%);
    opacity: 0;
    animation: trail-appear 2.5s ease-in-out infinite;
}

@keyframes trail-appear {
    0%, 100% {
        opacity: 0;
        width: 0;
        left: 0;
    }
    30% {
        opacity: 0.8;
        width: 40px;
        left: 28px;
    }
    45% {
        opacity: 1;
        width: 50px;
        left: 35px;
    }
    55% {
        opacity: 0.8;
        width: 50px;
        left: 35px;
    }
    85% {
        opacity: 0;
        width: 20px;
        left: 20px;
    }
}

.swipe-text {
    font-size: 13px;
    font-weight: 600;
    color: #16A34A;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    z-index: 1;
    animation: text-pulse 2.5s ease-in-out infinite;
}

@keyframes text-pulse {
    0%, 100% {
        opacity: 0.7;
    }
    50% {
        opacity: 1;
    }
}

/* MOSTRAR APENAS NO MOBILE */
@media (max-width: 768px) {
    .scroll-indicator-minimal {
        display: flex; /* Aparece no tablet/mobile */
    }
}

@media (max-width: 480px) {
    .scroll-indicator-minimal {
        padding: 12px 16px;
        gap: 10px;
        margin: -5px 10px 20px;
    }
    
    .finger-icon {
        font-size: 24px;
    }
    
    .swipe-text {
        font-size: 11px;
        letter-spacing: 0.3px;
    }
    
    .swipe-trail {
        width: 40px;
        height: 2px;
    }
}

/* Esconder após interação (classe será adicionada via JS) */
.scroll-indicator-minimal.hidden {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.8s ease;
}

/* ====================
   CSS MINIMALISTA - SÓ CORRIGE O ERRO
   ==================== */

/* Garante que as mensagens de erro não quebrem o layout das colunas */
body.woocommerce-checkout .woocommerce-NoticeGroup-checkout {
    position: relative !important;
    width: 100% !important;
    margin-bottom: 20px !important;
    clear: both !important;
}

/* Impede que o erro force as colunas para baixo */
body.woocommerce-checkout form.checkout.row {
    display: flex !important;
    flex-wrap: wrap !important;
}

/* Garante que as colunas mantenham o tamanho original */
body.woocommerce-checkout form.checkout .col-12 {
    flex-shrink: 0 !important;
}

/* Força as mensagens de erro a ocuparem toda a largura sem quebrar o grid */
body.woocommerce-checkout .woocommerce-NoticeGroup {
    flex-basis: 100% !important;
    max-width: 100% !important;
}

/* Previne colapso do layout quando há erro */
@media (min-width: 768px) {
    body.woocommerce-checkout form.checkout .col-md-5,
    body.woocommerce-checkout form.checkout .col-md-7 {
        display: block !important;
    }
}

/* Ocultar toda a section superior (título + breadcrumb + carrossel) na Black Friday */
body.term-black-friday .elementor-element-3237bcc8 {
    display: none !important;
}

/* Remove título da categoria */
.wd-woo-page-title,
.wd_shop_archive_woocommerce_title {
    display: none !important;
}

/* Remove carrossel de categorias */
.elementor-widget-wd_product_categories {
    display: none !important;
}

/* Remove breadcrumbs se quiser */
.wd-breadcrumbs {
    display: none !important;
}

/* ==========================================================================
   AO GOSTO — FAIXA DIAGONAL DE ESGOTADO (mantida em VERMELHO de propósito:
   vermelho aqui é semântica de indisponível, não cor de marca)
   ========================================================================= */

/* 1. Prepara o contêiner da imagem para conter a faixa e impede que as labels originais no canto apareçam */
.product.outofstock .product-image-link,
.product.out-of-stock .product-image-link {
    position: relative !important;
    overflow: hidden !important; /* Corta a faixa diagonal */
}

/* 2. Gatilho Visual: Imagem em tons de cinza e opaca (30%) */
.product.outofstock .product-image-link img,
.product.out-of-stock .product-image-link img {
    opacity: 0.3 !important;
    filter: grayscale(100%) !important;
    transition: all 0.3s ease !important;
}

/* 3. Transforma a etiqueta original em uma faixa diagonal vermelha sólida */
.product-labels .out-of-stock-label,
.labels-rounded .out-of-stock-label,
span.out-of-stock-label {
    position: absolute !important;
    top: 50% !important; /* Centraliza verticalmente */
    left: 50% !important; /* Centraliza horizontalmente */
    transform: translate(-50%, -50%) rotate(-45deg) !important; /* Rotaciona e re-centraliza */
    
    /* Faixa vermelha grande e agressiva */
    background: #DC2626 !important; /* Vermelho forte para ESGOTADO */
    width: 200% !important; /* Estica para fora do contêiner */
    height: 70px !important; /* Altura da faixa */
    
    color: #ffffff !important;
    border-radius: 0 !important; /* Remove o arredondamento */
    box-shadow: 0 10px 25px rgba(220, 38, 38, 0.5) !important; /* Sombra dramática vermelha */
    z-index: 30 !important; /* Acima de tudo */
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Oculta o texto original feio do WoodMart */
    font-size: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* 4. Injeta o novo texto grande e agressivo "ESGOTADO" */
.product-labels .out-of-stock-label::after,
.labels-rounded .out-of-stock-label::after,
span.out-of-stock-label::after {
    content: "ESGOTADO"; /* <-- Frase direta e agressiva */
    font-size: 32px !important; /* Texto grandão */
    font-weight: 900 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    display: block !important;
}

/* 5. Oculta outras etiquetas para não poluir o visual disruptivo */
.product.outofstock .onsale,
.product.out-of-stock .onsale,
.product.outofstock .product-label, /* Remove outras etiquetas no canto superior esquerdo */
.product.out-of-stock .product-label {
    display: none !important;
}

/* SMART PRICING UI LEGADO — compat de cache, recolorido pra COPA.
   Este markup (.ag-premium-price-box) era injetado pelos reescritores JS
   já removidos; o escudo do snippet v2.3 o elimina do DOM. Estas regras só
   existem pra que QUALQUER resquício em cache apareça verde, nunca laranja.
   Pode deletar este bloco inteiro quando tiver certeza de que não há mais
   cache antigo circulando. */
.ag-premium-price-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 8px;
  margin-bottom: 12px;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}

.ag-price-kg { 
  font-size: 19px; /* Levemente reduzido para harmonia em 5 colunas */
  font-weight: 900; 
  color: #15803D; 
  line-height: 1; 
  margin-bottom: 6px; 
  display: block; 
}
.ag-price-kg small { 
  font-size: 12px; 
  font-weight: 700; 
  color: #64748B; 
}
.ag-price-piece { 
  display: flex; /* Mudado para flexível */
  flex-wrap: wrap; /* Mágica: Permite quebrar a linha DE FORMA ELEGANTE por dentro da pílula */
  align-items: center; 
  background: #F0FDF4; 
  border: 1px solid #BBF7D0; 
  padding: 5px 8px; 
  border-radius: 6px; 
  font-size: 11px; 
  font-weight: 700; 
  color: #166534; 
  gap: 4px; 
  width: 100%; /* Ocupa a largura total disponível */
  box-sizing: border-box;
  /* Ocultação e Ellipsis foram deletados daqui para parar de cortar */
}

/* Garante que os bloquinhos individuais de texto não quebrem no meio da palavra */
.ag-weight-label { 
  color: #16A34A; 
  font-weight: 800; 
  white-space: nowrap; 
}
.ag-total-val { 
  opacity: 0.8; 
  white-space: nowrap; 
}

/* Casca global da .ag-offers — a var(--ag-bg) original ficou órfã quando os
   :root das seções foram removidos; fixado em branco. A seção Copa
   (.ag-offers--copa) tem padding próprio mais específico e vence estas regras. */
.ag-offers {
  padding: 40px 16px; /* Mantém o respiro seguro no celular */
  background: #FFFFFF;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  overflow: hidden;
}

@media (min-width: 992px) {
  .ag-offers {
    padding: 64px 0; /* Zera a margem lateral no Desktop para não espremer o grid */
  }
}

.ag-offers__wrap {
  width: 100%; /* Deixa o Elementor controlar a largura máxima automaticamente */
  margin: 0 auto;
}

/* ==========================================================================
   AO GOSTO — REVITALIZAÇÃO DO CARRINHO LATERAL · COPA (Mini Cart Premium V2)
   ========================================================================== */

/* 1. Expansão do Carrinho e Trava Nuclear de Z-INDEX */
.cart-widget-side, 
.elementor-menu-cart__container {
    width: 420px !important; /* Expansão: Layout respirável e imponente */
    max-width: 90vw !important; /* Proteção para não quebrar em celulares pequenos */
    z-index: 9999999 !important; /* NUCLEAR: Passa por cima da navbar, header e qualquer outro elemento */
    background-color: #ffffff !important;
    box-shadow: -10px 0 40px rgba(0,0,0,0.15) !important; /* Sombra mais ampla devido à expansão */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* 1.1 O Overlay (Fundo escuro que cobre o site quando o carrinho abre) */
.wd-overlay, 
.elementor-menu-cart__overlay {
    z-index: 9999998 !important; /* Fica exatamente atrás do carrinho, mas na frente do site todo */
    background-color: rgba(0,0,0,0.4) !important; 
    backdrop-filter: blur(4px) !important; /* Dá o efeito de vidro/desfoque no fundo do site */
    -webkit-backdrop-filter: blur(4px) !important;
}

/* 2. Cabeçalho do Carrinho */
.cart-widget-side .wd-heading,
.elementor-menu-cart__header {
    padding: 24px 24px !important; /* Mais respiro lateral */
    background: #F8FAFC !important;
    border-bottom: 1px solid #E2E8F0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.cart-widget-side .wd-heading .title,
.elementor-menu-cart__header .title {
    font-size: 16px !important;
    font-weight: 900 !important;
    color: #0F172A !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.cart-widget-side .wd-heading .close-side-widget a,
.elementor-menu-cart__close-button {
    color: #15803D !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    text-decoration: none !important;
    background: #F0FDF4 !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    transition: all 0.3s ease !important;
    border: none !important;
}
.cart-widget-side .wd-heading .close-side-widget a:hover,
.elementor-menu-cart__close-button:hover {
    background: #16A34A !important;
    color: #ffffff !important;
}

/* 3. Área da Lista de Produtos (Scroll Suave) */
.widget_shopping_cart_content .elementor-menu-cart__products {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    overflow-y: auto !important; /* Garante que role perfeitamente */
    max-height: calc(100vh - 240px) !important; /* Evita que a lista empurre os botões para fora da tela */
}

/* 4. O "Card" de cada Produto no Carrinho (Seu Grid Perfeito) */
.elementor-menu-cart__product {
    background: #ffffff !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: 14px !important;
    display: grid !important;
    grid-template-columns: 75px 1fr 35px !important; /* Ajuste milimétrico para 420px */
    grid-template-areas: "img name remove" "img price remove" !important;
    align-items: center !important;
    gap: 0 16px !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.elementor-menu-cart__product:hover {
    border-color: #16A34A !important;
    box-shadow: 0 4px 12px rgba(22, 163, 74, 0.08) !important;
}

/* Imagem da Carne no Card */
.elementor-menu-cart__product-image { grid-area: img; }
.elementor-menu-cart__product-image img {
    width: 75px !important;
    height: 75px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    border: 1px solid #F1F5F9 !important;
}

/* Nome da Carne */
.elementor-menu-cart__product-name {
    grid-area: name;
    align-self: flex-end;
}
.elementor-menu-cart__product-name a {
    font-size: 14px !important; /* Aumentei levemente a fonte por conta do novo espaço */
    font-weight: 700 !important;
    color: #0F172A !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Preço e Quantidade */
.elementor-menu-cart__product-price {
    grid-area: price;
    align-self: flex-start;
    margin-top: 6px !important;
}
.elementor-menu-cart__product-price .quantity {
    font-size: 15px !important;
    font-weight: 900 !important;
    color: #15803D !important;
}
.elementor-menu-cart__product-price .product-quantity {
    color: #64748B !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    margin-right: 4px !important;
}

/* Botão Remover (X) elegante */
.elementor-menu-cart__product-remove {
    grid-area: remove;
    justify-self: center;
}
.elementor-menu-cart__product-remove a {
    width: 32px !important;
    height: 32px !important;
    background: #F1F5F9 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #94A3B8 !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}
.elementor-menu-cart__product-remove a:hover {
    background: #FEE2E2 !important;
    color: #DC2626 !important;
}

/* 5. Área de Subtotal e Botões Fixos no Rodapé */
.elementor-menu-cart__subtotal {
    padding: 20px 24px !important;
    background: #F8FAFC !important;
    border-top: 1px dashed #E2E8F0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}
.elementor-menu-cart__subtotal strong {
    font-size: 15px !important;
    color: #334155 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}
.elementor-menu-cart__subtotal .amount {
    color: #0F172A !important;
    font-size: 22px !important; /* Subtotal mais imponente */
    font-weight: 900 !important;
}

.elementor-menu-cart__footer-buttons {
    padding: 0 24px 24px !important;
    background: #F8FAFC !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

/* Botão Secundário: Ver Carrinho */
.elementor-button--view-cart {
    background: #ffffff !important;
    color: #334155 !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 14px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
}
.elementor-button--view-cart:hover {
    border-color: #CBD5E1 !important;
    background: #F1F5F9 !important;
}

/* Botão Primário Magnético: Finalizar Compra · COPA */
.elementor-button--checkout {
    background: #16A34A !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 18px !important; /* Botão ligeiramente mais alto para chamar o clique */
    text-align: center !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 16px rgba(22, 163, 74, 0.25) !important;
}
.elementor-button--checkout:hover {
    background: #0A3D23 !important;
    box-shadow: 0 6px 24px rgba(22, 163, 74, 0.4) !important;
    transform: translateY(-2px) !important;
}@media (min-width: 1025px) {
	.nav-link-text {
	color: #5d5947;
	
}

#qlwapp.qlwapp-middle-right.qlwapp-bubble .qlwapp-developer, #qlwapp.qlwapp-middle-right.qlwapp-bubble .qlwapp-toggle, #qlwapp.qlwapp-middle-right.qlwapp-button .qlwapp-developer, #qlwapp.qlwapp-middle-right.qlwapp-button .qlwapp-toggle, #qlwapp.qlwapp-bottom-right.qlwapp-bubble .qlwapp-developer, #qlwapp.qlwapp-bottom-right.qlwapp-bubble .qlwapp-toggle, #qlwapp.qlwapp-bottom-right.qlwapp-button .qlwapp-developer, #qlwapp.qlwapp-bottom-right.qlwapp-button .qlwapp-toggle {
	right: 10px;
  position: fixed;
  bottom: 10px;
	
}

/* Estilização do container do logo no checkout */
.aogosto-checkout-header .logo-container {
    background: linear-gradient(135deg, #ff6200 0%, #ff8c00 100%);
    padding: 0.5rem 1rem;
    border-radius: 0 0 1rem 1rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
}

.aogosto-checkout-header .logo-container img.custom-logo {
    height: 64px;
    object-fit: contain;
}

@media (min-width: 768px) {
    .aogosto-checkout-header .logo-container img.custom-logo {
        height: 80px;
    }
}

/* Garantir que o container do checkout seja responsivo */
.aogosto-checkout-header .container {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}


}

@media (min-width: 768px) and (max-width: 1024px) {
	#qlwapp.qlwapp-middle-right.qlwapp-bubble .qlwapp-developer, #qlwapp.qlwapp-middle-right.qlwapp-bubble .qlwapp-toggle, #qlwapp.qlwapp-middle-right.qlwapp-button .qlwapp-developer, #qlwapp.qlwapp-middle-right.qlwapp-button .qlwapp-toggle, #qlwapp.qlwapp-bottom-right.qlwapp-bubble .qlwapp-developer, #qlwapp.qlwapp-bottom-right.qlwapp-bubble .qlwapp-toggle, #qlwapp.qlwapp-bottom-right.qlwapp-button .qlwapp-developer, #qlwapp.qlwapp-bottom-right.qlwapp-button .qlwapp-toggle {
	right: 10px;
  position: fixed;
  bottom: 30px;
	
}


}

@media (min-width: 577px) and (max-width: 767px) {
	.wd-toolbar {
        display: none !important;
    }

}

@media (max-width: 576px) {
	/* ==========================================================================
   GRAN FINALE: NAVBAR NÍVEL FLUTTER (Força Bruta Máxima - Nuclear)
   ========================================================================== */

@media (max-width: 1024px) {
  
  /* DESTRAVA A BARRA À FORÇA (Para a bola laranja poder sair) */
  html body .wd-toolbar {
    overflow: visible !important; 
    bottom: 20px !important; 
    width: 90% !important; 
    left: 5% !important; 
    border-radius: 999px !important; 
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(12px) !important;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.1) !important; 
    border: none !important;
  }

  html body .wd-toolbar-label { display: none !important; }

  /* =========================================================
     CARRINHO EXPLOSIVO (Forçando o Botão 3)
     ========================================================= */
  
  html body .wd-toolbar .wd-toolbar-item:nth-child(3) {
      position: relative !important;
      z-index: 9999 !important;
  }
  
  /* A explosão do Laranja */
  html body .wd-toolbar .wd-toolbar-item:nth-child(3) > a {
      position: absolute !important;
      top: -30px !important; 
      left: 50% !important;
      transform: translateX(-50%) !important;
      width: 65px !important;
      height: 65px !important;
      background-color: #F05A28 !important; /* Laranja Ao Gosto */
      border-radius: 50% !important;
      box-shadow: 0 8px 25px rgba(240, 90, 40, 0.4) !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
  }

  /* Pinta o ícone nativo do carrinho de branco */
  html body .wd-toolbar .wd-toolbar-item:nth-child(3) .wd-tools-icon::before,
  html body .wd-toolbar .wd-toolbar-item:nth-child(3) > a::before {
      color: #ffffff !important;
      font-size: 26px !important;
  }

  /* A Bolinha Vermelha do Carrinho (Em cima do botão laranja) */
  html body .wd-toolbar .wd-toolbar-item:nth-child(3) .wd-cart-number {
      position: absolute !important;
      top: -2px !important;
      right: 0px !important;
      background-color: #ffffff !important;
      color: #F05A28 !important; 
      width: 22px !important;
      height: 22px !important;
      border-radius: 50% !important;
      font-size: 12px !important;
      font-weight: 900 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
  }

  /* =========================================================
     WHATSAPP (Forçando o Botão 4)
     ========================================================= */
  
  /* Arranca o balão de fala nativo do WoodMart */
  html body .wd-toolbar .wd-toolbar-item:nth-child(4) .wd-tools-icon,
  html body .wd-toolbar .wd-toolbar-item:nth-child(4) > a::before {
      display: none !important;
  }

  /* Injeta o WhatsApp com a nossa máscara (que muda de cor) */
  html body .wd-toolbar .wd-toolbar-item:nth-child(4) > a::after {
      content: '';
      display: block;
      width: 24px;
      height: 24px;
      background-color: #94A3B8; /* Cinza dos outros botões */
      -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
      mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  }
}
}