/* Card de produs: magazin, similare, văzute recent și caruselele de produse. */

.digitalease-card.c-product-grid__item {
	box-sizing: border-box;
	padding-bottom: 0 !important;
	background: var(--digitalease-white);
	border: 1px solid var(--digitalease-line);
	border-radius: 16px;
	box-shadow: 0 1px 2px rgba(16, 16, 16, 0.04);
}

.digitalease-card .c-product-grid__thumb-wrap {
	order: 1;
	margin: 8px 8px 0;
	border-radius: 12px;
	background: var(--digitalease-white);
	/* Procentul părintelui e din lățimea cardului, nu a pozei, și o face mai înaltă. Cover taie lateralele. */
	aspect-ratio: calc(1 / var(--image-grid-prop-k));
	height: auto;
	padding-bottom: 0 !important;
	overflow: hidden;
}

.digitalease-card.c-product-grid__item--normal .c-product-grid__thumb {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.digitalease-card .c-product-grid__details {
	order: 2;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	min-width: 0;
	max-width: 100%;
	margin-top: 0;
	padding: 12px 14px 0 !important;
	background: transparent;
	text-align: left;
}

.digitalease-card .c-product-grid__title-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start !important;
	width: 100%;
	text-align: left !important;
}

.digitalease-card__brand {
	margin: 0 0 4px !important;
	font-family: var(--font-text), sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--digitalease-action);
}

.digitalease-card__brand-sep {
	margin: 0 0.4em;
}

.digitalease-card .woocommerce-loop-product__title {
	margin: 0 !important;
	padding: 0 !important;
	font-family: var(--font-text), sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	letter-spacing: 0 !important;
	text-align: left !important;
	text-transform: none !important;
	color: var(--digitalease-ink);
}

.digitalease-card__rating {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 8px;
}

.digitalease-card__stars {
	display: inline-flex;
	align-items: center;
	gap: 1px;
	line-height: 0;
}

.digitalease-card__stars svg {
	display: block;
	flex: 0 0 auto;
}

.digitalease-card__score {
	font-family: var(--font-text), sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	color: var(--digitalease-muted);
}

.digitalease-card .c-product-grid__price-wrap {
	margin-top: auto !important;
	padding-top: 10px;
	text-align: left !important;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0 !important;
}

.digitalease-card .price {
	display: flex !important;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0 6px;
	justify-content: flex-start;
	margin: 0 !important;
	color: var(--digitalease-ink);
	font-weight: 700;
	letter-spacing: 0;
}

.digitalease-card__from {
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	color: var(--digitalease-muted);
}

.digitalease-card .c-product-grid__atc,
.digitalease-card a.added_to_cart,
.digitalease-card.c-product-grid__item--always .c-product-grid__atc,
.digitalease-card.c-product-grid__item--always:not(:hover) .c-product-grid__atc,
.digitalease-card.c-product-grid__item--normal .c-product-grid__atc,
.digitalease-card.c-product-grid__item--2-per-row-btn .c-product-grid__atc {
	order: 3;
	position: static !important;
	transform: none !important;
	inset: auto !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	width: auto !important;
	height: auto !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	align-self: stretch;
	box-sizing: border-box !important;
	min-width: 0;
	max-width: calc(100% - 10px);
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px;
	overflow: visible !important;
	margin: 12px 5px 5px !important;
	padding: 11px 14px !important;
	border: 1px solid var(--digitalease-action) !important;
	border-radius: 999px !important;
	background: var(--digitalease-action) !important;
	color: var(--digitalease-white) !important;
	font-family: var(--font-text), sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-indent: 0 !important;
	text-align: center !important;
	text-decoration: none !important;
	box-shadow: none !important;
	white-space: normal !important;
}

.digitalease-card a.added_to_cart {
	order: 4;
}

.digitalease-card .c-product-grid__atc:hover,
.digitalease-card a.added_to_cart:hover {
	background: var(--digitalease-action-hover) !important;
	color: var(--digitalease-white) !important;
	border-color: var(--digitalease-action-hover) !important;
}

.digitalease-card.outofstock .c-product-grid__atc,
.digitalease-card.outofstock.c-product-grid__item--always .c-product-grid__atc,
.digitalease-card.outofstock.c-product-grid__item--always:not(:hover) .c-product-grid__atc,
.digitalease-card.outofstock.c-product-grid__item--normal .c-product-grid__atc,
.digitalease-card.outofstock.c-product-grid__item--2-per-row-btn .c-product-grid__atc {
	background: var(--digitalease-white) !important;
	color: var(--digitalease-action) !important;
	border-color: var(--digitalease-action) !important;
}

.digitalease-card.outofstock .c-product-grid__atc:hover {
	background: var(--digitalease-paper) !important;
	color: var(--digitalease-action-hover) !important;
	border-color: var(--digitalease-action-hover) !important;
}

.digitalease-card .c-product-grid__atc:focus-visible,
.digitalease-card a.added_to_cart:focus-visible {
	outline: 2px solid var(--digitalease-ink);
	outline-offset: 2px;
}

.digitalease-card .c-product-grid__atc-text {
	display: block;
	flex: 0 1 auto;
	width: auto;
	min-width: 0;
	max-width: 100%;
	white-space: normal !important;
	overflow-wrap: break-word;
	text-align: center;
}

.digitalease-card .c-product-grid__atc-icon {
	display: none !important;
}

.digitalease-card .c-product-grid__atc .digitalease-atc__icon {
	display: block !important;
	flex: 0 0 auto;
	align-self: center;
	width: 13px;
	height: 13px;
	overflow: visible;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.digitalease-card .c-product-grid__atc .digitalease-atc__icon path {
	fill: none;
	stroke: currentColor;
	stroke-width: 1.5;
}

/* Catalogul pe desktop: textul și iconița de coș sunt mai mari. Sub 1190 rămân 14 px și 13 px. */

@media (min-width: 1190px) {
	body.digitalease-catalog .digitalease-card .c-product-grid__atc,
	body.digitalease-catalog .digitalease-card a.added_to_cart,
	body.digitalease-catalog .digitalease-card.c-product-grid__item--always .c-product-grid__atc,
	body.digitalease-catalog .digitalease-card.c-product-grid__item--always:not(:hover) .c-product-grid__atc,
	body.digitalease-catalog .digitalease-card.c-product-grid__item--normal .c-product-grid__atc,
	body.digitalease-catalog .digitalease-card.c-product-grid__item--2-per-row-btn .c-product-grid__atc {
		font-size: 17px !important;
	}

	body.digitalease-catalog .digitalease-card .c-product-grid__atc .digitalease-atc__icon {
		width: 16px;
		height: 16px;
	}
}

body.digitalease-store .digitalease-card .c-badge {
	border-radius: 999px;
	padding: 5px 8px;
	background-color: var(--digitalease-action);
	color: var(--digitalease-white);
	font-family: var(--font-text), sans-serif;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: none;
}

body.digitalease-store .digitalease-card .c-badge--featured {
	background-color: var(--digitalease-ink);
}

/* Fără stoc: poza din chenar e transparentă. Pastila stă deasupra, opacă. */

.digitalease-card.outofstock .c-product-grid__thumb-wrap {
	background: transparent;
}

.digitalease-card.outofstock .c-product-grid__thumb-wrap > a {
	opacity: 0.45;
}

.digitalease-card .c-product-grid__stock-wrap {
	display: none !important;
}

.digitalease-card .digitalease-card__stock {
	position: absolute;
	z-index: 3;
	top: 10px;
	left: 10px;
	display: inline-flex;
	align-items: center;
	max-width: calc(100% - 20px);
	margin: 0;
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--digitalease-line);
	color: var(--digitalease-muted);
	font-family: var(--font-text), sans-serif;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: none;
	pointer-events: none;
}

body.digitalease-store .c-product__products-title {
	margin-bottom: 28px;
	color: var(--digitalease-ink);
	font-family: var(--font-header), Georgia, serif;
	font-size: 26px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: none;
}

.digitalease-card .c-product-grid__atc.added {
	display: none !important;
}

@media (max-width: 1189px) {
	.woocommerce-shop .l-section--container,
	.woocommerce.archive .l-section--container,
	.woocommerce.search .l-section--container,
	.woocommerce-shop .l-section__content--with-sidebar,
	.woocommerce.archive .l-section__content--with-sidebar,
	.woocommerce.search .l-section__content--with-sidebar,
	.woocommerce-shop .c-product-grid,
	.woocommerce.archive .c-product-grid,
	.woocommerce.search .c-product-grid,
	.woocommerce-shop .c-product-grid__wrap,
	.woocommerce.archive .c-product-grid__wrap,
	.woocommerce.search .c-product-grid__wrap {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	.digitalease-card .c-product-grid__thumb-wrap {
		aspect-ratio: auto;
		height: auto;
		padding-bottom: 0 !important;
	}

	.digitalease-card .c-product-grid__thumb-wrap > a,
	.digitalease-card .c-product-grid__thumb-wrap picture {
		display: block;
	}

	.digitalease-card .c-product-grid__thumb--hover {
		display: none !important;
	}

	.digitalease-card.c-product-grid__item--normal .c-product-grid__thumb {
		position: static !important;
		display: block;
		width: 100% !important;
		height: auto !important;
		max-height: none;
		object-fit: contain !important;
		object-position: center;
	}

	.digitalease-card .c-product-grid__details {
		padding: 10px 10px 0 !important;
	}

	.digitalease-card .woocommerce-loop-product__title {
		font-size: 13px !important;
		line-height: 1.35 !important;
	}

	.digitalease-card__brand {
		font-size: 10px;
		letter-spacing: 0.08em;
	}

	.digitalease-card .digitalease-card__stock {
		top: 8px;
		left: 8px;
		padding: 3px 8px;
		font-size: 10px;
	}

	.digitalease-card__score,
	.digitalease-card__from {
		font-size: 12px;
	}

	.digitalease-card .c-product-grid__price-wrap {
		font-size: 15px !important;
	}

	.c-product-grid > .c-product-grid__wrap--2-per-row-btn > .c-product-grid__list {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		column-gap: 10px !important;
	}

	.c-product-grid > .c-product-grid__wrap--2-per-row-btn > .c-product-grid__list > .digitalease-card.c-product-grid__item {
		box-sizing: border-box !important;
		width: auto !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.digitalease-card .c-product-grid__atc,
	.digitalease-card a.added_to_cart,
	.digitalease-card.c-product-grid__item--2-per-row-btn .c-product-grid__atc {
		width: calc(100% - 10px) !important;
		max-width: calc(100% - 10px) !important;
		min-width: 0 !important;
		margin: 12px 5px 5px !important;
		padding: 11px 8px !important;
		font-size: 14px !important;
	}

	/* Sliderul de produse similare și cel de pe coș: fără săgeți, pe toată lățimea containerului. */
	body.digitalease-store:is(.single-product, .woocommerce-cart) .c-product__products .c-product-grid__wrap {
		--digitalease-related-gap: 10px;
		container-type: inline-size;
		width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	body.digitalease-store:is(.single-product, .woocommerce-cart) .c-product__products .c-ip-woocommerce-carousel__list {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	body.digitalease-store:is(.single-product, .woocommerce-cart) .c-product__products .owl-nav {
		display: none !important;
	}

	/*
	 * Owl păstrează overflow:hidden pentru a nu expune următorul slide.
	 * Rezervăm cei 5px în care badge-ul este poziționat deasupra cardului,
	 * fără să deplasăm grila sau să deschidem overflow-ul pe orizontală.
	 */
	body.digitalease-store:is(.single-product, .woocommerce-cart) .c-product__products .owl-stage-outer {
		margin-top: -5px;
		padding-top: 5px;
	}

	/*
	 * Itemul e jumătate din container minus spațiul dintre carduri.
	 * Cei 10px îi pune Owl ca margine (product.js pe produs, cart.js pe coș), nu pe card:
	 * două carduri și un spațiu umplu lățimea, iar marginea de după
	 * ultimul card iese din overflow și nu lasă gol în dreapta.
	 */
	body.digitalease-store:is(.single-product, .woocommerce-cart) .c-product__products .owl-item {
		box-sizing: border-box !important;
		flex: 0 0 calc((100cqi - var(--digitalease-related-gap)) / 2) !important;
		width: calc((100cqi - var(--digitalease-related-gap)) / 2) !important;
		max-width: calc((100cqi - var(--digitalease-related-gap)) / 2) !important;
		min-width: 0 !important;
		padding: 0 !important;
	}

	body.digitalease-store:is(.single-product, .woocommerce-cart) .c-product__products .c-product-grid__item {
		box-sizing: border-box !important;
		flex: 1 1 auto !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
	}
}

/* Tema pune 10px sus/jos pe cardurile de 2 pe rând. 5px aliniază rândurile cu spațiul orizontal al grilei. */
@media (max-width: 619px) and (min-width: 360px) {
	.c-product-grid > .c-product-grid__wrap--2-per-row-btn {
		margin-top: -5px !important;
		margin-bottom: -5px !important;
	}

	.c-product-grid > .c-product-grid__wrap--2-per-row-btn > .c-product-grid__list > .c-product-grid__item--2-per-row-btn {
		margin: 5px 5px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

/* Desktop, doar magazinul și cardurile de pe pagina de produs. Prima pagină rămâne la 15 px. */

@media (min-width: 1190px) {
	body.digitalease-catalog .digitalease-card__brand,
	body.single-product .c-product__products .digitalease-card__brand {
		font-size: 13px;
	}

	body.digitalease-catalog .digitalease-card .woocommerce-loop-product__title,
	body.single-product .c-product__products .digitalease-card .woocommerce-loop-product__title {
		font-size: 17px !important;
	}

	body.digitalease-catalog .digitalease-card__score,
	body.digitalease-catalog .digitalease-card__from,
	body.single-product .c-product__products .digitalease-card__score,
	body.single-product .c-product__products .digitalease-card__from {
		font-size: 15px;
	}

	body.digitalease-catalog .digitalease-card .c-product-grid__price-wrap,
	body.single-product .c-product__products .digitalease-card .c-product-grid__price-wrap {
		font-size: 20px;
	}

	body.single-product .c-product__products .digitalease-card .c-product-grid__atc,
	body.single-product .c-product__products .digitalease-card a.added_to_cart {
		font-size: 17px !important;
	}

	body.digitalease-catalog .digitalease-card .c-badge,
	body.single-product .c-product__products .digitalease-card .c-badge,
	body.digitalease-catalog .digitalease-card .digitalease-card__stock,
	body.single-product .c-product__products .digitalease-card .digitalease-card__stock {
		font-size: 12px;
	}
}