/**
 * Apresentacao da capa nas grades de produto.
 *
 * As capas sao geradas em 3:4 (900x1200), proporcao que acompanha o recorte
 * configurado no Personalizador do WooCommerce (480x640, recorte 3:4).
 *
 * A partir da versao 0.7.15 o tema passou a impor outra proporcao ao cartao de
 * produto, 1:1 no padrao e 4:3 na Loja. Com object-fit: cover isso descarta
 * cerca de 44% da altura de cada capa. A regra abaixo devolve a proporcao
 * nativa, e mora aqui, no plugin que cuida das capas, para nao se perder em
 * uma atualizacao do tema.
 *
 * A classe .wpdef-product-card aparece repetida de proposito: o tema usa
 * .wpdef-main--store .wpdef-product-card__media img, que tem a mesma
 * especificidade de um seletor equivalente aqui, e a folha do tema carrega por
 * ultimo. Repetir a classe eleva a especificidade para 0-3-1 e dispensa
 * !important, deixando o valor ainda sobrescrevivel caso voce precise.
 */

.wpdef-product-card.wpdef-product-card .wpdef-product-card__media img {
	aspect-ratio: 3 / 4;
	object-fit: cover;
	object-position: top center;
}

/**
 * Pagina do produto: screenshot vertical inteiro.
 *
 * A 0.7.15 trouxe assets/css/single-product.css, inexistente na 0.7.12, que
 * impoe aspect-ratio: 12/7 com object-fit: contain na imagem da galeria. Os
 * screenshots sao verticais e estreitos (550x2560, por exemplo), entao dentro
 * de uma caixa deitada a imagem encolhia para uma tira no meio de um fundo
 * vazio. Aqui a proporcao volta a ser a nativa, que era o comportamento antes
 * da atualizacao do tema.
 *
 * A regra do tema soma 0-3-2 (o :is() dela conta como uma classe). Repetir a
 * classe do main e ancorar em img.wp-post-image leva esta a 0-5-2, o que
 * dispensa !important.
 */
.wpdef-main--single-product.wpdef-main--single-product .woocommerce-product-gallery__image > a > img.wp-post-image {
	aspect-ratio: auto;
	height: auto;
	object-fit: contain;
	width: 100%;
}