.elementor-kit-5{--e-global-color-primary:#0C0A09;--e-global-color-secondary:#B17B4C;--e-global-color-text:#F6EFEA;--e-global-color-accent:#91A189;--e-global-color-0b3b4cf:#BF926B;--e-global-color-fd28161:#F6EFEA7D;--e-global-color-0778367:#181717;--e-global-color-e13b9c6:#292828;--e-global-color-a1d8af5:#BF926B94;--e-global-typography-primary-font-family:"Prompt";--e-global-typography-primary-font-size:42px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-letter-spacing:-1px;--e-global-typography-secondary-font-family:"Crimson Text";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-font-style:italic;--e-global-typography-text-font-family:"Prompt";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Prompt";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:1.6px;--e-global-typography-69b9687-font-family:"Prompt";--e-global-typography-69b9687-font-size:20px;--e-global-typography-69b9687-font-weight:400;--e-global-typography-69b9687-letter-spacing:-1px;--e-global-typography-302db12-font-family:"Prompt";background-color:var( --e-global-color-primary );--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:800ms;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:#B17B4C00;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );border-radius:50px 50px 50px 50px;}.elementor-kit-5 e-page-transition{background-color:var( --e-global-color-primary );}.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);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-302db12-font-size:16px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --voxe_preto:#0C0A09; --voxe_texto:#f6efea99; --voxe_branco:#F6EFEA; --voxe_bege_1:#BF926B; --botao:14px; --voxe_verde:#91A189; --h1:76px; --h2:42px; --h3:26px; --voxe_cinza:#A09388; --voxe_verde_2:#3D4638; --voxe_preto_2:#1B1A1A; --menu:Prompt; --luz_hover:#bf926b66; --voxe_cinza_2:#292828; --h4:34px; --Prompt:Prompt; --h1_desktop:68px; --h1_tablet:56px; --h1_mobile:32px; --texto:16px; --display:128px; --Anton:Anton; --display_2:98px; }
/* Start custom CSS *//* --- ESTILO GLOBAL PARA DROPDOWNS (SELECT2) --- */

/* 1. O Campo Fechado (A caixa onde o cliente clica) */
.select2-container--default .select2-selection--single {
    background-color: #292828 !important; /* Cor do fundo */
    border: 1px solid #F6EFEA12 !important;
    border-radius: 12px !important; /* Arredondamento */
    height: 45px !important; /* Ajuste a altura para bater com seus inputs */
    display: flex;
    align-items: center;
    
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #BF926B !important; /* Cor do texto */
    padding-left: 15px !important;
}

/* 2. A Caixa que Abre (Dropdown) */
/* Removendo a largura de 100% que causava erro e usando uma lógica de contenção */
body .select2-dropdown {
    background-color: #292828 !important;
    border: 1px solid #F6EFEA12 !important;
    border-radius: 12px 12px 12px 12px !important; /* Arredonda só embaixo para colar no campo */
    color: #ffffff !important;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0,0,0,0.5);
    z-index: 999999 !important;
}

/* Cria o espaçamento de 12px entre o campo e a lista suspensa */
.select2-dropdown--below {
    margin-top: 12px !important;
}

/* Opcional: Se o dropdown abrir para cima (dependendo da rolagem da tela) */
.select2-dropdown--above {
    margin-top: -12px !important;
}

/* 3. Itens da Lista e Seleção */
.select2-container--default .select2-results__option {
    padding: 10px 15px !important;
}

/* Item Selecionado e Hover (Destaque) */
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #BF926B !important; /* Seu marrom/dourado */
    color: #ffffff !important;
}

/* FORÇAR COR DO ITEM QUE JÁ ESTÁ SELECIONADO NA LISTA */
body .select2-container--default .select2-results__option[aria-selected=true],
body .select2-container--default .select2-results__option[data-selected=true] {
    background-color: #BF926B !important; /* Bege que você pediu */
    color: #F6EFEA !important; /* Texto claro pedido */
    opacity: 1 !important; /* Garante que não fique semitransparente */
}

/* GARANTIR QUE O HOVER (PASSAR O MOUSE) TAMBÉM USE ESSA COR OU UMA SIMILAR */
body .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #BF926B !important;
    color: #F6EFEA !important;
}

/* 4. Campo de Busca Interno */
.select2-search--dropdown {
    background-color: #1a1a1a !important;
    padding: 10px !important;
}

.select2-search--dropdown .select2-search__field {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
    border-radius: 8px !important;
}

/* 5. Ajuste de Largura Inteligente */
/* Isso impede que ele ocupe a tela toda, tentando seguir o elemento pai */
.select2-container {
    width: 100% !important;
    max-width: 100% !important;
}

.select2-container--open {
    z-index: 9999999 !important;
}

/* Personaliza a barra de rolagem do dropdown */
.select2-results__options::-webkit-scrollbar {
    width: 8px; /* Largura da barra */
}

/* Fundo da barra (o trilho) */
.select2-results__options::-webkit-scrollbar-track {
    background: #1a1a1a; /* Cor do fundo da lista */
    border-radius: 10px;
}

/* O "indicador" que se move (Scroll Thumb) */
.select2-results__options::-webkit-scrollbar-thumb {
    background: #444444; /* Cor da barra de rolagem */
    border-radius: 10px;
}

/* Cor quando você passa o mouse na barra */
.select2-results__options::-webkit-scrollbar-thumb:hover {
    background: #bc8a5f; /* Cor do seu destaque marrom/dourado */
}

/* Remove o contorno/borda estranha ao focar ou selecionar o campo */
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default .select2-selection--single:focus,
.select2-selection--single:active {
    outline: none !important;
    border: 1px solid #333333 !important; /* Mantém a borda original que definimos */
    box-shadow: none !important;
}

/* Garante que o container interno não gere sombras ou bordas extras */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    outline: none !important;
}

/* Remove o contorno de acessibilidade que alguns navegadores forçam */
.select2-container *:focus {
    outline: none !important;
}

/* Arredonda a caixa de detalhes do pagamento (Pix, Cartão, etc) */
.woocommerce-checkout #payment ul.payment_methods li .payment_box {
    border-radius: 15px !important; /* Ajuste o raio conforme desejar */
    background-color: #ffffff !important; /* Garante que combine com o seu tema escuro */
    border: 1px solid #333333 !important; /* Borda discreta igual aos campos */
    padding: 20px !important;
    margin-top: 15px !important;
}

/* Se houver uma "setinha" apontando para cima na caixa, arredondamos ou removemos ela */
.woocommerce-checkout #payment ul.payment_methods li .payment_box::before {
    display: none !important; /* Remove a setinha para o visual ficar mais clean */
}

/* Customiza o alerta de "Nenhum pedido feito ainda" */
.woocommerce-MyAccount-content .woocommerce-info {
    background-color: #292828 !important; /* Fundo escuro */
    color: #F6EFEA !important;           /* Cor do texto */
    border-top-color: #bc8a5f !important; /* Aquela linha azul em cima vira seu dourado/bege */
    border-radius: 12px !important;      /* Arredondamento para seguir o tema */
    padding: 20px !important;
    border-right: 1px solid #F6EFEA12 !important;
    border-left: 1px solid #F6EFEA12 !important;
    border-bottom: 1px solid #F6EFEA12 !important;
}

/* Botão Ver Produtos dentro do alerta */
.woocommerce-MyAccount-content .woocommerce-info .button {
    background-color: #333333 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 16px 24px !important;
    transition: all 0.3s ease;
}

.woocommerce-MyAccount-content .woocommerce-info .button:hover {
    background-color: #bc8a5f !important; /* Destaque no hover */
    color: #F6EFEA !important;
}

/* Ícone que aparece do lado esquerdo da mensagem */
.woocommerce-info::before {
    color: #bc8a5f !important; /* Ícone na cor de destaque */
}

/* Garante que qualquer mensagem de erro ou info no checkout/minha conta seja escura */
.woocommerce-message, .woocommerce-error, .woocommerce-info {
    background-color: #1a1a1a !important;
    color: #fff !important;
    border: 1px solid #333 !important;
    border-top: 3px solid #bc8a5f !important;
}

/* 1. Ajusta o container para distribuir os itens pelas pontas */
.woocommerce-MyAccount-content .woocommerce-info {
    display: flex !important;
    align-items: center !important; /* Centraliza tudo verticalmente */
    justify-content: space-between !important; /* Texto na esquerda, botão na direita */
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. Caso o WooCommerce use um parágrafo interno que esteja travando o botão */
.woocommerce-MyAccount-content .woocommerce-info::after,
.woocommerce-MyAccount-content .woocommerce-info::before {
    content: none !important; /* Remove elementos fantasmas que podem empurrar o botão */
}

/* 3. Garante que o botão não tenha margens automáticas que o joguem para o centro */
.woocommerce-MyAccount-content .woocommerce-info .button {
    margin-left: auto !important; /* Isso "empurra" o botão o máximo possível para a direita */
    margin-right: 0 !important;
}

/* Customiza o alerta de "Seu carrinho está vazio" */
.woocommerce-InfoCart .woocommerce-info,
.cart-empty.woocommerce-info {
    background-color: #1a1a1a !important; /* Fundo escuro */
    color: #F6EFEA !important;           /* Texto claro (bege suave) */
    border-top: 3px solid #BF926B !important; /* Sua cor destaque em cima */
    border-radius: 12px !important;      /* Arredondamento */
    padding: 30px !important;
    border-right: 1px solid #333 !important;
    border-left: 1px solid #333 !important;
    border-bottom: 1px solid #333 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    line-height: 1.6 !important;
    font-family: 'Montserrat', sans-serif !important; /* Use sua fonte principal */
}

/* Ajuste do ícone do carrinho vazio */
.woocommerce-info::before {
    color: #BF926B !important;
    position: relative !important;
    top: 0 !important;
    margin-right: 20px !important;
}

/* FORÇAR ESTILO DO BOTÃO VOLTAR PARA A LOJA (CARRINHO VAZIO) */
.woocommerce-InfoCart .wc-forward,
.woocommerce-info .wc-forward,
.return-to-shop .button.wc-backward,
body .woocommerce .return-to-shop .button {
    background-color: #333333 !important;
    color: #F6EFEA !important;
    border-radius: 50px !important;
    padding: 16px 24px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 13px !important;
    display: inline-block !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

/* Efeito de Hover */
.woocommerce-InfoCart .wc-forward:hover,
.woocommerce-info .wc-forward:hover,
.return-to-shop .button.wc-backward:hover,
body .woocommerce .return-to-shop .button:hover {
    background-color: #BF926B !important; /* Seu bege destaque */
    color: #F6EFEA !important;
    transform: translateY(-2px); /* Efeito sutil de subida */
}

/* Container do brilho */
#mouse-glow {
    position: fixed;
    width: 100px; /* Tamanho da área de luz */
    height: 100px;
    background: radial-gradient(circle, rgba(191, 146, 107, 0.3) 0%, rgba(191, 146, 107, 0) 70%);
    border-radius: 50%;
    pointer-events: none; /* Crucial: para o mouse não "clicar" no brilho */
    z-index: 9999;
    transition: transform 0.1s ease-out; /* Deixa o movimento suave */
    mix-blend-mode: hard-light !important; /* Faz o brilho interagir com o fundo escuro */
    
    /* Filtro adicional para garantir que ele brilhe mesmo em fundos médios */
    filter: saturate(1.5);
}

/* Esconder o brilho em dispositivos móveis (opcional) */
@media (max-width: 1024px) {
    #mouse-glow {
        display: none;
    }
}

/* Customiza o Select de Ordenação do WooCommerce */
.woocommerce-ordering select {
    background-color: #1a1a1a !important; /* Fundo Escuro */
    color: #F6EFEA !important;           /* Texto Bege Claro */
    border: 1px solid #333333 !important; /* Borda Discreta */
    border-radius: 8px !important;       /* Arredondamento padrão */
    padding: 10px 35px 10px 15px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer;
    
    /* Remove a setinha padrão do navegador */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    /* Adiciona uma nova setinha personalizada em SVG */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23BF926B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
}

/* Efeito de Foco/Clique */
.woocommerce-ordering select:focus {
    outline: none !important;
    border-color: #BF926B !important; /* Borda Bege ao clicar */
    box-shadow: 0 0 5px rgba(191, 146, 107, 0.2) !important;
}

/* Aplica a transição global para os elementos de interação */
a, 
button, 
input, 
select, 
textarea, 
.elementor-button, 
.elementor-card,
.product,
.select2-selection {
    transition: all 0.8s ease !important;
}

/* Previne conflitos de altura e garante a fluidez */
html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}/* End custom CSS */