/*
Theme Name: PhonesCasely Blocksy Child
Description: Child theme for the Blocksy parent theme.
Template: blocksy
Version: 1.0.0
Text Domain: phonescasely-blocksy-child
*/

/* Add site-specific CSS below this line. */

/*
 * Full-width custom pages
 *
 * These pages used Elementor's full-width canvas before it was disabled.
 * Keep their intentionally full-bleed section backgrounds independent from
 * the page builder, while each page's own inner "shell" still controls the
 * readable content width.
 */
body.home #main.site-main,
body.page-id-33 #main.site-main,
body.page-id-861 #main.site-main,
body.page-id-960 #main.site-main {
	box-sizing: border-box;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	max-width: 100vw !important;
	padding: 0 !important;
	width: 100vw !important;
}

body.home #main.site-main > .ct-container,
body.page-id-33 #main.site-main > .ct-container,
body.page-id-861 #main.site-main > .ct-container,
body.page-id-960 #main.site-main > .ct-container,
body.home #main.site-main > .entry-content,
body.page-id-33 #main.site-main > .entry-content,
body.page-id-861 #main.site-main > .entry-content,
body.page-id-960 #main.site-main > .entry-content {
	margin: 0 !important;
	max-width: none !important;
	padding: 0 !important;
	width: 100% !important;
}

body.home #main.site-main [data-vertical-spacing],
body.page-id-33 #main.site-main [data-vertical-spacing],
body.page-id-861 #main.site-main [data-vertical-spacing],
body.page-id-960 #main.site-main [data-vertical-spacing] {
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}

@media (max-width: 689px) {
	body.home #main.site-main,
	body.page-id-33 #main.site-main,
	body.page-id-861 #main.site-main,
	body.page-id-960 #main.site-main {
		margin-left: calc(50% - 50vw) !important;
		margin-right: calc(50% - 50vw) !important;
	}
}
/* Product archive cards: square frame without cropping the primary image. */
body.tax-product_cat .woocommerce ul.products li.product .ct-media-container,
body.post-type-archive-product .woocommerce ul.products li.product .ct-media-container,
body.woocommerce-shop .woocommerce ul.products li.product .ct-media-container,
body.tax-product_cat .woocommerce ul.products li.product .ct-image-container,
body.post-type-archive-product .woocommerce ul.products li.product .ct-image-container,
body.woocommerce-shop .woocommerce ul.products li.product .ct-image-container {
  --theme-ratio: 1 / 1 !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  background: transparent !important;
}

body.tax-product_cat .woocommerce ul.products li.product .ct-media-container > picture,
body.post-type-archive-product .woocommerce ul.products li.product .ct-media-container > picture,
body.woocommerce-shop .woocommerce ul.products li.product .ct-media-container > picture,
body.tax-product_cat .woocommerce ul.products li.product .ct-image-container > picture,
body.post-type-archive-product .woocommerce ul.products li.product .ct-image-container > picture,
body.woocommerce-shop .woocommerce ul.products li.product .ct-image-container > picture {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

body.tax-product_cat .woocommerce ul.products li.product .ct-media-container img,
body.post-type-archive-product .woocommerce ul.products li.product .ct-media-container img,
body.woocommerce-shop .woocommerce ul.products li.product .ct-media-container img,
body.tax-product_cat .woocommerce ul.products li.product .ct-image-container img,
body.post-type-archive-product .woocommerce ul.products li.product .ct-image-container img,
body.woocommerce-shop .woocommerce ul.products li.product .ct-image-container img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}
/* Product archives: keep every primary product image fully visible in a square card. */
body.tax-product_cat .woocommerce ul.products li.product .ct-image-container,
body.post-type-archive-product .woocommerce ul.products li.product .ct-image-container,
body.woocommerce-shop .woocommerce ul.products li.product .ct-image-container,
body.tax-product_cat .woocommerce ul.products li.product .ct-media-container,
body.post-type-archive-product .woocommerce ul.products li.product .ct-media-container,
body.woocommerce-shop .woocommerce ul.products li.product .ct-media-container {
	--theme-ratio: 1 / 1 !important;
	aspect-ratio: 1 / 1 !important;
	overflow: hidden !important;
}

body.tax-product_cat .woocommerce ul.products li.product .ct-image-container img,
body.post-type-archive-product .woocommerce ul.products li.product .ct-image-container img,
body.woocommerce-shop .woocommerce ul.products li.product .ct-image-container img,
body.tax-product_cat .woocommerce ul.products li.product .ct-media-container img,
body.post-type-archive-product .woocommerce ul.products li.product .ct-media-container img,
body.woocommerce-shop .woocommerce ul.products li.product .ct-media-container img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	object-position: center center !important;
}
/* Archive product cards: square canvas, show the entire primary image. */
body.tax-product_cat .woocommerce ul.products li.product .ct-image-container,
body.post-type-archive-product .woocommerce ul.products li.product .ct-image-container,
body.woocommerce-shop .woocommerce ul.products li.product .ct-image-container,
body.tax-product_cat .woocommerce ul.products li.product .ct-media-container,
body.post-type-archive-product .woocommerce ul.products li.product .ct-media-container,
body.woocommerce-shop .woocommerce ul.products li.product .ct-media-container {
	--theme-ratio: 1 / 1 !important;
	aspect-ratio: 1 / 1 !important;
	overflow: hidden !important;
}

body.tax-product_cat .woocommerce ul.products li.product .ct-image-container img,
body.post-type-archive-product .woocommerce ul.products li.product .ct-image-container img,
body.woocommerce-shop .woocommerce ul.products li.product .ct-image-container img,
body.tax-product_cat .woocommerce ul.products li.product .ct-media-container img,
body.post-type-archive-product .woocommerce ul.products li.product .ct-media-container img,
body.woocommerce-shop .woocommerce ul.products li.product .ct-media-container img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	object-position: center center !important;
}