/* AKILLI YEM – Akıllı Etiket */

.aye-thumb-wrap {
	position: relative;
	display: block;
}

.wc-block-components-product-image,
.wp-block-woocommerce-product-image,
.wc-block-grid__product-image {
	position: relative;
}

.aye-countdown {
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

ul.products li.product,
.single-product div.product {
	position: relative;
}

.aye-hide-flash-loop ul.products li.product span.onsale,
.aye-hide-flash-single div.product > span.onsale,
.aye-hide-flash-single .woocommerce-product-gallery > span.onsale,
.aye-hide-flash-single .wp-block-woocommerce-product-image-gallery > span.onsale,
.aye-hide-flash-loop .wc-block-product .wc-block-components-product-sale-badge,
.aye-hide-flash-loop .wc-block-grid__product .wc-block-components-product-sale-badge,
.aye-hide-flash-loop .wc-block-grid__product .wc-block-grid__product-onsale {
	display: none !important;
}

/* Kapsayıcılar */
.aye-badges {
	display: flex;
	flex-direction: column;
	gap: 6px;
	line-height: 1;
	pointer-events: none;
	z-index: var(--aye-z, 9);
}

.aye-overlay {
	position: absolute;
	max-width: calc(100% - 2 * var(--aye-gap, 10px));
}

.aye-pos-ust-sol { top: var(--aye-gap, 10px); left: var(--aye-gap, 10px); align-items: flex-start; }
.aye-pos-ust-sag { top: var(--aye-gap, 10px); right: var(--aye-gap, 10px); align-items: flex-end; }
.aye-pos-alt-sol { bottom: var(--aye-gap, 10px); left: var(--aye-gap, 10px); align-items: flex-start; }
.aye-pos-alt-sag { bottom: var(--aye-gap, 10px); right: var(--aye-gap, 10px); align-items: flex-end; }

.aye-inline {
	position: relative;
	z-index: auto; /* Satır içi etiketler katman oluşturmaz: temanın üzerine kayan butonu örtmez. */
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	margin: 6px 0;
}

ul.products li.product .aye-inline {
	justify-content: inherit;
}

.aye-anchored.aye-pos-fiyat-ustu,
.aye-anchored.aye-pos-baslik-ustu {
	margin: 0 0 8px;
}

.aye-anchored.aye-pos-fiyat-alti,
.aye-anchored.aye-pos-baslik-alti {
	margin: 8px 0 12px;
}

.ayu-kart .aye-inline {
	justify-content: center;
	margin: 0;
}

.ayu-gorsel-alani .aye-overlay {
	z-index: 4;
}

/* Kart üzerine gelince temanın kayarak açılan butonu / hızlı bakış alanı etiketlerin üstünde kalsın. */
ul.products li.product:hover .aye-badges,
.wc-block-product:hover .aye-badges,
.wc-block-grid__product:hover .aye-badges,
.ayu-kart:hover .aye-badges,
.product-small:hover .aye-badges {
	z-index: 1;
}

/* Temanın hover butonu etiketin üstüne geldiğinde etiket butonun dışına itilir (front.js). */
.aye-badge {
	transition: translate .25s ease;
}

.aye-badge.aye-pushed {
	z-index: 2;
}

/* Etiket */
.aye-badge {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	overflow: hidden;
	max-width: 100%;
	margin: 0;
	padding: var(--aye-py, 5px) var(--aye-px, 10px);
	background: var(--aye-bg, #2e7d32);
	color: var(--aye-fg, #fff);
	border: var(--aye-bw, 0) solid var(--aye-bc, #fff);
	border-radius: var(--aye-r, 6px);
	box-shadow: var(--aye-shadow, none);
	opacity: var(--aye-op, 1);
	font-family: inherit;
	font-size: var(--aye-fs, 12px);
	font-weight: var(--aye-fw, 700);
	letter-spacing: var(--aye-ls, 0);
	text-transform: var(--aye-tt, uppercase);
	line-height: 1.15;
	text-align: center;
	white-space: normal;
	overflow-wrap: anywhere;
	transform: translate(var(--aye-x, 0), var(--aye-y, 0)) rotate(var(--aye-rot, 0deg));
}

.aye-badge .aye-in {
	display: block;
}

/* Şekiller */
.aye-shape-dikdortgen { border-radius: 0; }
.aye-shape-hap { border-radius: 999px; }
.aye-shape-yaprak { border-radius: var(--aye-r, 6px) 0 var(--aye-r, 6px) 0; }

.aye-shape-daire {
	width: var(--aye-size, 52px);
	height: var(--aye-size, 52px);
	padding: 4px;
	border-radius: 50%;
	white-space: normal;
}

.aye-shape-ok {
	border-radius: 0;
	padding-right: calc(var(--aye-px, 10px) + .9em);
	clip-path: polygon(0 0, calc(100% - .9em) 0, 100% 50%, calc(100% - .9em) 100%, 0 100%);
}

.aye-shape-bayrak {
	border-radius: 0;
	padding-right: calc(var(--aye-px, 10px) + .7em);
	clip-path: polygon(0 0, 100% 0, calc(100% - .7em) 50%, 100% 100%, 0 100%);
}

.aye-shape-egik {
	border-radius: 0;
	transform: translate(var(--aye-x, 0), var(--aye-y, 0)) rotate(var(--aye-rot, 0deg)) skewX(-14deg);
}

.aye-shape-egik .aye-in {
	transform: skewX(14deg);
}

.aye-shape-patlama {
	width: var(--aye-size, 52px);
	height: var(--aye-size, 52px);
	padding: 6px;
	border-radius: 0;
	white-space: normal;
	clip-path: polygon(50% 0%, 64.5% 14.9%, 85.4% 14.6%, 85.1% 35.5%, 100% 50%, 85.1% 64.5%, 85.4% 85.4%, 64.5% 85.1%, 50% 100%, 35.5% 85.1%, 14.6% 85.4%, 14.9% 64.5%, 0% 50%, 14.9% 35.5%, 14.6% 14.6%, 35.5% 14.9%);
}

/* Animasyonlar */
.aye-anim-nabiz { animation: aye-nabiz 1.6s ease-in-out infinite; }
.aye-anim-salla { animation: aye-salla 2.4s ease-in-out infinite; }

.aye-anim-parilti::after {
	content: "";
	position: absolute;
	top: 0;
	left: -60%;
	width: 40%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .55), transparent);
	transform: skewX(-20deg);
	animation: aye-parilti 2.8s ease-in-out infinite;
}

@keyframes aye-nabiz {
	0%, 100% { scale: 1; }
	50% { scale: 1.09; }
}

@keyframes aye-salla {
	0%, 60%, 100% { rotate: 0deg; }
	70% { rotate: -6deg; }
	80% { rotate: 6deg; }
	90% { rotate: -3deg; }
}

@keyframes aye-parilti {
	0% { left: -60%; }
	60%, 100% { left: 130%; }
}

@media (prefers-reduced-motion: reduce) {
	.aye-badge,
	.aye-badge::after {
		animation: none !important;
	}
}