/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Apr 24 2026 | 15:05:16 */
/* ============================================================
   4 - CARRINHO E CHECKOUT (FINALIZAR COMPRA)
   ============================================================ */
/* 1. FORÇAR ALINHAMENTO COM O HEADER */
.woocommerce-cart-form, 
.cart-collaterals,
.woocommerce-checkout {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}

/* 2. ESMAGAR ALTURA (Cabeçalho e Células) */

.woocommerce-cart-form thead th {
    background-color: #f7f7f7 !important;
    color: #333;
    text-transform: uppercase;
    font-size: 12px;
    border: none !important;
    padding: 8px 15px !important;
}

.woocommerce-cart-form tbody td {
    background-color: #ffffff !important;
    padding: 8px 15px !important;
    border-bottom: 1px solid #eee !important;
    vertical-align: middle !important;
}

/* 4. MANUTENÇÃO DA TUA ESTÉTICA (CUPÃO E BOTÕES) */
#coupon_code {
    width: 160px !important; 
    height: 36px !important; 
    font-size: 13px !important;
    border: 1px solid #ccc !important;
}

.cart .actions .button, 
button[name="apply_coupon"], 
button[name="update_cart"],
button[name="finalize_purchase"] {
    background-color: #294D97 !important;
    color: #ffffff !important;
    border: 1px solid #294D97 !important;
    border-radius: 4px;
    height: 36px !important; 
    line-height: 34px !important; 
    padding: 0 15px !important; 
    font-size: 13px !important; 
    font-weight: 600;
    transition: all 0.3s ease !important;
    opacity: 1 !important;
}

/* 5. TOTAIS DO CARRINHO (Card à direita) */
.cart_totals {
    width: 100% !important;
    max-width: 400px !important; 
    background: #ffffff;
    padding: 25px !important;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    border: 1px solid #f0f0f0 !important;
    float: right !important;
    margin-right: 0 !important;
    clear: right;
}

/* ============================================================
   HOVER DOS BOTÕES (CARRINHO E FINALIZAR)
   ============================================================ */

/* 1. HOVER PARA APLICAR CUPÃO E ATUALIZAR CARRINHO */
.cart .actions .button:hover, 
button[name="apply_coupon"]:hover, 
button[name="update_cart"]:hover {
    background-color: #ffffff !important;
    color: #294D97 !important;
    border: 1px solid #294D97 !important;
    opacity: 1 !important; /* Garante que o botão não fique transparente */
}

/* ============================================================
   ESTILO UNIFICADO: FINALIZAR COMPRA
   ============================================================ */
/* REPARAÇÃO TOTAL: FORÇAR TEXTO A APARECER E CENTRAR */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #294D97 !important;
    color: #ffffff !important;
    border: 1px solid #294D97 !important;
    border-radius: 4px !important;
	text-align: center;
	
	display: flex;
  justify-content: center; /* Alinha horizontalmente */
  align-items: center;     /* Alinha verticalmente */
  text-align: center;      /* Garante o alinhamento se houver quebra de linha */
  height: 50px;            /* Exemplo de altura */
  padding: 0 20px;         /* Espaço nas laterais */
    
    /* 1. Reset de Estrutura */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    
    /* 2. Dimensões Fixas */
    width: 100% !important;
    min-height: 50px !important; 
    height: auto !important;
    
    /* 3. Limpeza de interferências */
    padding: 10px 0 !important; /* Padding controlado em vez de line-height */
    margin: 0 !important;
    line-height: normal !important; 
    text-decoration: none !important;
    
    /* 4. Texto */
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

/* Garante que o texto continua visível no Hover */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #ffffff !important;
    color: #294D97 !important;
    opacity: 1 !important;
}

/* 2. TUDO O QUE É TEXTO NO CARD DE TOTAIS PASSA A PRETO */
.cart_totals h2, 
.cart_totals table th, 
.cart_totals table td, 
.cart_totals .woocommerce-Price-amount, 
.cart_totals .includes_tax,
.cart_totals .includes_tax span {
    color: #000000 !important;
    opacity: 1 !important;
}

/* Garante que o título "Total no carrinho" e rótulos fiquem pretos */
.cart_totals tr th, .cart_totals tr td {
    color: #000000 !important;
}

/* ============================================================
   AJUSTE DE CORES: PREÇOS E SUBTOTAIS (TABELA DE PRODUTOS)
   ============================================================ */

/* Altera a cor dos preços na tabela de produtos (os que estavam invisíveis) */
.woocommerce-cart-form td.product-price .woocommerce-Price-amount,
.woocommerce-cart-form td.product-subtotal .woocommerce-Price-amount {
    color: #1a1a1a !important; /* Um preto suave ou use #294D97 se quiser azul */
    font-weight: 600 !important;
}

/* Garante que o Subtotal na linha do produto também apareça */
.woocommerce-cart-form .product-subtotal span {
    color: #000000 !important;
}

/* Corrigir cabeçalhos da tabela que podem estar muito claros */
.woocommerce-cart-form thead th {
    color: #333333 !important;
    font-weight: 700 !important;
}

/* Se houver o sufixo "com IVA", garantir que ele aparece em azul como no resto do site */
.woocommerce-cart-form .woocommerce-price-suffix {
    color: #294D97 !important;
    font-size: 11px !important;
    margin-left: 4px !important;
}

/* ============================================================
   AJUSTES MOBILE: CENTRALIZAÇÃO TOTAL (REVISADO)
   ============================================================ */

@media (max-width: 767px) {
    /* 1. Centralizar a Imagem */
    .woocommerce-cart-form td.product-thumbnail {
        display: block !important;
        text-align: center !important;
        width: 100% !important;
        padding: 20px 0 !important;
    }

    .woocommerce-cart-form td.product-thumbnail img {
        display: block !important;
        margin: 0 auto !important; /* Força a imagem ao meio */
        width: 120px !important;
        height: auto !important;
    }

    /* 2. Centralizar Nome, Preço e Subtotal */
    .woocommerce-cart-form td.product-name,
    .woocommerce-cart-form td.product-price, 
    .woocommerce-cart-form td.product-subtotal {
        display: flex !important;
        flex-direction: row !important; /* Mantém label e preço na mesma linha */
        justify-content: center !important; /* ESTA É A CHAVE: Centraliza o par label+preço */
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        text-align: center !important;
        padding: 10px 0 !important;
    }

    /* Ajuste dos textos "Preço" e "Subtotal" */
    .woocommerce-cart-form td.product-price::before,
    .woocommerce-cart-form td.product-subtotal::before {
        margin-bottom: 0 !important; /* Remove quebras de linha */
        font-weight: 700 !important;
        color: #555 !important;
    }

/* 3. Centralizar Quantidade - Empurrar para a ESQUERDA */
    .woocommerce-cart-form td.product-quantity {
        display: flex !important;
        justify-content: center !important; 
        width: 100% !important;
        padding: 15px 0 !important;
    }

    .woocommerce-cart-form .quantity {
        margin-right: 80px !important; /* Empurra da direita para a esquerda */
        margin-left: 0 !important;
        display: inline-block !important;
    }

    /* 4. Garantir que o valor (2.00€) não fuja para a direita */
    .product-price .woocommerce-Price-amount, 
    .product-subtotal .woocommerce-Price-amount {
        margin-left: 0 !important;
        text-align: center !important;
    }

    /* 5. Zona do Cupão e Botões (Ficarem todos com a mesma largura e centrados) */
    .woocommerce-cart-form .coupon {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
    }

    #coupon_code, 
    button[name="apply_coupon"], 
    button[name="update_cart"] {
        width: 100% !important;
        max-width: 280px !important; /* Define uma largura máxima elegante */
        margin: 5px auto !important;
        display: block !important;
        text-align: center !important;
    }
}