.elementor-kit-6{--e-global-color-primary:#9F181E;--e-global-color-secondary:#711115;--e-global-color-text:#545454;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Cardo";--e-global-typography-primary-font-size:54px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Cardo";--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Cardo";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Cardo";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:1.5em;background-color:#FCFCFC;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 img{border-radius:4px 4px 4px 4px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:32px;}.elementor-element{--widgets-spacing:32px 32px;--widgets-spacing-row:32px;--widgets-spacing-column:32px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 *//* Aplica o balanceamento de texto diretamente a todos os títulos 
  h1, h2 e h3 do seu site.
*/
* {
  text-wrap: balance; /* Aplica o balanceamento de texto em toda a página */
}

/* aqui usa para corrigir o espaço que o elementor deixa no final de cada caixa de texto*/

h1, h2, h3, p:last-child {
    margin-bottom: 0px;
}


/* LARGURA ÚTIL AUTOMÁTICA */

/* WIDESCREEN E DESKTOP */
@media (min-width: 1367px) {
    .e-con {
        --content-width: 1280px;
    }
}

/* LAPTOP */
@media (min-width: 1201px) and (max-width: 1366px) {
    .e-con {
        --content-width: 1100px;
    }
}

/* TABLET PAISAGEM */
@media (min-width: 1025px) and (max-width: 1200px) {
    .e-con {
        --content-width: 924px;
    }
}

/* TABLET RETRATO */
@media (min-width: 881px) and (max-width: 1024px) {
    .e-con {
        --content-width: 780px;
    }
}

/* CELULAR PAISAGEM */
@media (min-width: 768px) and (max-width: 880px) {
    .e-con {
        --content-width: 728px;
    }
}

/* CELULAR RETRATO */
@media (max-width: 767px) {
    .e-con {
        --content-width: 360px;
    }
}


/*----------------------------*/
/* POSICIONAMENTO ABSOLUTO*/

:root {
    --largurautilwidescreen: 1280px;
    --largurautildesktop: 1280px;
    --largurautilnotebook: 1100px;
    --largurautiltabletpaisagem: 924px;
    --largurautiltabletretrato: 780px;
    --largurautilcelularpaisagem: 728px;
    --largurautilcelularretrato: 360px;
}

/* ==== NÃO EDITE DAQUI PARA BAIXO ==== */

/* WIDESCREEN */
@media(min-width: 2400px) {
    .absolutoesquerda {
        left: calc( calc( calc(100% - var(--largurautilwidescreen)) / 2 ) + var(--distanciawidescreen));
    }
    
    .absolutodireita {
        right: calc( calc( calc(100% - var(--largurautilwidescreen)) / 2 ) + var(--distanciawidescreen));
    }
}

/* DESKTOP */
@media(min-width: 1367px) and (max-width: 2399px) {
    .absolutoesquerda {
        left: calc( calc( calc(100% - var(--largurautildesktop)) / 2 ) + var(--distanciadesktop));
    }

    .absolutodireita {
        right: calc( calc( calc(100% - var(--largurautildesktop)) / 2 ) + var(--distanciadesktop));
    }
}

/* NOTEBOOK / LAPTOP */
@media(min-width: 1201px) and (max-width: 1366px) {
    .absolutoesquerda {
        left: calc( calc( calc(100% - var(--largurautilnotebook)) / 2 ) + var(--distancianotebook));
    }

    .absolutodireita {
        right: calc( calc( calc(100% - var(--largurautilnotebook)) / 2 ) + var(--distancianotebook));
    }
}

/* TABLET PAISAGEM */
@media(min-width: 1025px) and (max-width: 1200px) {
    .absolutoesquerda {
        left: calc( calc( calc(100% - var(--largurautiltabletpaisagem)) / 2 ) + var(--distanciatabletpaisagem));
    }

    .absolutodireita {
        right: calc( calc( calc(100% - var(--largurautiltabletpaisagem)) / 2 ) + var(--distanciatabletpaisagem));
    }
}

/* TABLET RETRATO */
@media(min-width: 881px) and (max-width: 1024px) {
    .absolutoesquerda {
        left: calc( calc( calc(100% - var(--largurautiltabletretrato)) / 2 ) + var(--distanciatabletretrato));
    }
    
    .absolutodireita {
        right: calc( calc( calc(100% - var(--largurautiltabletretrato)) / 2 ) + var(--distanciatabletretrato));
    }
}

/* CELULAR PAISAGEM */
@media(min-width: 768px) and (max-width: 880px) {
    .absolutoesquerda {
        left: calc( calc( calc(100% - var(--largurautilcelularpaisagem)) / 2 ) + var(--distanciacelularpaisagem));
    }

    .absolutodireita {
        right: calc( calc( calc(100% - var(--largurautilcelularpaisagem)) / 2 ) + var(--distanciacelularpaisagem));
    }
}

/* CELULAR RETRATO */
@media(max-width: 767px) {
    .absolutoesquerda {
        left: calc( calc( calc(100% - var(--largurautilcelularretrato)) / 2 ) + var(--distanciacelularretrato));
    }

    .absolutodireita {
        right: calc( calc( calc(100% - var(--largurautilcelularretrato)) / 2 ) + var(--distanciacelularretrato));
    }
}

/* --------------------------*/

/*TIRA BARRA DE ROLAGEM */

[data-elementor-type="wp-page"] {
    overflow: hidden;
}

[data-elementor-type="wp-post"] {
    overflow: hidden;
}



/* --------------------------*/
/* BARRA DE ROLAGEM PERSONALIZADA*/


/* ESTE TRECHO CORRIGE O SCROLL LATERAL */
html, body {
   max-width: 100%;
   overflow-x: hidden;
}

/* AQUI VOCÊ DEFINE A LARGURA A BARRA DE ROLAGEM */
::-webkit-scrollbar {
    width: 8px;
   
}

/* AQUI VOCÊ DEFINE A COR DE FUNDO DO SCROLL */
::-webkit-scrollbar-track {
    background: #fff;
}
  
/* AQUI VOCÊ DEFINE O ARREDONDAMENTO DAS BORDAS DA BARRA, COR DE FUNDO E TAMBÉM BORDA DO SCROLL */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: linear-gradient(180deg, #BF6468, #9F181E);
    border: 0px solid #fff;
}

/* O MESMO DE CIMA, PORÉM APLICADO AO HOVER (QUANDO PASSA O MOUSE ENCIMA) */
::-webkit-scrollbar-thumb:hover {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: linear-gradient(0deg, #BF6468, #9F181E);
    border: 0px solid #fff;
}

/* AQUI VOCÊ MUDA A COR DA SELEÇÃO DE TEXTOS DA PÁGINA */
*::selection {
    color: #ffffff;
    background: #A6A1D5;
}

/* Esconde os campos do Order Delivery Date apenas no CHECKOUT */
body.woocommerce-checkout #orddd_lite_checkout_fields,
body.woocommerce-checkout #e_deliverydate_field,
body.woocommerce-checkout #orddd_lite_time_slot_field {
  display: none !important;
}


/*========= personalizar fonte caixa de msg do checkout*/

#campo-mensagem-checkout,
#campo-mensagem-checkout *{
    font-family: 'Cardo', serif !important;
    color: #545454 !important;
}

#orddd-lite-checkout-fields label{
    font-family: 'Cardo', serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #545454 !important;
}

#orddd-lite-checkout-fields {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin: 25px 0 !important;
    width: 100%;
}

#orddd-lite-checkout-fields p,
#orddd-lite-checkout-fields .form-row {
    margin: 0 !important;
    width: 100% !important;
}

#orddd-lite-checkout-fields label {
    display: block;
    margin-bottom: 6px;
}

#orddd-lite-checkout-fields input,
#orddd-lite-checkout-fields select {
    width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 767px) {
    #orddd-lite-checkout-fields {
        grid-template-columns: 1fr !important;
    }
}



/*========= personalizar popup de produtos relacionados*/


.popup-relacionados-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 20px;
}

/* 🔥 AQUI ESTÁ A CORREÇÃO PRINCIPAL */
.popup-produto {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: center;
    font-family: 'Cardo', serif;
    color: #545454;
}

.popup-produto img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.popup-titulo {
    font-size: 20px;
    color: #545454;
    margin: 10px 0 5px;
    min-height: 60px; /* 🔥 alinha os cards */
}

.popup-preco {
    display: block;
    font-size: 20px;
    color: #545454;
    margin-bottom: 10px;
}

/* 🔥 BOTÃO FIXADO EMBAIXO */
.popup-btn-comprar {
    display: inline-block;
    background-color: #a61c1c;
    color: #fff !important;
    font-size: 16px;
    padding: 10px 25px;
    text-decoration: none;
    font-family: 'Cardo', serif;
    margin-top: auto; /* 🔥 ESSA LINHA resolve o alinhamento */
    transition: 0.3s;
}

/* 🔥 CORRIGE HOVER AZUL DO TEMA */
.popup-btn-comprar:hover {
    background-color: #7d1515;
    color: #fff !important;
}

.popup-relacionados-msg {
    text-align: center;
    font-family: 'Cardo', serif;
    font-size: 20px;
    color: #545454;
}







/* ===== BASE DOS CAMPOS ===== */
.woocommerce form .form-row {
    width: 100% !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
}

.woocommerce-billing-fields__field-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

/* ===== CAMPOS QUE DEVEM FICAR 100% ===== */
#billing_first_name_field,
#billing_last_name_field,
#billing_email_field,
#billing_phone_field,
#billing_postcode_field,
#billing_address_1_field {
    grid-column: 1 / -1;
    width: 100% !important;
}

/* ===== PARES LADO A LADO NO DESKTOP ===== */
#billing_number_field,
#billing_neighborhood_field,
#billing_city_field,
#billing_state_field,
#billing_country_field {
    width: 100% !important;
}

/* endereço + número */
#billing_address_1_field {
    grid-column: 1 / 2;
}
#billing_number_field {
    grid-column: 2 / 3;
}

/* bairro + cidade */
#billing_neighborhood_field {
    grid-column: 1 / 2;
}
#billing_city_field {
    grid-column: 2 / 3;
}

/* estado + país */
#billing_state_field {
    grid-column: 1 / 2;
}
#billing_country_field {
    grid-column: 2 / 3;
}

/* ===== MOBILE ===== */
@media (max-width: 767px) {
    .woocommerce-billing-fields__field-wrapper {
        grid-template-columns: 1fr !important;
        gap: 16px;
    }

    #billing_first_name_field,
    #billing_last_name_field,
    #billing_email_field,
    #billing_phone_field,
    #billing_postcode_field,
    #billing_address_1_field,
    #billing_number_field,
    #billing_neighborhood_field,
    #billing_city_field,
    #billing_state_field,
    #billing_country_field {
        grid-column: 1 / -1 !important;
        width: 100% !important;
    }
}/* End custom CSS */