/* =========================================================
   LIVO PRODUKTŲ KORTELĖS IR WISHLIST

   Šis failas valdo tik:
   - WooCommerce produktų tinklelius;
   - produkto kortelę;
   - kortelėje esančią širdelę;
   - wishlist puslapio bazinį vaizdą.

   Archyvo filtrai ir toolbar yra shop.css faile.

   1. Produktų tinklelis
   2. Kortelės pagrindas
   3. Nuotraukos zona
   4. Ženkliukai
   5. Wishlist mygtukas
   6. Kortelės turinys
   7. Reitingas, meta, kaina ir krepšelis
   8. Wishlist puslapis
   9. Responsive

   ========================================================= */


/* =========================================================
   1. PRODUKTŲ TINKLELIS
   PRADŽIA
   ========================================================= */

.woocommerce ul.products,
.woocommerce-page ul.products,
ul.products {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: stretch;
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after,
ul.products::before,
ul.products::after {
	display: none !important;
	content: none !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
ul.products li.product {
	width: auto !important;
	max-width: none !important;
	min-width: 0;
	height: 100%;
	float: none !important;
	clear: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* =========================================================
   1. PRODUKTŲ TINKLELIS
   PABAIGA
   ========================================================= */


/* =========================================================
   2. KORTELĖS PAGRINDAS
   PRADŽIA
   ========================================================= */

.livo-product-card {
	width: 100%;
	min-width: 0;
	height: 100%;
}

.livo-product-card__inner {
	width: 100%;
	min-width: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--livo-border);
	border-radius: var(--livo-radius-md);
	background: #fff;
	box-shadow: var(--livo-shadow-xs);
	transition:
		border-color 200ms ease,
		box-shadow 200ms ease,
		transform 200ms ease;
}

.livo-product-card:hover .livo-product-card__inner {
	border-color: #cfd6de;
	box-shadow: var(--livo-shadow-sm);
	transform: translateY(-2px);
}

/* =========================================================
   2. KORTELĖS PAGRINDAS
   PABAIGA
   ========================================================= */


/* =========================================================
   3. NUOTRAUKOS ZONA
   PRADŽIA
   ========================================================= */

.livo-product-card__media {
	position: relative;
	width: 100%;
	height: 220px;
	flex: 0 0 220px;
	display: grid;
	place-items: center;
	overflow: hidden;
	background: #fff;
}

.livo-product-card__media .woocommerce-LoopProduct-link.woocommerce-loop-product__link,
.livo-product-card__media .woocommerce-loop-product__link {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 28px 18px 12px;
}

.livo-product-card__media .woocommerce-loop-product__link img,
.livo-product-card__media img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 178px;
	display: block;
	margin: 0 auto !important;
	object-fit: contain;
	object-position: center;
	transition: transform 220ms ease;
}

.livo-product-card:hover .livo-product-card__media .woocommerce-loop-product__link img {
	transform: scale(1.035);
}

/* =========================================================
   3. NUOTRAUKOS ZONA
   PABAIGA
   ========================================================= */


/* =========================================================
   4. ŽENKLIUKAI
   PRADŽIA
   ========================================================= */

.livo-product-badges {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 4;
	display: grid;
	gap: 5px;
}

.livo-badge {
	min-height: 26px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 9px;
	border-radius: var(--livo-radius-pill);
	color: #fff;
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
}

.livo-badge--new {
	background: var(--livo-orange);
}

.livo-badge--sale {
	background: var(--livo-navy);
}

/* =========================================================
   4. ŽENKLIUKAI
   PABAIGA
   ========================================================= */


/* =========================================================
   5. WISHLIST MYGTUKAS
   PRADŽIA
   ========================================================= */

.livo-wishlist-button {
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
}

.livo-product-card__media .livo-wishlist-button,
.livo-product-card__media .livo-core-wishlist-button {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: auto;
	left: auto;
	z-index: 5;

	width: 38px;
	height: 38px;
	min-width: 38px;
	min-height: 38px;

	display: grid !important;
	place-items: center;

	margin: 0 !important;
	padding: 0 !important;

	border: 1px solid var(--livo-border);
	border-radius: 50%;

	background: rgb(255 255 255 / 94%);
	color: var(--livo-ink);
	box-shadow: var(--livo-shadow-xs);
	text-decoration: none;

	transition:
		border-color 160ms ease,
		background-color 160ms ease,
		color 160ms ease,
		transform 160ms ease,
		opacity 160ms ease;
}

.livo-product-card__media .livo-core-wishlist {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 5;
	width: 38px;
	height: 38px;
	margin: 0 !important;
}

.livo-wishlist-button:hover,
.livo-wishlist-button.is-active,
.livo-wishlist-button[aria-pressed="true"],
.livo-product-card__media .livo-core-wishlist-button:hover,
.livo-product-card__media .livo-core-wishlist-button.is-active {
	border-color: #f1b4bd;
	background: #fff;
	color: var(--livo-danger);
}

.livo-wishlist-button.is-active svg,
.livo-wishlist-button[aria-pressed="true"] svg {
	fill: currentColor;
}

.livo-wishlist-button:active,
.livo-product-card__media .livo-core-wishlist-button:active {
	transform: scale(0.96);
}

.livo-wishlist-button.is-loading {
	pointer-events: none;
	opacity: 0.65;
}

.livo-wishlist-button .livo-icon,
.livo-product-card__media .livo-core-wishlist-button .livo-icon,
.livo-wishlist-button svg,
.livo-product-card__media .livo-core-wishlist-button svg {
	width: 18px;
	height: 18px;
	display: block;
	margin: 0;
}

/* =========================================================
   5. WISHLIST MYGTUKAS
   PABAIGA
   ========================================================= */


/* =========================================================
   6. KORTELĖS TURINYS
   PRADŽIA
   ========================================================= */

.livo-product-card__body {
	min-width: 0;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	padding: 14px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.livo-product-card .woocommerce-loop-product__title {
	min-height: 45px;
	display: -webkit-box;
	margin: 0 0 9px;
	overflow: hidden;
	color: var(--livo-ink);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.42;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title a,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title a,
.livo-product-card .woocommerce-loop-product__title a {
	color: inherit;
	text-decoration: none;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title a:hover,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title a:hover,
.livo-product-card .woocommerce-loop-product__title a:hover {
	color: var(--livo-orange);
}

/* =========================================================
   6. KORTELĖS TURINYS
   PABAIGA
   ========================================================= */


/* =========================================================
   7. REITINGAS, META, KAINA IR KREPŠELIS
   PRADŽIA
   ========================================================= */

.livo-card-rating {
	display: flex;
	align-items: center;
	gap: 6px;
	min-height: 18px;
	margin-bottom: 9px;
	color: var(--livo-muted);
	font-size: 11px;
}

.livo-card-rating .star-rating {
	float: none;
	margin: 0;
	color: var(--livo-orange);
}

.livo-card-meta {
	display: grid;
	grid-template-columns: 1fr;
	gap: 5px;
	margin-top: auto;
	color: var(--livo-muted);
	font-size: 11px;
	line-height: 1.25;
}

.livo-card-meta > span {
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 6px;
}

.livo-card-meta .livo-icon {
	width: 15px;
	height: 15px;
	flex: 0 0 15px;
	color: var(--livo-orange);
}

.livo-card-meta .is-good {
	color: var(--livo-success);
}

.livo-card-meta .is-low,
.livo-card-meta .is-out {
	color: var(--livo-danger);
}

.livo-product-card__footer {
	min-height: 46px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 42px;
	align-items: center;
	gap: 10px;
	margin-top: 14px;
}

.livo-card-price {
	min-width: 0;
	color: var(--livo-ink);
	font-size: 19px;
	font-weight: 800;
	line-height: 1.15;
	white-space: nowrap;
}

.livo-card-price .price {
	white-space: nowrap;
}

.livo-card-price del {
	display: block;
	margin-bottom: 2px;
	color: var(--livo-subtle);
	font-size: 0.66em;
	font-weight: 600;
	opacity: 1;
}

.livo-card-price ins {
	text-decoration: none;
}

.livo-card-cart,
.livo-card-cart .button,
.livo-card-cart a.button {
	width: 42px;
	height: 42px;
	min-width: 42px;
	min-height: 42px;
}

.livo-card-cart .button,
.livo-card-cart a.button {
	position: relative;
	display: grid !important;
	place-items: center;
	overflow: hidden;
	padding: 0 !important;
	border: 1px solid var(--livo-orange) !important;
	border-radius: var(--livo-radius-sm) !important;
	background: var(--livo-orange) !important;
	color: #fff !important;
	font-size: 0 !important;
	line-height: 1;
	box-shadow: none !important;
}

.livo-card-cart .button:hover,
.livo-card-cart a.button:hover {
	border-color: var(--livo-orange-hover) !important;
	background: var(--livo-orange-hover) !important;
	color: #fff !important;
}

.livo-card-cart .button::before,
.livo-card-cart a.button::before {
	content: "";
	width: 18px;
	height: 18px;
	display: block;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm10 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2ZM7.2 14.5h8.9c.75 0 1.41-.41 1.75-1.03L21.5 6.7a.9.9 0 0 0-.79-1.32H6.21L5.6 2.8A1 1 0 0 0 4.63 2H2.8a.9.9 0 0 0 0 1.8h1.12l2.55 10.73A2.25 2.25 0 0 0 8.66 16.25H18a.9.9 0 1 0 0-1.8H8.66a.45.45 0 0 1-.44-.34l-.12-.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm10 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2ZM7.2 14.5h8.9c.75 0 1.41-.41 1.75-1.03L21.5 6.7a.9.9 0 0 0-.79-1.32H6.21L5.6 2.8A1 1 0 0 0 4.63 2H2.8a.9.9 0 0 0 0 1.8h1.12l2.55 10.73A2.25 2.25 0 0 0 8.66 16.25H18a.9.9 0 1 0 0-1.8H8.66a.45.45 0 0 1-.44-.34l-.12-.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.livo-card-cart .button.loading::before {
	width: 18px;
	height: 18px;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	background: none;
	-webkit-mask: none;
	mask: none;
	animation: livo-card-button-spin 700ms linear infinite;
}

.livo-card-cart .button.loading::after,
.livo-card-cart .added_to_cart {
	display: none !important;
}

@keyframes livo-card-button-spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

/* =========================================================
   7. REITINGAS, META, KAINA IR KREPŠELIS
   PABAIGA
   ========================================================= */


/* =========================================================
   8. WISHLIST PUSLAPIS
   PRADŽIA
   ========================================================= */

.livo-wishlist-page {
	width: 100%;
}

.livo-wishlist-page__header {
	margin-bottom: 28px;
}

.livo-wishlist-page__header span {
	display: inline-flex;
	margin-bottom: 8px;
	color: var(--livo-orange);
	font-size: 12px;
	font-weight: 760;
	text-transform: uppercase;
	letter-spacing: 0.055em;
}

.livo-wishlist-page__header h1 {
	margin: 0 0 10px;
	color: var(--livo-ink);
	font-size: clamp(30px, 3vw, 44px);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.035em;
}

.livo-wishlist-page__header p {
	max-width: 680px;
	margin: 0;
	color: var(--livo-muted);
	font-size: 15px;
	line-height: 1.6;
}

.livo-wishlist-empty {
	padding: clamp(32px, 5vw, 58px);
	border: 1px solid var(--livo-border);
	border-radius: var(--livo-radius-lg);
	background: #fff;
	box-shadow: var(--livo-shadow-xs);
	text-align: center;
}

.livo-wishlist-empty h2 {
	margin: 0 0 10px;
	color: var(--livo-ink);
	font-size: clamp(24px, 2.4vw, 32px);
	font-weight: 760;
	line-height: 1.2;
}

.livo-wishlist-empty p {
	max-width: 560px;
	margin: 0 auto 22px;
	color: var(--livo-muted);
	font-size: 14px;
	line-height: 1.65;
}

.livo-wishlist-empty .button {
	min-height: 46px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
	border: 1px solid var(--livo-orange);
	border-radius: var(--livo-radius-sm);
	background: var(--livo-orange);
	color: #fff;
	font-size: 14px;
	font-weight: 740;
	text-decoration: none;
}

.livo-wishlist-empty .button:hover {
	border-color: var(--livo-orange-hover);
	background: var(--livo-orange-hover);
	color: #fff;
}

/* =========================================================
   8. WISHLIST PUSLAPIS
   PABAIGA
   ========================================================= */


/* =========================================================
   9. RESPONSIVE
   PRADŽIA
   ========================================================= */

@media (max-width: 1250px) {
	.woocommerce ul.products,
	.woocommerce-page ul.products,
	ul.products {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 980px) {
	.woocommerce ul.products,
	.woocommerce-page ul.products,
	ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}
}

@media (max-width: 767px) {
	.woocommerce ul.products,
	.woocommerce-page ul.products,
	.woocommerce ul.products.columns-2,
	.woocommerce ul.products.columns-3,
	.woocommerce ul.products.columns-4,
	.woocommerce ul.products.columns-5,
	.woocommerce ul.products.columns-6,
	.woocommerce-page ul.products.columns-2,
	.woocommerce-page ul.products.columns-3,
	.woocommerce-page ul.products.columns-4,
	.woocommerce-page ul.products.columns-5,
	.woocommerce-page ul.products.columns-6,
	ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px;
	}

	.livo-product-card__inner {
		border-radius: 9px;
	}

	.livo-product-card__media {
		height: 150px;
		flex-basis: 150px;
	}

	.livo-product-card__media .woocommerce-LoopProduct-link.woocommerce-loop-product__link,
	.livo-product-card__media .woocommerce-loop-product__link {
		padding: 30px 12px 10px;
	}

	.livo-product-card__media .woocommerce-loop-product__link img,
	.livo-product-card__media img {
		max-height: 108px;
	}

	.livo-product-badges {
		top: 9px;
		left: 9px;
		gap: 4px;
	}

	.livo-badge {
		min-height: 24px;
		padding: 4px 7px;
		font-size: 9px;
	}

	.livo-product-card__media .livo-wishlist-button,
	.livo-product-card__media .livo-core-wishlist-button {
		top: 8px;
		right: 8px;
		width: 34px;
		height: 34px;
		min-width: 34px;
		min-height: 34px;
	}

	.livo-product-card__media .livo-core-wishlist {
		top: 8px;
		right: 8px;
		width: 34px;
		height: 34px;
	}

	.livo-wishlist-button .livo-icon,
	.livo-product-card__media .livo-core-wishlist-button .livo-icon,
	.livo-wishlist-button svg,
	.livo-product-card__media .livo-core-wishlist-button svg {
		width: 16px;
		height: 16px;
	}

	.livo-product-card__body {
		padding: 11px;
	}

	.woocommerce ul.products li.product .woocommerce-loop-product__title,
	.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
	.livo-product-card .woocommerce-loop-product__title {
		min-height: 57px;
		margin-bottom: 7px;
		font-size: 13px;
		-webkit-line-clamp: 3;
	}

	.livo-card-rating {
		display: none;
	}

	.livo-card-meta {
		gap: 4px;
		font-size: 10px;
	}

	.livo-product-card__footer {
		min-height: 46px;
		grid-template-columns: minmax(0, 1fr) 38px;
		gap: 7px;
		margin-top: 9px;
	}

	.livo-card-price {
		font-size: 17px;
	}

	.livo-card-cart,
	.livo-card-cart .button,
	.livo-card-cart a.button {
		width: 38px;
		height: 38px;
		min-width: 38px;
		min-height: 38px;
	}

	.livo-card-cart .button::before,
	.livo-card-cart a.button::before {
		width: 16px;
		height: 16px;
	}

	.livo-wishlist-page__header {
		margin-bottom: 22px;
	}

	.livo-wishlist-empty {
		padding: 28px 18px;
		border-radius: var(--livo-radius-md);
	}
}

@media (max-width: 370px) {
	.woocommerce ul.products,
	.woocommerce-page ul.products,
	ul.products {
		grid-template-columns: 1fr !important;
		gap: 14px;
	}

	.livo-product-card__media {
		height: 185px;
		flex-basis: 185px;
	}

	.livo-product-card__media .woocommerce-loop-product__link img,
	.livo-product-card__media img {
		max-height: 145px;
	}

	.woocommerce ul.products li.product .woocommerce-loop-product__title,
	.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
	.livo-product-card .woocommerce-loop-product__title {
		min-height: auto;
		font-size: 15px;
		-webkit-line-clamp: 2;
	}

	.livo-card-meta {
		display: flex;
		flex-wrap: wrap;
		gap: 7px 12px;
		font-size: 11px;
	}

	.livo-card-price {
		font-size: 19px;
	}
}

/* =========================================================
   9. RESPONSIVE
   PABAIGA
   ========================================================= */


/* =========================================================
   LIVO PRODUKTŲ KORTELĖS IR WISHLIST
   FAILO PABAIGA
   ========================================================= */

/* =========================================================
   1.3.2 PRODUKTŲ KORTELĖS POLISH
   PRADŽIA
   ========================================================= */

@media (min-width: 1500px) {
	.woocommerce-shop ul.products,
	.post-type-archive-product ul.products,
	.tax-product_cat ul.products,
	.tax-product_tag ul.products {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		gap: 18px;
	}
}

@media (min-width: 1180px) and (max-width: 1499px) {
	.woocommerce-shop ul.products,
	.post-type-archive-product ul.products,
	.tax-product_cat ul.products,
	.tax-product_tag ul.products {
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 18px;
	}
}

.livo-product-card__inner {
	border-color: #e2e6eb;
	box-shadow: 0 3px 12px rgb(16 28 43 / 4%);
}

.livo-product-card:hover .livo-product-card__inner {
	transform: none;
	border-color: #cfd6de;
	box-shadow: 0 8px 22px rgb(16 28 43 / 8%);
}

.livo-product-card__media {
	height: 188px;
	flex-basis: 188px;
	border-bottom: 1px solid #f0f2f4;
}

.livo-product-card__media .woocommerce-loop-product__link img,
.livo-product-card__media img {
	max-height: 148px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.livo-product-card .woocommerce-loop-product__title {
	min-height: auto;
	display: block;
	margin-bottom: 9px;
	font-size: 14px;
	font-weight: 620;
	line-height: 1.38;
	letter-spacing: -0.005em;
	-webkit-line-clamp: unset;
}

.livo-card-meta {
	margin-top: 2px;
	gap: 7px 12px;
	font-size: 11px;
}

.livo-card-meta .livo-icon {
	width: 16px;
	height: 16px;
	flex-basis: 16px;
}

.livo-card-rating .star-rating,
.livo-product-card .star-rating {
	color: var(--livo-orange) !important;
}

.livo-card-price {
	font-size: 18px;
	font-weight: 760;
}

.livo-card-cart .button::before,
.livo-card-cart a.button::before {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
	.livo-product-card__media {
		height: 142px;
		flex-basis: 142px;
	}

	.livo-product-card__media .woocommerce-loop-product__link img,
	.livo-product-card__media img {
		max-height: 105px;
	}

	.woocommerce ul.products li.product .woocommerce-loop-product__title,
	.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
	.livo-product-card .woocommerce-loop-product__title {
		font-size: 13px;
		line-height: 1.35;
	}

	.livo-card-price {
		font-size: 16px;
	}
}

/* =========================================================
   1.3.2 PRODUKTŲ KORTELĖS POLISH
   PABAIGA
   ========================================================= */

/* =========================================================
   10. ARCHYVO ATRIBUTAI PRODUKTO KORTELĖJE
   PRADŽIA
   ========================================================= */

.livo-card-attrs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px 10px;
	margin: 0 0 8px;
	color: var(--livo-muted);
	font-size: 11px;
	line-height: 1.35;
}

.livo-card-attr {
	min-width: 0;
	display: inline-flex;
	align-items: baseline;
	gap: 3px;
	max-width: 100%;
}

.livo-card-attr__label {
	color: var(--livo-subtle);
	font-weight: 450;
	white-space: nowrap;
}

.livo-card-attr__value {
	min-width: 0;
	max-width: 132px;
	overflow: hidden;
	color: var(--livo-navy);
	font-weight: 500;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* =========================================================
   10. ARCHYVO ATRIBUTAI PRODUKTO KORTELĖJE
   PABAIGA
   ========================================================= */