/* Item product */

.all-product .item-product {
	padding    : 1.5em;
	position   : relative;
	max-height : 400px !important;
	width      : fit-content;
}

.products-slide__slider .item-product {
	width : fit-content;
}

.product-item {
	display         : flex;
	justify-content : center;
}

.item-product__image-fastshop {
	display : none;
}

.add_to_cart_button {
	cursor : pointer;
}

.item-product__link {
	top                 : 0;
	left                : 0;
	width               : 100%;
	height              : 100%;
	position            : absolute;
	-webkit-user-select : none;
}

.item-product__image {
	height              : 225px;
	width               : 225px;
	margin              : 0;
	align-self          : start;
	text-align          : center;
	position            : relative;
	overflow            : hidden;
	background-color    : #f8f5ec60;
	border-radius       : 10px;
	-webkit-user-select : none;
}

.item-product__image img {
	width           : 100%;
	height          : 100%;
	object-fit      : cover;
	mix-blend-mode  : darken;
	display         : flex;
	align-items     : center;
	justify-content : center;
}

.item-product__categories {
	display             : flex;
	gap                 : 5px;
	flex-direction      : row;
	position            : absolute;
	top                 : -1em;
	left                : 1em;
	z-index             : 10;
	-webkit-user-select : none;
}

.item-product__categories__item {
	padding          : 0.25em 1em;
	background-color : white;
	color            : var(--e-global-color-text);
	border           : 1px solid lightgray;
	border-radius    : 5px;
	font-size        : 16px;
}

.item-product__infos {
	display             : flex;
	padding-top         : 1.5em;
	flex-direction      : column;
	-webkit-user-select : none;
}

.item-product__infos-title h2 {
	margin             : 0 !important;
	color              : var(--e-global-color-text);
	font-family        : var(--e-global-typography-primary-font-family), Sans-serif;
	font-size          : 18px;
	font-style         : normal;
	font-weight        : 700;
	line-height        : normal;

	--line-clamp       : 1;
	overflow           : hidden;
	display            : -webkit-box;
	-webkit-box-orient : vertical;
	-webkit-line-clamp : var(--line-clamp);
}

.item-product__infos-footer {
	z-index         : 10;
	display         : flex;
	position        : relative;
	align-items     : center;
	justify-content : space-between;
}

.item-product__infos-footer-price {
	gap         : 0.5em;
	display     : flex;
	font-weight : 400;
	font-size   : 18px;
	align-items : center;
	font-style  : normal;
	line-height : normal;
	color       : var(--e-global-color-text);
	font-family : var(--e-global-typography-primary-font-family), Sans-serif;
}

.item-product__infos-footer-price small {
	font-weight : 400;
	font-size   : 18px;
	align-items : center;
	color       : gray;
	font-family : var(--e-global-typography-primary-font-family), Sans-serif;
}

.item-product__infos-footer-price--old {
	font-weight     : 400;
	font-size       : 18px;
	align-items     : center;
	color           : darkred;
	text-decoration : line-through;
	font-family     : var(--e-global-typography-primary-font-family), Sans-serif;
}

.item-product__infos-footer-cart {
	gap              : 0.5em;
	display          : flex;
	flex-wrap        : nowrap;
	align-items      : center;
	justify-content  : flex-end;
	flex-direction   : row-reverse;
	background-color : #f9f5ee;
	border-radius    : 5px;
}


.item-product__infos-footer-cart a.added_to_cart {
	font-size   : 0.9rem;
	font-weight : 400;
	color       : var(--e-global-color-accent) !important;
}

.item-product__infos-footer-cart a.btn-add-product {
	width           : 44px;
	z-index         : 20;
	height          : 44px;
	display         : flex;
	position        : relative;
	border-radius   : 50%;
	align-items     : center;
	justify-content : center;
}

.item-product__infos-footer-cart a.btn-add-product--out {
	opacity          : 0.2;
	background-color : var(--e-global-color-accent);
}

.item-product__infos-footer-cart a img {
	height    : auto;
	max-width : 20px;
}

.mix.item-product {
	padding : unset;
}

.item-product__image img {
	transition : opacity 0.4s ease;
}

.item-product__image-hover {
	position   : absolute;
	inset      : 0;
	width      : 100%;
	height     : 100%;
	object-fit : cover;
	opacity    : 0;
	z-index    : 1;
	transition : opacity 0.4s ease;
}

.item-product:hover .item-product__image img:first-child {
	opacity : 0;
}

.item-product:hover .item-product__image-hover {
	opacity : 1;
}

.item-product--revendeur {
	outline        : 2px solid #e07b00;
	outline-offset : 2px;
	border-radius  : 12px;
}

.item-product__revendeur-badge {
	position        : absolute;
	bottom          : 10px;
	left            : 50%;
	transform       : translateX(-50%);
	z-index         : 10;
	background      : #e07b00;
	color           : #fff;
	font-size       : 10px;
	font-weight     : 700;
	letter-spacing  : 0.08em;
	text-transform  : uppercase;
	padding         : 3px 10px;
	border-radius   : 4px;
	white-space     : nowrap;
	pointer-events  : none;
}

/*RESPONSIVE*/

/*phone*/
@media (max-width : 619px) {

	.item-product__infos-summary {
		height : 200px;
		width  : 200px;
	}

	.item-product__image {
		height : auto;
		width  : auto;
	}


	.all-product .item-product__infos-title h2,
	.all-product .item-product__infos-summary {
		font-size : calc(12px + (15 - 12) * ((100vw - 320px) / (1920 - 320)));
	}
}

@media (min-width : 620px) and (max-width : 909px) {
	.item-product__image {
		height : 200px;
		width  : 200px;
	}
}

@media (min-width : 910px) and (max-width : 1449px) {

	.item-product__image {
		height : 200px;
		width  : 200px;
	}

	.item-product__infos-title h2 {
		font-size   : 1.2rem;
		line-height : 1.325rem;
	}

	.item-product__infos-summary {
		font-size   : 0.80625rem;
		line-height : 1.3125rem;
	}

	.item-product__infos-footer-cart a {
		width  : 40px;
		height : 40px;
	}

	.item-product__infos-footer-cart a img {
		max-width : 16px;
	}

}

/*laptop 2*/
@media (min-width : 1450px) and (max-width : 1700px) {

	.item-product__image {
		height : 225px;
		width  : 225px;
	}

	.item-product__infos-title h2 {
		font-size   : 1.3rem;
		line-height : 1.525rem;
	}

}