.products .product {
	background: white;
	box-shadow: 0px 4px 10px #bbb;
}
.product-image-wrapper {
	position: relative;
	overflow: hidden;
}
.product:hover .product-image-wrapper img {
	transform: scale(1.05);
}
.woocommerce ul.products li.product a .product-image-wrapper img {
	aspect-ratio: 3 / 4;
	margin-bottom: 10px;
	transition: all 0.3s ease;
}
.js-product-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.js-product-row .product-title,
.js-product-row .js-product-price {
	font-weight: 400;
	color: #656565;
	font-size: 0.8rem;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	padding: 0.5rem;
}
.wp-block-woocommerce-cart {
	width: auto !important;
}

.filter-text {
	margin-bottom: 1rem;
}
.shop-category-filters {
	display: flex;
	flex-direction: row;
	gap: 10px;
	justify-content: flex-start;
	margin-bottom: 1rem;
	
}
.shop-category-button {
	display: inline-block;
	border-radius: 3px;
	box-shadow: 3px 3px 6px #bbb;
	padding: 0.4rem;
	padding-top: 0.35rem;
	font-size: 0.8rem;
	opacity: 0.3;
}
.shop-category-button:has(div.is-active) {
	opacity: 1 !important;
}
.shop-category-button .shop-category-filter-btn {
	text-decoration: none;
	color: white;
}
.shop-category-button .shop-category-filter-btn:hover {
	cursor: pointer;
}



.shop-category-button:nth-child(4n) {
	background-color: #FDA1A5;
}
.shop-category-button:nth-child(4n + 1) {
	background-color: #F87147;
}
.shop-category-button:nth-child(4n + 2) {
	background-color: #F9583E;
}
.shop-category-button:nth-child(4n + 3) {
	background-color: #F98866;
}





/* Product Detail Page */

.header-inner-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.price-container {
	margin-bottom: 0.8rem;
}

.product .flex-column-layout {
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
	margin-bottom: 6rem;
	gap: 15px;
}
ul.products li {
	float: none !important;
	margin-bottom: 2rem !important;
	width: 100% !important;
	box-sizing: border-box;
}

select,
.woocommerce .cart .quantity input.qty {
	width: 100%;
	border-radius: 3px;
	padding: 10px;
	color: #656565;
	box-sizing: border-box;
	border: 1px solid grey;
	margin-top: 5px;
	margin-bottom: 10px;
    font-family: var(--header-font);
    font-size: 0.7rem;
}
.woocommerce div.product form.cart div.quantity {
	float: none !important;
}
.single_add_to_cart_button.button.alt.jesus-button {
	background-color: var(--hcs-primary-color);
	font-family: var(--header-font);
	width: 100%;
	padding: 0.5rem 0rem;
	font-weight: 500;
	transition: background-color 0.3s ease;
}
.single_add_to_cart_button.button.alt.jesus-button:hover {
	background-color: #F87147;
}
.winter-sport .single_add_to_cart_button.button.alt.jesus-button:hover {
	background-color: #59aebd;
}
.single_add_to_cart_button.button.alt.jesus-button.disabled {
	opacity: 0.5;
	background-color: var(--hcs-primary-color);
}
.single_add_to_cart_button.button.alt.jesus-button.disabled:hover {
	opacity: 0.5;
	background-color: var(--hcs-primary-color);
}
.single-image-container {
	position: relative;
	padding: 0.5rem 0.5rem 2rem 0.5rem;
	background-color: white;
	max-width: 300px;
	z-index: 4;
	box-shadow: 3px 3px 6px #bbb;
	margin-bottom: 1rem;
	transition: all 0.3s ease;
}


.single-image-container:hover {
	cursor: pointer;
}
.info-container {
		margin-bottom: 2rem;
	}
.single-image-container.active-container {
	top: 0px !important;
	left: 0px !important;
	max-width: 500px;
	box-shadow: 6px 6px 12px #676767;
	z-index: 6;
}
.explainer-text {
	position: relative;
	text-align: right;
}
.explainer-text:after {
    content: '';
    position: absolute;
    height: 17px;
    width: 50px;
    top: 140%;
    left: 35%;
    background-image: url(/wp-content/uploads/2025/11/arrow.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(130deg);
}

.woocommerce-error {
	    border-top-color: var(--hcs-primary-color) !important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
	    padding: 1em 2em 1em 3.5em;
	    margin: 0 0 2em;
	    position: relative;
	    background-color: #eeeeee;
	    color: #333;
	    border-top: 3px solid var(--hcs-primary-color);
	    list-style: none outside;
	    width: auto;
	    word-wrap: break-word;
}
.woocommerce-error a, .woocommerce-info a, .woocommerce-message a {
	color: var(--hcs-primary-color) !important;
	text-decoration: none;
}
.woocommerce-error:focus, .woocommerce-info:focus, .woocommerce-message:focus {
	outline: none !important;
}
.woocommerce div.product form.cart .variations label,
.label {
	font-size: 1rem;
	font-weight: 500 !important;
	text-align: right;
}
.woocommerce div.product form.cart .variations select {
	background-color: white;
	font-size: 0.7rem;
	margin-bottom: 0.5rem;
}
.woocommerce-variation-price .price .woocommerce-Price-amount.amount {
	color: #333333;
}


/* ------------------ CART PAGE ---------------------- */

.wp-block-woocommerce-cart a {
	color: var(--hcs-primary-color);
	text-decoration: none;
}
.wp-block-woocommerce-cart input {
	font-size: 0.7rem !important;
}
.wp-block-woocommerce-cart .wp-element-button {
	background-color: #F87147 !important;
	font-family: var(--header-font) !important;
	border: none !important;
	color: white !important;
	transition: all 0.3s ease;
	border-radius: 5px !important;
}
.wp-block-woocommerce-cart .wp-element-button:hover {
	background-color: #F9583E !important;
}

/* -------------------- Checkout Page –––––––––––––––––– */

.content .wp-block-woocommerce-checkout {
    container-type: inline-size;
    margin: auto;
    padding-top: 0px;
    width: 100%;
	font-size: 0.8rem;
}

.wc-block-components-checkout-place-order-button {
	background-color: #316d78 !important;
	font-family: var(--header-font) !important;
	border: none !important;
	color: white !important;
	transition: all 0.3s ease;
	font-size: 0.8rem;
	border-radius: 5px !important;
}
.wc-block-components-checkout-place-order-button:hover {
	background-color: #4599a8 !important;
}
.content .wp-block-woocommerce-checkout {
	box-sizing: border-box;
}
.woocommerce-table__product-name.product-name a {
	color: var(--hcs-primary-color);
}

.wc-block-checkout__actions_row button.wc-block-components-checkout-place-order-button {
	width: 100% !important;
}

/* ---------------- Order Received page ---------------- */
.woocommerce-order .woocommerce-thankyou-order-details.order_details {
	padding-left: 0px;
}
.woocommerce-order .woocommerce-thankyou-order-details.order_details li {
	margin-top: 5px;
}
table.woocommerce-table--order-details.shop_table.order_details {
	font-size: 0.7rem;
}


@media ( min-width: 782px ) {
	
	.product .flex-column-layout {
		flex-direction: row;
		gap: 20px;
	}
	.product-description p {
		margin-top: 0px;
		text-align: right;
	}

	ul.products li {
		float: left !important;
		width: 30.75% !important;
	}

	.images-container {
		flex: 0 0 75%;
		position: relative;
		height: 80vh;
		width: auto;
	}
	.single-image-container {
		position: absolute;
		--randScale: 1;
		transform: scale(var(--randScale));
		max-width: 200px;
		margin-bottom: 0px;
	}
	.info-container {
		flex: 1;
		margin-bottom: 0rem;
	}

	.quanitity-text {
		text-align: right;
	}

	.woocommerce div.product form.cart div.quantity {
		float: none;
		display: block;
		width: 100%;
		margin: 0px;
	}
	.woocommerce .cart .quantity input.qty {
		text-align: right;
	}
	.single-image-container.active-container {
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%,-50%) scale(1.2);
	}
	.header-inner-container {
		flex-direction: row;
		align-items: center;
	}
	.wc-block-checkout__actions_row button.wc-block-components-checkout-place-order-button {
		width: 50% !important;
	}
	table.woocommerce-table--order-details.shop_table.order_details {
		font-size: inherit;
	}

}