.elementor-kit-80{--e-global-color-primary:#F28802;--e-global-color-secondary:#54595F;--e-global-color-text:#000000;--e-global-color-accent:#5E0A79;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:transparent;text-decoration:none;background-image:linear-gradient(180deg, #FFFFFF 0%, #FCFCFC 100%);}.elementor-kit-80 e-page-transition{background-color:#FFBC7D;}.elementor-kit-80 a{text-decoration:none;}.elementor-kit-80 h1{text-decoration:none;}.elementor-kit-80 h2{text-decoration:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing: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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   AVISO WOOCOMMERCE - LINHA ÚNICA, CURTA E CENTRALIZADA
   ========================================================= */

/* 1. Destrava o contêiner invisível para permitir a centralização */
body .woocommerce-notices-wrapper {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

/* 2. A Caixa de Mensagem (Curta e em linha única) */
body .woocommerce-message,
body .woocommerce-info,
body .woocommerce-error {
    display: flex !important;
    flex-direction: row !important; /* Retorna para a horizontal (uma linha) */
    align-items: center !important; /* Alinha o texto e botão no meio */
    justify-content: space-between !important;
    gap: 20px !important; /* Espaço entre o texto e o botão */
    
    width: fit-content !important; /* O SEGREDO: Fica curta, apenas do tamanho necessário */
    max-width: 95% !important; /* Proteção: se for um texto gigante, não vaza da tela */
    margin: 20px auto 30px auto !important; 
    
    background-color: #ffffff !important;
    border: 1px solid #EAEAEA !important;
    border-left: 5px solid #F28802 !important; /* Borda laranja volta para a lateral */
    border-top: none !important;
    border-radius: 8px !important;
    padding: 10px 20px !important; /* Caixa mais fina e elegante */
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
    
    color: #555555 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    
    /* Proteção rigorosa contra quebra de linha */
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important; /* Coloca "..." se o nome do produto for enorme */
}

/* 3. Remove os ícones padrão do WooCommerce */
body .woocommerce-message::before,
body .woocommerce-info::before,
body .woocommerce-error::before {
    content: none !important;
    display: none !important;
}

/* 4. Estilo do Botão (Blindado na direita) */
body .woocommerce-message .button,
body .woocommerce-info .button,
body .woocommerce-error .button {
    order: 2 !important; /* Garante o botão na direita */
    flex-shrink: 0 !important; /* Impede que o botão seja achatado pelo texto longo */
    margin: 0 !important; 
    
    background-color: #F28802 !important;
    color: #ffffff !important;
    padding: 10px 24px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border: none !important;
    transition: background 0.3s ease !important;
}

body .woocommerce-message .button:hover,
body .woocommerce-info .button:hover,
body .woocommerce-error .button:hover {
    background-color: #333333 !important;
}

/* =========================================================
   5. ANIMAÇÃO PARA SUMIR SOZINHO (Apenas Sucesso)
   ========================================================= */

/* Aplica a animação apenas no aviso de item adicionado */
body .woocommerce-message {
    animation: autoHideCartNotice 6s ease-in-out forwards !important;
}

/* Regras de tempo e movimento da animação */
@keyframes autoHideCartNotice {
    0% { 
        opacity: 1; 
        max-height: 100px; 
    }
    75% { 
        opacity: 1; 
        max-height: 100px; 
        margin: 20px auto 30px auto; 
        padding: 10px 20px; 
        border-width: 1px; 
    } /* Fica visível e parada por 4,5 segundos */
    90% { 
        opacity: 0; 
        max-height: 100px; 
        margin: 20px auto 30px auto; 
        padding: 10px 20px; 
        border-width: 1px; 
    } /* Fica transparente, mas ainda segura o espaço do layout */
    100% { 
        opacity: 0; 
        max-height: 0; 
        margin: 0 auto; 
        padding: 0; 
        border: none; 
        overflow: hidden; 
        visibility: hidden; 
    } /* Encolhe a zero e some de vez */
}/* End custom CSS */