/* ==========================================================================
   Kairós Livraria — woocommerce.css
   Loja (catálogo), card de produto e página individual de produto.
   Resolvido por CSS, sem sobrescrever templates do WooCommerce.
   ========================================================================== */

/* ==========================================================================
   1. LOJA / CATÁLOGO
   ========================================================================== */
.woocommerce .woocommerce-products-header__title,
.woocommerce-page .woocommerce-products-header__title {
	font-size: var(--k-fs-h1);
}

/* Barra de ordenação + resultado — discreta */
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering select {
	color: var(--k-ink-soft);
	font-size: var(--k-fs-sm);
}
.woocommerce .woocommerce-ordering select {
	padding: 0.5rem 2rem 0.5rem 0.85rem;
	border: 1px solid var(--k-line-strong);
	border-radius: var(--k-radius-pill);
	background-color: #fff;
}

/* Grid da loja */
.woocommerce ul.products,
.woocommerce-page ul.products {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--k-sp-2);
	margin: 0;
}
@media (min-width: 768px) {
	.woocommerce ul.products,
	.woocommerce-page ul.products { grid-template-columns: repeat(3, 1fr); gap: var(--k-sp-3); }
}
@media (min-width: 1100px) {
	.woocommerce ul.products.columns-4 { grid-template-columns: repeat(4, 1fr); }
}
/* Neutraliza floats/larguras legadas do Woo */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	width: 100% !important;
	margin: 0 !important;
	float: none !important;
}

/* ==========================================================================
   2. CARD DE PRODUTO (loop)
   ========================================================================== */
.woocommerce ul.products li.product {
	display: flex;
	flex-direction: column;
	background: var(--k-glass-strong);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	border: 1px solid var(--k-line);
	border-radius: var(--k-radius);
	box-shadow: var(--k-shadow-sm);
	padding: 0.75rem;
	overflow: hidden;
	transition: transform var(--k-dur) var(--k-ease), box-shadow var(--k-dur) var(--k-ease);
}
.woocommerce ul.products li.product:hover {
	transform: translateY(-4px);
	box-shadow: var(--k-shadow-premium);
}
/* Imagem do produto */
.woocommerce ul.products li.product a img {
	border-radius: var(--k-radius-sm);
	margin-bottom: 0.75rem;
	background: #fff;
	aspect-ratio: 4 / 5;
	object-fit: cover;
}
/* Categoria pequena (via .kairos-card-cat inserida no template/hook, opcional) */
.woocommerce ul.products li.product .kairos-card-cat {
	font-size: var(--k-fs-xs);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--k-orange-dark);
	font-weight: 600;
}
/* Título */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.3;
	color: var(--k-ink);
	padding: 0.25rem 0 0.4rem;
}
/* Preço */
.woocommerce ul.products li.product .price {
	color: var(--k-ink);
	font-weight: 700;
	font-size: 1.05rem;
	margin-top: auto;
}
.woocommerce ul.products li.product .price del { color: var(--k-ink-soft); font-weight: 400; opacity: 0.7; }
.woocommerce ul.products li.product .price ins { text-decoration: none; color: var(--k-orange-dark); }

/* Botão comprar (loop) */
.woocommerce ul.products li.product .button,
.woocommerce a.button,
.woocommerce button.button {
	margin-top: 0.6rem;
	background: var(--k-orange);
	color: #fff;
	border-radius: var(--k-radius-pill);
	font-weight: 600;
	padding: 0.6rem 1.1rem;
	transition: background-color var(--k-dur-fast) var(--k-ease), transform var(--k-dur-fast) var(--k-ease);
}
.woocommerce ul.products li.product .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
	background: var(--k-orange-dark);
	transform: translateY(-1px);
}
.woocommerce ul.products li.product .added_to_cart {
	margin-top: 0.4rem;
	font-size: var(--k-fs-sm);
	color: var(--k-orange-dark);
}

/* Badge de promoção — suave */
.woocommerce span.onsale {
	background: var(--k-orange);
	color: #fff;
	border-radius: var(--k-radius-pill);
	font-weight: 600;
	font-size: var(--k-fs-xs);
	min-height: auto;
	min-width: auto;
	padding: 0.25rem 0.7rem;
	top: 0.75rem; left: 0.75rem;
	margin: 0;
	box-shadow: 0 6px 16px rgba(249, 115, 22, 0.3);
}

/* ==========================================================================
   3. PÁGINA DE PRODUTO (single)
   ========================================================================== */
.woocommerce div.product { gap: var(--k-sp-4); }

.woocommerce div.product div.images img {
	border-radius: var(--k-radius-lg);
	box-shadow: var(--k-shadow-md);
}
.woocommerce div.product .product_title {
	font-size: var(--k-fs-h1);
	margin-bottom: 0.5rem;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--k-ink);
	font-weight: 700;
	font-size: 1.6rem;
}
.woocommerce div.product p.price ins { color: var(--k-orange-dark); text-decoration: none; }

/* Botão comprar principal — grande e evidente */
.woocommerce div.product form.cart .button.single_add_to_cart_button {
	min-height: 54px;
	padding: 0.9rem 2rem;
	font-size: 1.05rem;
	background: var(--k-orange);
	box-shadow: 0 10px 26px rgba(249, 115, 22, 0.3);
}
.woocommerce div.product form.cart .button.single_add_to_cart_button:hover {
	background: var(--k-orange-dark);
}
/* Quantidade */
.woocommerce div.product form.cart .quantity .qty {
	min-height: 54px;
	border: 1px solid var(--k-line-strong);
	border-radius: var(--k-radius-sm);
	text-align: center;
	width: 4.5rem;
}

/* Selos de confiança (bloco .kairos-product-trust inserido via hook/bloco) */
.kairos-product-trust {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin: 1.25rem 0;
	padding: 1rem 1.25rem;
	border: 1px solid var(--k-line);
	border-radius: var(--k-radius);
	background: var(--k-white-soft);
	font-size: var(--k-fs-sm);
	color: var(--k-ink-soft);
}
.kairos-product-trust span { display: inline-flex; align-items: center; gap: 0.4rem; }

/* Abas */
.woocommerce div.product .woocommerce-tabs ul.tabs {
	border: 0;
	padding: 0;
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: transparent;
	border: 1px solid var(--k-line);
	border-radius: var(--k-radius-pill);
	padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 0.55rem 1.1rem; font-weight: 600; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: var(--k-ink);
	border-color: var(--k-ink);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #fff; }

/* Produtos relacionados */
.woocommerce .related > h2,
.woocommerce .up-sells > h2 {
	font-size: var(--k-fs-h2);
	margin-bottom: var(--k-sp-3);
}

/* ==========================================================================
   4. NOTICES (carrinho/estoque) — coerentes com a marca
   ========================================================================== */
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message {
	border-top-color: var(--k-orange);
	border-radius: var(--k-radius-sm);
}
.woocommerce .woocommerce-message::before { color: var(--k-orange); }