/*
Theme Name: Flatsome Child
Theme URI: http://flatsome.uxthemes.com
Template: flatsome
Author: UX-Themes
Author URI: https://uxthemes.com
Description: Multi-Purpose Responsive WooCommerce Theme
Version: 3.20.2.1760174821
Updated: 2025-01-18 12:00:00
*/

/* ==========================================================================
   ÍNDICE
   1. Background das páginas
   2. Botões principais (Checkout, Carrinho, Add to Cart)
   3. Busca
   4. Login e autenticação
   5. Checkout e Carrinho
   6. Páginas de arquivo
   7. Variações de produto
   8. Seções educativas
   9. Faixa de benefícios
   10. Utilitários
   ========================================================================== */


/* ==========================================================================
   1. BACKGROUND DAS PÁGINAS DA LOJA
   ========================================================================== */

body.woocommerce-shop,
body.post-type-archive-product,
body.tax-product_cat,
body.archive.woocommerce-page,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account,
body.single-product {
    background: linear-gradient(to bottom, rgb(240,240,240) 0%, rgb(255,255,255) 20%) !important;
    background-attachment: fixed;
}

/* Containers transparentes para mostrar o degradê */
body.woocommerce-shop #wrapper,
body.woocommerce-shop #main,
body.woocommerce-shop .page-wrapper,
body.woocommerce-shop .shop-container,
body.tax-product_cat #wrapper,
body.tax-product_cat #main,
body.tax-product_cat .page-wrapper,
body.tax-product_cat .shop-container,
body.woocommerce-cart #wrapper,
body.woocommerce-cart #main,
body.woocommerce-cart .page-wrapper,
body.woocommerce-cart .shop-container,
body.woocommerce-checkout #wrapper,
body.woocommerce-checkout #main,
body.woocommerce-checkout .page-wrapper,
body.woocommerce-checkout .shop-container,
body.woocommerce-account #wrapper,
body.woocommerce-account #main,
body.woocommerce-account .page-wrapper,
body.woocommerce-account .shop-container,
body.single-product #wrapper,
body.single-product #main,
body.single-product .page-wrapper,
body.single-product .shop-container {
    background: transparent !important;
}


/* ==========================================================================
   2. BOTÕES PRINCIPAIS - HIERARQUIA CORRETA
   ========================================================================== */

/* ===== BOTÕES PRIMÁRIOS (CTA PRINCIPAL) ===== */
/* Finalizar compra, Place Order, Add to Cart */
a.button.checkout.wc-forward,
#place_order,
.single-product .single_add_to_cart_button,
.single_add_to_cart_button.button.alt,
.wc-block-cart__submit-button,
.cart-collaterals .checkout-button,
.wc-proceed-to-checkout a.checkout-button,
.wc-proceed-to-checkout .button.checkout,
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button,
a.wc-block-cart__submit-button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    border-radius: 5px !important;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15) !important;
    padding: 12px 24px !important;
}

a.button.checkout.wc-forward:hover,
#place_order:hover,
.single-product .single_add_to_cart_button:hover,
.single_add_to_cart_button.button.alt:hover,
.wc-block-cart__submit-button:hover,
.cart-collaterals .checkout-button:hover,
.wc-proceed-to-checkout a.checkout-button:hover,
.wc-proceed-to-checkout .button.checkout:hover,
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button:hover,
a.wc-block-cart__submit-button:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25) !important;
}

/* Botão Place Order - estilos específicos */
#place_order {
    margin: 0 auto;
    display: block;
}

/* ===== BOTÕES SECUNDÁRIOS ===== */
/* Continuar comprando - SEMPRE discreto */
.woocommerce-cart .button.wc-backward,
.cart-container .button.wc-backward,
a.button.wc-backward,
.return-to-shop a.button,
.cart_totals .button.wc-backward,
#section_1832089185 a.button.primary,
.woocommerce-cart a.button.primary {
    background-color: transparent !important;
    color: #666666 !important;
    border: 2px solid #cccccc !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 5px !important;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: none !important;
    padding: 10px 20px !important;
}

.woocommerce-cart .button.wc-backward:hover,
.cart-container .button.wc-backward:hover,
a.button.wc-backward:hover,
.return-to-shop a.button:hover,
.cart_totals .button.wc-backward:hover,
#section_1832089185 a.button.primary:hover,
.woocommerce-cart a.button.primary:hover {
    background-color: #f5f5f5 !important;
    color: #333333 !important;
    border-color: #999999 !important;
    transform: none !important;
}

/* ===== BOTÕES DO POPUP DO CARRINHO (MINI-CART) ===== */
/* Hierarquia: "Finalizar compra" = primário, "Ver carrinho" = secundário */

/* TODOS os botões do mini-cart começam como secundários */
.woocommerce-mini-cart__buttons a.button {
    background-color: transparent !important;
    color: #666666 !important;
    border: 2px solid #cccccc !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 10px 20px !important;
    border-radius: 5px;
    transition: all 0.3s ease;
    box-shadow: none !important;
}

.woocommerce-mini-cart__buttons a.button:hover {
    background-color: #f5f5f5 !important;
    color: #333333 !important;
    border-color: #999999 !important;
}

/* APENAS o botão de checkout fica primário (preto) */
.woocommerce-mini-cart__buttons a.checkout.button,
.woocommerce-mini-cart__buttons a.button.checkout,
.woocommerce-mini-cart__buttons a[href*="checkout"] {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
    font-weight: bold !important;
    font-size: 16px !important;
    padding: 12px 24px !important;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15) !important;
}

.woocommerce-mini-cart__buttons a.checkout.button:hover,
.woocommerce-mini-cart__buttons a.button.checkout:hover,
.woocommerce-mini-cart__buttons a[href*="checkout"]:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25) !important;
}

/* Container dos botões do mini-cart */
.woocommerce-mini-cart__buttons.buttons {
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    position: relative;
    padding-top: 45px !important;
}

.woocommerce-mini-cart__buttons a {
    display: block !important;
    opacity: 1 !important;
    width: 100%;
}

/* Texto explicativo sobre cupom no popup */
.woocommerce-mini-cart__buttons.buttons::before {
    content: "💰 Tem cupom de desconto? Clique em Ver Carrinho para aplicar";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #fffbf0;
    border: 1px solid #ffd700;
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 12px;
    color: #856404;
    text-align: center;
    line-height: 1.4;
    font-weight: 600;
}

/* ===== RESPONSIVO MOBILE ===== */
@media (max-width: 768px) {
    /* Botões primários mantêm destaque - PRETO */
    a.button.checkout.wc-forward,
    #place_order,
    .single-product .single_add_to_cart_button,
    .single_add_to_cart_button.button.alt,
    .wc-block-cart__submit-button,
    .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button,
    a.wc-block-cart__submit-button,
    .woocommerce-mini-cart__buttons a.checkout.button,
    .woocommerce-mini-cart__buttons a.button.checkout,
    .woocommerce-mini-cart__buttons a[href*="checkout"] {
        background-color: #000000 !important;
        color: #ffffff !important;
        border: 2px solid #000000 !important;
        padding: 14px 20px !important;
        font-size: 16px !important;
        min-height: 48px !important;
        font-weight: bold !important;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15) !important;
    }
    
    /* Botões secundários mantêm aparência discreta - OUTLINE CINZA */
    .woocommerce-cart .button.wc-backward,
    .cart-container .button.wc-backward,
    a.button.wc-backward,
    #section_1832089185 a.button.primary,
    .woocommerce-cart a.button.primary,
    .woocommerce-mini-cart__buttons a.button:not(.checkout):not([href*="checkout"]) {
        background-color: transparent !important;
        color: #666666 !important;
        border: 2px solid #cccccc !important;
        padding: 12px 20px !important;
        min-height: 48px !important;
        font-weight: 600 !important;
        box-shadow: none !important;
    }
    
    /* Hover em mobile para botões primários */
    a.button.checkout.wc-forward:active,
    .wc-block-cart__submit-button:active,
    a.wc-block-cart__submit-button:active {
        background-color: #333333 !important;
    }
    
    /* Hover em mobile para botões secundários */
    #section_1832089185 a.button.primary:active,
    .woocommerce-cart a.button.primary:active {
        background-color: #f5f5f5 !important;
        color: #333333 !important;
    }
}


/* ==========================================================================
   3. BUSCA
   ========================================================================== */

.ux-search-submit {
    background-color: white;
    color: black;
    border: 1px solid black;
    border-radius: 4px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.ux-search-submit .icon-search {
    color: black;
    transition: color 0.3s ease;
}

.ux-search-submit:hover {
    background-color: black;
    color: white;
}

.ux-search-submit:hover .icon-search {
    color: white;
}


/* ==========================================================================
   4. LOGIN E AUTENTICAÇÃO
   ========================================================================== */

/* Alterar label "username" para "Endereço de e-mail" */
body.woocommerce-account label[for="username"] {
    position: relative;
    color: transparent;
}

body.woocommerce-account label[for="username"]::before {
    content: "Endereço de e-mail *";
    color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

body.woocommerce-account label[for="username"] span {
    display: none;
}

/* Divisor "OU" para login */
.login-divider {
    text-align: center;
    margin: 25px 0;
    position: relative;
    display: none;
}

/* Mostrar apenas quando NÃO está logado */
body:not(.logged-in) .login-divider {
    display: block;
}

/* Esconder na área da conta */
.woocommerce-account .login-divider,
.xoo-el-form-container ~ .login-divider {
    display: none;
}

.login-divider span,
.nsl-separator {
    background: #fff;
    padding: 0 15px;
    position: relative;
    z-index: 1;
    font-size: 14px;
    color: #666;
    text-transform: uppercase;
    font-weight: bold;
}

.login-divider::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    border-top: 1px solid #ddd;
    z-index: 0;
}

/* Botão Google Login centralizado */
.nsl-container.nsl-container-block[data-align="left"] {
    text-align: center !important;
}

.nsl-container-buttons {
    display: inline-block;
    margin: 0 auto;
}

.entry-content .nsl-container {
    margin-bottom: 30px;
}

/* Links de destaque (Clique aqui para entrar) */
.woocommerce-info a,
.woocommerce-form-coupon-toggle a {
    font-weight: bold;
    font-size: 1.2em;
    color: #000;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.woocommerce-info a:hover,
.woocommerce-form-coupon-toggle a:hover {
    color: #4285F4;
}


/* ==========================================================================
   5. CHECKOUT E CARRINHO
   ========================================================================== */

/* Esconder campo de país */
#billing_country_field {
    display: none;
}



/* ============================================================
   FG Cart Freight Fix (CSS-Only v3)
   Corrige alinhamento e mensagem de frete no carrinho
   ============================================================ */

/* 1️⃣ Alinha o valor do frete à direita, igual ao subtotal */
.wc-block-components-totals-shipping .wc-block-components-totals-item__value {
    margin-left: auto !important;
    text-align: right !important;
    font-weight: 500;
    color: #000;
}

/* 2️⃣ Remove o pseudo-elemento antigo (texto padrão do tema filho) */
.wc-block-components-totals-shipping .wc-block-components-totals-item__label::before {
    content: none !important;
}

/* 3️⃣ Mostra "Frete será calculado no checkout" SOMENTE quando não houver valor */
.wc-block-components-totals-shipping:not(:has(.wc-block-components-totals-item__value:contains("R$"))) 
.wc-block-components-totals-item__label::after {
    content: "Frete será calculado no checkout";
    display: block;
    color: #666;
    font-size: 0.9em;
    font-style: italic;
    margin-top: 4px;
    text-align: left;
}


/* Esconder calculadora de frete no bloco de carrinho */
/* .wc-block-components-shipping-calculator,
.wc-block-components-totals-shipping-panel {
    display: none;
} */

/* Mensagem personalizada de frete */
/* .wc-block-components-totals-shipping .wc-block-components-totals-item__label {
    visibility: hidden;
} */

/*
.wc-block-components-totals-shipping .wc-block-components-totals-item__label::before {
    content: "Frete calculado no próximo passo.";
    visibility: visible;
    text-decoration: underline;
    font-size: 1.1em;
    font-weight: bold;
} */

/* Padding do bloco de carrinho */
.wp-block-woocommerce-cart {
    padding-left: 10%;
    padding-right: 10%;
}


/* ==========================================================================
   6. PÁGINAS DE ARQUIVO E HOME
   ========================================================================== */

/* Esconder botões "Add to Cart" e seletor de quantidade */
.archive .add_to_cart_button, 
.archive .button,
.home .add_to_cart_button, 
.home .button,
.archive .ux-quantity,
.home .ux-quantity {
    display: none;
}

/* Esconder link da "Tabela de Tamanho" fora de páginas de produto */
body:not(.single-product) a[data-fancybox][href*="sizechart.png"] {
    display: none;
}


/* ==========================================================================
   7. VARIAÇÕES DE PRODUTO
   ========================================================================== */

/* Borda vermelha quando falta escolher tamanho/cor */
.variations .attr-missing,
.variations .is-error {
    box-shadow: 0 0 0 2px #e11d48 inset;
    border-radius: 6px;
}

.variations .is-error .label,
.variations .is-error .label label {
    color: #e11d48;
}

/* Estilo para swatches/círculos de variação com erro */
.variations .variable-items-wrapper.is-error .variable-item {
    outline: 2px solid #e11d48;
    outline-offset: 2px;
}


/* ==========================================================================
   8. SEÇÃO EDUCATIVA
   ========================================================================== */

.sec-educativa {
    margin: 40px 0;
    font-family: inherit;
    color: inherit;
}

.sec-educativa header {
    text-align: center;
    margin-bottom: 24px;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.sec-educativa h1,
.sec-educativa h2,
.sec-educativa h3,
.sec-educativa h4,
.sec-educativa h5,
.sec-educativa h6,
.sec-educativa p,
.sec-educativa li {
    text-shadow: none;
    font-family: inherit;
    color: inherit;
}

.sec-educativa p,
.sec-educativa li {
    line-height: 1.6;
}

.sec-educativa .conteudo {
    max-width: 900px;
    margin: 0 auto;
}

.sec-educativa ul {
    margin-left: 1.2em;
    padding-left: 0;
}


/* ==========================================================================
   9. FAIXA DE BENEFÍCIOS
   ========================================================================== */

.benefits-strip li:hover i {
    color: #fff;
    transition: color 0.3s ease;
}

/* Responsivo para mobile */
@media (max-width: 768px) {
    .benefits-strip ul {
        flex-direction: column;
    }
    
    .benefits-strip li {
        margin-bottom: 15px;
    }
}


/* ==========================================================================
   10. UTILITÁRIOS
   ========================================================================== */

.center-shortcode {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 20px 0;
}


/* ==========================================================================
   11. OTIMIZAÇÕES - PÁGINA DA LOJA
   ========================================================================== */

/* DESKTOP - Remove "Loja" e dropdown de ordenação */
@media (min-width: 850px) {
  /* Remove breadcrumb "Loja" */
  .woocommerce-breadcrumb.breadcrumbs {
    display: none !important;
  }
  
  /* Remove dropdown de ordenação */
  .woocommerce-ordering {
    display: none !important;
  }
  
  /* Esconde a coluna vazia do dropdown */
  .page-title-inner .flex-col.medium-text-center {
    display: none !important;
  }
  
  /* Remove padding/margin do container principal */
  .page-title-inner.flex-row {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    min-height: auto !important;
  }
  
  /* Remove espaçamento extra do título */
  .page-title {
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
  }
  
  /* Alinha o filtrar à esquerda sem espaço extra */
  .page-title-inner .flex-col.flex-grow {
    justify-content: flex-start !important;
    text-align: left !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Remove espaço do filtro */
  .category-filtering.category-filter-row {
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* MOBILE - Remove tudo (Loja, FILTRAR, ordenação) */
@media (max-width: 849px) {
  /* Remove toda a linha de título */
  .page-title-inner.flex-row {
    display: none !important;
  }
}



/* ==========================================================================
   12. BACKGROUND DAS PÁGINAS INSTITUCIONAIS
   ========================================================================== */

/* Aplica degradê em páginas com template page-blank (páginas institucionais) */
body.page-template-page-blank {
    background: linear-gradient(to bottom, rgb(240,240,240) 0%, rgb(255,255,255) 20%) !important;
    background-attachment: fixed;
}

/* Containers transparentes para mostrar o degradê */
body.page-template-page-blank #wrapper,
body.page-template-page-blank #main,
body.page-template-page-blank .page-wrapper,
body.page-template-page-blank .content-area {
    background: transparent !important;
}


/* ==========================================================================
   13. BACKGROUND DA PÁGINA DE BLOG
   ========================================================================== */

/* Aplica degradê na página de blog */
body.blog,
body.archive.category {
    background: linear-gradient(to bottom, rgb(240,240,240) 0%, rgb(255,255,255) 20%) !important;
    background-attachment: fixed;
}

/* Containers transparentes para mostrar o degradê */
body.blog #wrapper,
body.blog #main,
body.blog .page-wrapper,
body.blog .content-area,
body.archive.category #wrapper,
body.archive.category #main,
body.archive.category .page-wrapper,
body.archive.category .content-area {
    background: transparent !important;
}

/* ==========================================================================
   14. Make banner link cover entire column
   ========================================================================== */


/* Make banner link cover entire column */



/* Versão alternativa - remove o absolute do link */
/* Versão corrigida - link funciona em toda área */
.clickable-banner-column .banner a {
    display: block;
    position: relative;
    z-index: 1;
}

.clickable-banner-column .banner a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.clickable-banner-column .text-box {
    position: relative;
    z-index: 11;
    pointer-events: none; /* Text box não bloqueia cliques */
}

.clickable-banner-column .text-box * {
    pointer-events: auto; /* Mas os elementos dentro (texto/links) funcionam */
}













/* ========================================
   BREADCRUMBS FORCE GEAR
   ======================================== */

.forcegear-breadcrumbs-wrapper {
    margin-bottom: 15px;
    padding: 10px 0;
}

.forcegear-breadcrumbs-wrapper .rank-math-breadcrumb {
    font-size: 13px;
    color: #666;
}

.forcegear-breadcrumbs-wrapper .rank-math-breadcrumb a {
    color: #333;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.forcegear-breadcrumbs-wrapper .rank-math-breadcrumb a:hover {
    color: #000;
    text-decoration: underline;
}

.forcegear-breadcrumbs-wrapper .rank-math-breadcrumb .separator {
    margin: 0 8px;
    color: #999;
}

/* Responsivo */
@media (max-width: 768px) {
    .forcegear-breadcrumbs-wrapper {
        font-size: 12px;
        padding: 8px 0;
    }
}




/* ========================================
   Botão WhatsApp Premium - Fitness
======================================== */

.whatsapp-premium {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    color: #ffffff !important;
    padding: 14px 24px;
    border-radius: 50px;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    box-shadow: 0 8px 32px rgba(37, 211, 102, 0.4);
    z-index: 99999;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(255,255,255,0.2);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.whatsapp-premium:hover {
    background: linear-gradient(135deg, #1ea952 0%, #0d6b58 100%);
    box-shadow: 0 12px 48px rgba(37, 211, 102, 0.6);
    transform: translateY(-3px);
    border: 1px solid rgba(255,255,255,0.3);
    color: #ffffff !important;
}

.whatsapp-premium svg {
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.whatsapp-premium:hover svg {
    transform: scale(1.1);
}

/* Mobile - versão circular verde */
@media (max-width: 768px) {
    .whatsapp-premium {
        padding: 15px !important;
        bottom: 20px !important;
        right: 20px !important;
        width: 56px !important;
        height: 56px !important;
        border-radius: 50% !important;
        justify-content: center !important;
        background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
        color: #ffffff !important;
    }
    
    .whatsapp-premium:hover {
        background: linear-gradient(135deg, #1ea952 0%, #0d6b58 100%) !important;
    }
    
    .whatsapp-premium svg {
        width: 26px !important;
        height: 26px !important;
        margin: 0 !important;
    }
    
    .whatsapp-text {
        display: none !important;
    }
}



/* Ocultar apenas o valor, manter o resto visível */
.resultado-frete table tbody td {
    position: relative;
}



/* Linha de aviso de cupom no checkout */
.fg-coupon-hint td {
    padding: 10px 14px;
    font-size: 13px;
    color: #333;
    background: #f7f7f7;
    border-left: 3px solid #111;
}



/* ========================================
   TRADUÇÕES PERSONALIZADAS - PHOTO REVIEWS
   Adicionado em: 04/01/2026
   VERSÃO REFORÇADA MÁXIMA
   ======================================== */

/* Traduz "Review now to get coupon!" */
.wcpr-form-description {
    position: relative !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    overflow: hidden !important;
    height: 0 !important;
}

.wcpr-form-description::before {
    content: "Avalie agora e ganhe cupom de desconto!" !important;
    position: relative !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: #28a745 !important;
    font-weight: 500 !important;
    display: block !important;
    height: auto !important;
    overflow: visible !important;
}



/* ========================================
   TRADUÇÕES PHOTO REVIEWS - ESCONDE ORIGINAIS
   ======================================== */

/* Esconde "Review now to get coupon!" */
.wcpr-form-description {
    display: none !important;
}

/* Esconde "Choose pictures (maxsize...)" */
.wcpr-comment-form-images > label[for="wcpr_image_upload"] {
    display: none !important;
}

/* ======================================== */





/**
 * ============================================
 * FORCE GEAR - CUSTOMIZAÇÕES STRIPE
 * ============================================
 */

/* Ocultar formulário de cartão Stripe no checkout */
.wc_payment_method.payment_method_stripe {
    display: none !important;
}

/* Garantir que Payment Request Buttons apareçam */
#wc-stripe-payment-request-wrapper,
.wc-stripe-payment-request-button-wrapper,
#stripe-payment-request-button-separator {
    display: block !important;
    visibility: visible !important;
}

/* Estilizar separador "ou pague com" */
#stripe-payment-request-button-separator {
    margin: 25px 0;
    text-align: center;
    position: relative;
    clear: both;
}

#stripe-payment-request-button-separator span {
    background: #fff;
    padding: 0 15px;
    position: relative;
    z-index: 1;
    color: #666;
    font-size: 14px;
}

#stripe-payment-request-button-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #ddd;
    z-index: 0;
}

/* Forçar visibilidade dos botões Apple Pay e Google Pay */
.wc-stripe-payment-request-button-wrapper button,
.wc-stripe-payment-request-button-wrapper > div,
#wc-stripe-payment-request-button-element {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Estilização dos botões no checkout */
.woocommerce-checkout #wc-stripe-payment-request-wrapper {
    margin-bottom: 20px;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 8px;
}

/**
 * ============================================
 * FIM CUSTOMIZAÇÕES STRIPE
 * ============================================
 */


 /* Trocar "OR" por "OU" no separador Stripe */
#wc-stripe-express-checkout-button-separator {
    font-size: 0 !important; /* Oculta texto original */
}

#wc-stripe-express-checkout-button-separator::before {
    content: '— OU —';
    font-size: 14px;
    color: #666;
    font-weight: normal;
}


/* Espaçamento do botão Google/Apple Pay na nova posição */
#wc-stripe-express-checkout-element {
    margin-top: 15px !important;    /* Afasta do botão Adicionar ao Carrinho */
    margin-bottom: 15px !important; /* Afasta do Selo de Segurança */
    width: 100%;
    clear: both;
}

/* Garante que o container do Stripe ocupe a largura total disponível */
.StripeElement {
    width: 100% !important;
}



/* =======================================================
   CORREÇÃO DE LAYOUT - PIX (PÁGINA DE OBRIGADO)
   ======================================================= */

/* 1. Cria espaço para a numeração (1, 2, 3...) não ficar cortada */
ol.asaas-pix-instructions__list {
    padding-left: 25px !important;
    margin-left: 5px !important;
}

/* 2. Alinha o texto "Pague com Pix" com a lista numerada abaixo dele */
section.woocommerce-order-details ul.order_details > li:first-child {
    padding-left: 30px !important; /* 30px compensa o padding + margem da lista */
    list-style-type: none !important;
}