/*
Theme Name: Thirsty Hat Co Child
Theme URI: https://example.com/thirstyhatco-child-theme
Description: Blocksy child theme for the Thirsty Hat Co staging storefront.
Author: Thirsty Hat Co
Template: blocksy
Version: 1.1.2
Text Domain: thirstyhatco-child
*/

/* Keep the complete hat visible in WooCommerce product cards. */
.woocommerce ul.products li.product figure .ct-media-container {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #f7f7f5;
}

.woocommerce ul.products li.product figure .ct-media-container > img.wp-post-image {
  width: 100%;
  height: 100%;
  padding: 8px;
  box-sizing: border-box;
  object-fit: contain !important;
  object-position: center;
}

/* Keep cart recommendation thumbnails complete and consistently square. */
.thirsty-cart-recommendation__image {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #f7f7f5;
}

.thirsty-cart-recommendation__image > img {
  width: 100%;
  height: 100%;
  padding: 6px;
  box-sizing: border-box;
  object-fit: contain !important;
  object-position: center;
}

@media (max-width: 767px) {
  .woocommerce ul.products li.product figure .ct-media-container > img.wp-post-image,
  .thirsty-cart-recommendation__image > img {
    padding: 4px;
  }
}