.elementor-7 .elementor-element.elementor-element-25ea00cf{--display:flex;}/* Start custom CSS */<style>
/* ============================================================
   CHECKOUT E CARRINHO PREMIUM — OrganizeOne (Cyberpunk)
   Transforma WooCommerce em Cards Lado a Lado + Correções
   ============================================================ */

/* --- Limita a Largura no Desktop (Não deixa Tela Total) --- */
.woocommerce-checkout .woocommerce,
.woocommerce-cart .woocommerce,
form.checkout.woocommerce-checkout {
    max-width: 1100px !important;
    margin: 40px auto !important;
}

/* --- Reset Básico de Cores --- */
.woocommerce-checkout, 
.woocommerce-cart {
    color: #e6f7ff !important;
    font-family: 'Rajdhani', sans-serif !important;
}

.woocommerce-checkout h3,
.woocommerce-cart h2 {
    font-family: 'Orbitron', sans-serif !important;
    color: #00f0ff !important;
    text-transform: uppercase !important;
    font-size: 1.5rem !important;
    margin-bottom: 24px !important;
    text-shadow: 0 0 10px rgba(0, 240, 255, 0.4) !important;
}

/* --- Layout Principal Checkout: Grid de 2 Colunas (Desktop) --- */
form.checkout.woocommerce-checkout {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 40px !important;
    align-items: start !important;
}

/* --- Os "Cards" do Checkout e Carrinho --- */
#customer_details, 
#order_review_heading, 
#order_review,
.woocommerce-cart-form,
.cart-collaterals {
    background: rgba(10, 12, 18, 0.72) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(0, 240, 255, 0.3) !important;
    border-radius: 16px !important;
    padding: 30px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(255, 0, 255, 0.15) !important;
}

/* Remove a flutuação nativa do WooCommerce que quebra o layout */
.col2-set .col-1, .col2-set .col-2 {
    float: none !important;
    width: 100% !important;
}

/* Agrupa o Título do Pedido e o Resumo no mesmo card visual */
#order_review_heading {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 10px !important;
}

#order_review {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-top: none !important;
    padding-top: 10px !important;
}

/* --- Estilização dos Campos de Formulário (Inputs) --- */
.woocommerce-checkout .form-row label,
.woocommerce-cart .form-row label {
    color: #8aa9c0 !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}

.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea,
.woocommerce-cart input.input-text {
    background: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(0, 240, 255, 0.2) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 14px 16px !important;
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1rem !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
}

.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row select:focus,
.woocommerce-checkout .form-row textarea:focus,
.woocommerce-cart input.input-text:focus {
    border-color: #00f0ff !important;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.3) !important;
    outline: none !important;
}

/* --- Tabela de Resumo e Carrinho --- */
.woocommerce table.shop_table {
    border: none !important;
    border-radius: 0 !important;
    width: 100% !important;
    color: #e6f7ff !important;
}

.woocommerce table.shop_table th {
    border-bottom: 1px solid rgba(0, 240, 255, 0.2) !important;
    padding: 15px 0 !important;
    font-family: 'Orbitron', sans-serif !important;
    color: #ff00a0 !important;
}

.woocommerce table.shop_table td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    padding: 15px 0 !important;
}

.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td {
    border-top: 1px solid rgba(0, 240, 255, 0.2) !important;
}

.woocommerce .product-name a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.woocommerce .product-total,
.woocommerce .cart-subtotal td,
.woocommerce .order-total td,
.woocommerce .product-price,
.woocommerce .product-subtotal {
    text-align: right !important;
    color: #00f0ff !important;
    font-weight: 700 !important;
}

/* --- Caixa de Pagamento --- */
#add_payment_method #payment, 
.woocommerce-cart #payment, 
.woocommerce-checkout #payment {
    background: rgba(0, 0, 0, 0.3) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 0, 160, 0.3) !important;
    padding: 20px !important;
    margin-top: 20px !important;
}

.woocommerce-checkout #payment ul.payment_methods {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding-bottom: 20px !important;
}

.woocommerce-checkout #payment div.payment_box {
    background: rgba(255, 0, 160, 0.1) !important;
    color: #e6f7ff !important;
    border-radius: 8px !important;
}

.woocommerce-checkout #payment div.payment_box::before {
    border-bottom-color: rgba(255, 0, 160, 0.1) !important;
}

/* ============================================================
   CORREÇÃO DOS BOTÕES
   ============================================================ */

/* --- Botão Principal "Finalizar Compra" / "Ir para Pagamento" --- */
.woocommerce #place_order,
.woocommerce .checkout-button {
    display: block !important;
    width: 100% !important;
    padding: 18px 24px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: #06070a !important;
    background: linear-gradient(90deg, #00f0ff, #ff00a0) !important;
    border: none !important;
    border-radius: 12px !important;
    margin-top: 20px !important;
    text-align: center !important;
    transition: transform 0.3s ease, filter 0.3s ease !important;
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.4) !important;
}

.woocommerce #place_order:hover,
.woocommerce .checkout-button:hover {
    transform: scale(1.02) !important;
    filter: brightness(1.2) !important;
    box-shadow: 0 0 30px rgba(255, 0, 160, 0.6) !important;
}

/* --- Botões Secundários: Atualizar Carrinho & Aplicar Cupom --- */
.woocommerce button.button[name="update_cart"],
.woocommerce button.button[name="apply_coupon"] {
    background: transparent !important;
    border: 1px solid #00f0ff !important;
    color: #00f0ff !important;
    border-radius: 8px !important;
    padding: 12px 20px !important;
    font-family: 'Orbitron', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
}

.woocommerce button.button[name="update_cart"]:hover,
.woocommerce button.button[name="apply_coupon"]:hover {
    background: #00f0ff !important;
    color: #06070a !important;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.4) !important;
}

/* Estado "Desativado" do Atualizar Carrinho (Resolve o texto cinza que some) */
.woocommerce button.button[name="update_cart"]:disabled,
.woocommerce button.button[name="update_cart"][disabled] {
    border-color: rgba(0, 240, 255, 0.3) !important;
    color: rgba(0, 240, 255, 0.6) !important;
    background: transparent !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

/* ============================================================
   RESPONSIVIDADE MOBILE (Checkout e Carrinho)
   ============================================================ */
@media (max-width: 768px) {
    form.checkout.woocommerce-checkout {
        grid-template-columns: 1fr !important; /* Muda para 1 coluna no celular */
        gap: 20px !important;
        margin-top: 20px !important;
    }

    #customer_details, 
    #order_review_heading, 
    #order_review,
    .woocommerce-cart-form,
    .cart-collaterals {
        padding: 20px !important; /* Reduz o padding para caber melhor na tela */
    }

    .woocommerce-checkout h3,
    .woocommerce-cart h2 {
        font-size: 1.2rem !important;
    }

    .woocommerce-checkout .form-row input.input-text,
    .woocommerce-checkout .form-row select,
    .woocommerce-checkout .form-row textarea {
        padding: 12px !important;
    }

    .woocommerce #place_order,
    .woocommerce .checkout-button {
        font-size: 1rem !important;
        padding: 16px !important;
    }

    /* Ajusta botões do carrinho no mobile */
    .woocommerce button.button[name="update_cart"],
    .woocommerce button.button[name="apply_coupon"] {
        width: 100% !important;
        margin-top: 10px !important;
        text-align: center !important;
    }
}
</style>/* End custom CSS */