.checkout-button {
    background-color: #000000 !important;
    background-image: none !important;
}

.e-cart__container {
    max-width: 100vw !important;
}

.elementor-element-532125c {
    width: auto !important;
}

.elementor-element-efae3be {
    width: 0px !important;
}

/* SOLUÇÃO ROBUSTA: CSS para prevenir overflow horizontal no mobile - funciona independente dos IDs Elementor */
@media (max-width: 768px) {
    
    /* Prevenir overflow horizontal geral */
    body {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }
    
    /* CORREÇÃO ESPECÍFICA: Galeria de produtos WooCommerce */
    .woocommerce-product-gallery__wrapper {
        max-width: 100vw !important;
        width: 100% !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }
    
    .woocommerce-product-gallery__image {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* CORREÇÃO ESPECÍFICA: Botões do carrinho Elementor */
    .elementor-menu-cart__toggle_wrapper,
    .elementor-menu-cart__toggle {
        max-width: 130px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }
    
    .elementor-menu-cart__toggle_button {
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 8px 16px !important;
    }
    
    /* Fixar elementos de navegação Elementor usando seletores estruturais robustos */
    [class*="elementor-nav-menu__align-center"] {
        position: relative !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        max-width: calc(100vw - 40px) !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }
    
    /* Seletor alternativo para widgets de navegação */
    .elementor-widget-nav-menu .elementor-element {
        position: relative !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        max-width: calc(100vw - 40px) !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }
    
    /* FIX ESPECÍFICO: Menu hambúrguer no carrinho - garante visibilidade sem margem lateral */
    .woocommerce-cart .elementor-menu-toggle {
        position: relative !important;
        /* z-index: 0 !important; */
        background: none !important;
        /* width: 20px !important; */
        /* background: rgba(255, 255, 255, 0.9) !important; */
        padding: 5px !important;
        margin: 0 !important;
        left: auto !important;
        transform: none !important;
    }
    
    /* Container do menu de navegação no carrinho - sem deslocamento lateral */
    .woocommerce-cart .elementor-nav-menu__align-center {
        position: static !important;
        left: auto !important;
        transform: none !important;
        margin: 0 auto !important;
        padding: 0 15px !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Fallback: elementos com menu centralizado */
    /* .elementor-element:has(.elementor-nav-menu__align-center) {
        position: relative !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        max-width: calc(100vw - 40px) !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    } */
    
    /* Fixar elementos de navegação Elementor */
    .elementor-widget-nav-menu,
    .elementor-widget-nav-menu .elementor-widget-container,
    .elementor-nav-menu__container,
    .elementor-nav-menu {
        max-width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }
    
    /* Fixar containers e rows do Elementor */
    .elementor-container,
    .elementor-row {
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }
    
    /* Prevenir que elementos com largura fixa quebrem o layout */
    [class*="elementor-element-"] {
        max-width: 100vw !important;
        box-sizing: border-box !important;
    }
    
    /* Fixar especificamente menus que tenham largura fixa */
    .elementor-nav-menu__align-center,
    .elementor-nav-menu--dropdown {
        width: auto !important;
        max-width: 100vw !important;
    }
    
    /* Garantir que sections não causem overflow */
    .elementor-section {
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }
    
    /* Container principal */
    .elementor-inner {
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }
    
    /* NOVA ABORDAGEM: Prevenir overflow sem quebrar o menu */
    
    /* Força body a esconder overflow horizontal em mobile */
    body {
        overflow-x: hidden !important;
    }
    
    /* Container principal do header - centralize o posicionamento */
    div[class*="elementor-element-"][class*="elementor-nav-menu__align-center"] {
        position: relative !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        max-width: 100vw !important;
        width: auto !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }
    
    /* Garante que os elementos internos do menu não ultrapassem */
    div[class*="elementor-element-"][class*="elementor-nav-menu__align-center"] .elementor-widget-container,
    div[class*="elementor-element-"][class*="elementor-nav-menu__align-center"] .elementor-nav-menu__container {
        max-width: 100vw !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }
}

/* CORREÇÃO: Botão de pesquisa na página do carrinho - garante que seja clicável */
.woocommerce-cart .elementor-search-form__toggle {
    z-index: 999 !important;
    position: relative !important;
    pointer-events: auto !important;
}

/* CORREÇÃO: Menu hambúrguer na página do carrinho - garante que seja clicável */
.woocommerce-cart .elementor-menu-toggle {
    z-index: 999 !important;
    position: relative !important;
    pointer-events: auto !important;
}

/* CORREÇÃO: Permite cliques em todos os elementos interativos do header */
.woocommerce-cart .elementor-element-0765228 button,
.woocommerce-cart .elementor-element-0765228 input,
.woocommerce-cart .elementor-element-0765228 a,
.woocommerce-cart .elementor-element-0765228 .elementor-search-form__toggle,
.woocommerce-cart .elementor-element-0765228 .elementor-menu-toggle {
    pointer-events: auto !important;
    z-index: 999 !important;
    position: relative !important;
}