/**
 * Kadence Child — estilos globais leves.
 *
 * Escopo: .kadence-child-active
 */

.kadence-child-active .content-area .content-bg {
	transition: box-shadow 0.2s ease;
}

/* Ícone de link externo — listagens e ficha do produto */
.single_add_to_cart_button:has(.kc-external-link-icon),
.add_to_cart_button:has(.kc-external-link-icon),
a.add_to_cart_button:has(.kc-external-link-icon) {
	align-items: center;
	display: inline-flex;
	gap: 0.4em;
	justify-content: center;
}

.kc-external-link-icon {
	align-items: center;
	display: inline-flex;
	flex-shrink: 0;
	justify-content: center;
	line-height: 0;
	margin-left: 0;
	vertical-align: middle;
}

.kc-external-link-icon .kc-external-link-svg {
	display: block;
	height: 0.95em;
	position: static;
	top: auto;
	width: 0.95em;
}

.kc-external-link-icon svg {
	position: static;
	top: auto;
}

/*
 * Listagens de produtos: imagem sempre quadrada.
 * Imagens externas (FIFU / Mercado Livre) não passam pelo recorte 1:1 do WooCommerce.
 */
.kadence-child-active ul.products li.product a.woocommerce-loop-image-link {
	align-items: center;
	aspect-ratio: 1 / 1;
	display: flex;
	justify-content: center;
	overflow: hidden;
}

.kadence-child-active ul.products li.product a.woocommerce-loop-image-link img {
	height: 100%;
	max-height: 100%;
	object-fit: contain;
	width: 100%;
}

/* Posts similares — celular (1 card por vez, ver inc/blog/related-posts.php) */
@media (max-width: 543px) {
	.kadence-child-active .entry-related-carousel {
		--kc-related-thumb-ratio: 66.666%;
	}

	.kadence-child-active .entry-related-carousel:has(.kadence-thumbnail-ratio-1-1) { --kc-related-thumb-ratio: 100%; }
	.kadence-child-active .entry-related-carousel:has(.kadence-thumbnail-ratio-1-2) { --kc-related-thumb-ratio: 50%; }
	.kadence-child-active .entry-related-carousel:has(.kadence-thumbnail-ratio-3-4) { --kc-related-thumb-ratio: 75%; }
	.kadence-child-active .entry-related-carousel:has(.kadence-thumbnail-ratio-9-16) { --kc-related-thumb-ratio: 56.25%; }

	/* margin-top em % é relativo à largura do carrossel: centraliza a seta na imagem */
	.kadence-child-active .entry-related-carousel .splide__arrow {
		margin-top: calc(var(--kc-related-thumb-ratio) / 2 - 1.5em);
		top: 0;
		transform: none;
	}

	.kadence-child-active .entry-related-carousel .splide__arrow--prev {
		left: 0.5rem;
	}

	.kadence-child-active .entry-related-carousel .splide__arrow--next {
		right: 0.5rem;
	}

	.kadence-child-active .entry-related-carousel .entry-content-wrap {
		padding: 1rem 1.1rem 1.15rem;
	}

	/* !important vence o ".entry-title { font-size: 26px !important }" do CSS Adicional */
	.kadence-child-active .entry-related-carousel .entry-title {
		-webkit-box-orient: vertical;
		display: -webkit-box;
		font-size: 1.1rem !important;
		hyphens: none;
		-webkit-line-clamp: 3;
		line-height: 1.35;
		overflow: hidden;
		overflow-wrap: normal;
		word-break: normal;
	}
}