/*
Theme Name: Luchiana-Childd
Theme URI: https://parkofideas.com/luchiana/
Text Domain: luchiana-child
Description: Cosmetics and Beauty Shop Theme
License: GNU General Public License v2.0 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.2
Template: luchiana
Author: parkofideas.com
Author URI: https://parkofideas.com
Tags: right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, theme-options, translation-ready
*/


/* =Theme customization starts here
-------------------------------------------------------------- */
/* 2 columns on desktop product archives */
@media (min-width: 620px) {
	.c-product-grid__wrap--2-per-row {
		margin: -17.5px -20px !important;
	}

	.c-product-grid__item--2-per-row {
		width: calc(50% - 20px) !important;
		margin: 17.5px 10px !important;
	}

	.elementor-section-full_width .elementor-shortcode .c-product-grid__wrap--2-per-row,
	.e-con-full .elementor-shortcode .c-product-grid__wrap--2-per-row {
		margin-left: -10px !important;
		margin-right: -10px !important;
	}
}

@media (min-width: 1190px) {
	.c-product-grid__item--2-per-row {
		width: calc(50% - 30px) !important;
		margin: 15px !important;
	}
}

/* Move "Add to cart" button to the bottom of the product card for 2-per-row on mobile and desktop */
.c-product-grid__item--2-per-row .c-product-grid__atc,
.c-product-grid__item--2-per-row-btn .c-product-grid__atc {
	top: unset !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 40px !important;
	transform: none !important;
	opacity: 1 !important;
	visibility: visible !important;
	position: absolute !important;
	background-color: #fff !important;
	color: #000 !important;
	border: 1px solid #ccc !important;
	border-radius: 5px !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	transition: all 0.5s ease !important;
}

.c-product-grid__item--2-per-row .c-product-grid__atc:hover,
.c-product-grid__item--2-per-row-btn .c-product-grid__atc:hover {
	background-color: #000 !important;
	color: #fff !important;
}

.c-product-grid__item--2-per-row .c-product-grid__atc-icon,
.c-product-grid__item--2-per-row-btn .c-product-grid__atc-icon {
	display: inline-block !important;
	margin-right: 5px !important;
}

.c-product-grid__item--2-per-row .c-product-grid__atc-text,
.c-product-grid__item--2-per-row-btn .c-product-grid__atc-text {
	display: inline-block !important;
}

/* Ensure space for the button at the bottom of the entire card */
.c-product-grid__item--2-per-row,
.c-product-grid__item--2-per-row-btn {
	padding-bottom: 50px !important;
	position: relative !important;
}

/* Reset image thumb wrap padding */
.c-product-grid__item--2-per-row .c-product-grid__thumb-wrap,
.c-product-grid__item--2-per-row-btn .c-product-grid__thumb-wrap {
	padding-bottom: var(--image-grid-prop) !important;
}


/* Force single column on mobile */
@media (max-width: 619px) {

	.c-product-grid__item--2-per-row,
	.c-product-grid__item--2-per-row-btn {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100% !important;
	}

	.c-product-grid__wrap--2-per-row,
	.c-product-grid__wrap--2-per-row-btn {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	/* Ensure Add to Cart button is full width */
	.c-product-grid__item--2-per-row .c-product-grid__atc,
	.c-product-grid__item--2-per-row-btn .c-product-grid__atc {
		width: 100% !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		position: absolute !important;
		box-sizing: border-box !important;
	}

	.c-product-grid__item--2-per-row .c-product-grid__atc-icon.ip-plus,
	.c-product-grid__item--2-per-row-btn .c-product-grid__atc-icon.ip-plus {
		margin-right: 5px !important;
	}
}

.c-product-grid__details {
	border-radius: 0 0 5px 5px !important;
}