/* ==========================================================================
   Kairós Livraria — checkout.css
   Carrinho e checkout. Área de conversão e confiança:
   limpo, sólido, sem glassmorphism, campos grandes, foco visível.
   ========================================================================== */

/* ==========================================================================
   1. CARRINHO
   ========================================================================== */
.woocommerce-cart table.cart {
	border: 1px solid var(--k-line);
	border-radius: var(--k-radius);
	overflow: hidden;
	background: #fff;
}
.woocommerce-cart table.cart th { background: var(--k-white-soft); color: var(--k-ink); }
.woocommerce-cart table.cart td.product-name a { color: var(--k-ink); font-weight: 600; }
.woocommerce-cart table.cart img { border-radius: var(--k-radius-sm); }

/* Cupom — discreto */
.woocommerce-cart .coupon .input-text {
	border: 1px solid var(--k-line-strong);
	border-radius: var(--k-radius-sm);
	min-height: 48px;
}

/* Totais do carrinho — card sólido */
.woocommerce-cart .cart_totals {
	background: var(--k-white-soft);
	border: 1px solid var(--k-line);
	border-radius: var(--k-radius);
	padding: var(--k-sp-3);
}
.woocommerce-cart .cart_totals h2 { font-size: var(--k-fs-h3); }

/* Botão finalizar compra — muito evidente */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	min-height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.1rem;
	font-weight: 700;
	background: var(--k-orange);
	border-radius: var(--k-radius-pill);
	box-shadow: 0 10px 26px rgba(249, 115, 22, 0.3);
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background: var(--k-orange-dark); }

/* ==========================================================================
   2. CHECKOUT — campos grandes, labels claras
   ========================================================================== */
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 { width: 100%; }

.woocommerce-checkout h3 { font-size: var(--k-fs-h3); margin-bottom: var(--k-sp-2); }

.woocommerce form .form-row label,
.woocommerce-checkout .form-row label {
	font-weight: 600;
	color: var(--k-ink);
	margin-bottom: 0.35rem;
	display: block;
}
.woocommerce form .form-row .required { color: var(--k-orange-dark); border: 0; }

/* Inputs — altura confortável, foco evidente, fundo sólido (sem blur) */
.woocommerce-checkout .input-text,
.woocommerce-checkout select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.select2-container .select2-selection--single {
	min-height: 52px;
	padding: 0.75rem 0.9rem;
	border: 1px solid var(--k-line-strong);
	border-radius: var(--k-radius-sm);
	background: #fff;
	font-size: 1rem;
	color: var(--k-ink);
	transition: border-color var(--k-dur-fast) var(--k-ease), box-shadow var(--k-dur-fast) var(--k-ease);
}
.woocommerce-checkout .input-text:focus,
.woocommerce-checkout select:focus,
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
	border-color: var(--k-orange);
	box-shadow: 0 0 0 3px var(--k-orange-soft);
	outline: none;
}

/* Resumo do pedido — card sólido e organizado */
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order {
	background: var(--k-white-soft);
	border: 1px solid var(--k-line);
	border-radius: var(--k-radius);
	padding: var(--k-sp-3);
}
.woocommerce-checkout #order_review table.shop_table { border: 0; background: transparent; }
.woocommerce-checkout #order_review .order-total .amount { color: var(--k-ink); font-size: 1.25rem; }

/* Métodos de pagamento (Mercado Pago etc.) — legível, sem efeitos */
.woocommerce-checkout #payment {
	background: #fff;
	border: 1px solid var(--k-line);
	border-radius: var(--k-radius);
}
.woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid var(--k-line); }
.woocommerce-checkout #payment div.payment_box {
	background: var(--k-white-soft);
	border-radius: var(--k-radius-sm);
}
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--k-white-soft); }

/* Botão final do pedido — máxima evidência */
.woocommerce-checkout #payment #place_order {
	width: 100%;
	min-height: 58px;
	font-size: 1.15rem;
	font-weight: 700;
	background: var(--k-orange);
	border-radius: var(--k-radius-pill);
	box-shadow: 0 12px 30px rgba(249, 115, 22, 0.32);
}
.woocommerce-checkout #payment #place_order:hover { background: var(--k-orange-dark); }

/* Mensagens de erro — claras e compreensíveis */
.woocommerce-checkout .woocommerce-error,
.woocommerce .woocommerce-error {
	background: #fff5f2;
	border: 1px solid rgba(194, 65, 12, 0.25);
	border-left: 4px solid var(--k-orange-dark);
	border-radius: var(--k-radius-sm);
	color: #7a2e0e;
}
.woocommerce-checkout .woocommerce-error::before { color: var(--k-orange-dark); }

/* ==========================================================================
   3. MINHA CONTA / LOGIN — sóbrio e confiável (sem glass)
   ========================================================================== */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none; margin: 0; padding: 0;
	border: 1px solid var(--k-line);
	border-radius: var(--k-radius);
	overflow: hidden;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: block;
	padding: 0.85rem 1.1rem;
	color: var(--k-ink);
	border-bottom: 1px solid var(--k-line);
	text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	background: var(--k-orange-soft);
	color: var(--k-orange-dark);
	font-weight: 600;
}
.woocommerce-account .woocommerce-form-login,
.woocommerce form.login,
.woocommerce form.register {
	border: 1px solid var(--k-line);
	border-radius: var(--k-radius);
	background: #fff;
}

/* ==========================================================================
   4. RESPONSIVO — checkout em 1 coluna no mobile, confortável
   ========================================================================== */
@media (min-width: 992px) {
	.woocommerce-checkout form.checkout.woocommerce-checkout {
		display: grid;
		grid-template-columns: 1.3fr 0.9fr;
		gap: var(--k-sp-4);
		align-items: start;
	}
	.woocommerce-checkout #customer_details { grid-column: 1; }
	.woocommerce-checkout #order_review_heading,
	.woocommerce-checkout #order_review { grid-column: 2; }
	.woocommerce-checkout #order_review { position: sticky; top: 90px; }
}