/* ============================================
   ÜRÜN GALERİSİ BÜYÜTEÇ HOVER EFEKTİ - KOMPAKT & ŞIK
   ============================================ */

/* Büyüteç butonu - Biraz daha büyük ve gelişmiş efektler */
.woocommerce-product-gallery__trigger {
	width: 38px !important;
	height: 38px !important;
	line-height: 36px !important;
	top: 0.6rem !important;
	right: 0.6rem !important;
	transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
	cursor: pointer !important;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%) !important;
	backdrop-filter: blur(12px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(12px) saturate(180%) !important;
	border: 1.5px solid rgba(227, 233, 239, 0.85) !important;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

.woocommerce-product-gallery__trigger::before {
	font-size: 0.95rem !important;
	transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.woocommerce-product-gallery__trigger:hover {
	background: linear-gradient(135deg, #fe696a 0%, #ff7a7b 100%) !important;
	border-color: #fe696a !important;
	color: #fff !important;
	transform: scale(1.12) rotate(5deg) !important;
	box-shadow: 0 6px 20px rgba(254, 105, 106, 0.45), 0 2px 8px rgba(254, 105, 106, 0.3) !important;
}

.woocommerce-product-gallery__trigger:hover::before {
	color: #fff !important;
	transform: scale(1.1) !important;
}

/* Active state */
.woocommerce-product-gallery__trigger:active {
	transform: scale(1.05) rotate(0deg) !important;
	box-shadow: 0 3px 12px rgba(254, 105, 106, 0.35) !important;
}

/* ============================================
   ÜRÜN GALERİSİ OKLAR (NAVIGATION ARROWS) - KOMPAKT & ŞIK
   ============================================ */

/* Galeri container - relative pozisyon */
.woocommerce-product-gallery,
.woocommerce-product-gallery__wrapper,
.flex-viewport {
	position: relative !important;
}

/* Galeri okları container - flex-viewport veya wrapper içinde */
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__navigation,
.flex-viewport .woocommerce-product-gallery__navigation,
.woocommerce-product-gallery__navigation {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 100%;
	transform: translateY(-50%);
	z-index: 20;
	pointer-events: none;
	display: flex;
	justify-content: space-between;
	padding: 0 0.75rem;
}

/* Sol ok butonu - Küçük ve kompakt */
.woocommerce-product-gallery__nav-prev,
.woocommerce-product-gallery__nav-next {
	width: 37px;
	height: 37px;
	border-radius: 50%;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%);
	backdrop-filter: blur(12px) saturate(180%);
	-webkit-backdrop-filter: blur(12px) saturate(180%);
	border: 1.5px solid rgba(227, 233, 239, 0.9);
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
	pointer-events: all;
	position: absolute;
	z-index: 21;
	opacity: 0;
	transform: translateY(-50%) scale(0.85);
	visibility: hidden;
}

/* Görsel üzerine gelince okları göster - Sadece görsel hover */
.flex-viewport:has(.woocommerce-product-gallery__image:hover) .woocommerce-product-gallery__navigation .woocommerce-product-gallery__nav-prev,
.flex-viewport:has(.woocommerce-product-gallery__image:hover) .woocommerce-product-gallery__navigation .woocommerce-product-gallery__nav-next,
.woocommerce-product-gallery__wrapper:has(.woocommerce-product-gallery__image:hover) .woocommerce-product-gallery__navigation .woocommerce-product-gallery__nav-prev,
.woocommerce-product-gallery__wrapper:has(.woocommerce-product-gallery__image:hover) .woocommerce-product-gallery__navigation .woocommerce-product-gallery__nav-next,
/* Navigation container hover olduğunda da göster (ok butonunun üzerine gelince) */
.flex-viewport:has(.woocommerce-product-gallery__navigation:hover) .woocommerce-product-gallery__navigation .woocommerce-product-gallery__nav-prev,
.flex-viewport:has(.woocommerce-product-gallery__navigation:hover) .woocommerce-product-gallery__navigation .woocommerce-product-gallery__nav-next,
.woocommerce-product-gallery__wrapper:has(.woocommerce-product-gallery__navigation:hover) .woocommerce-product-gallery__navigation .woocommerce-product-gallery__nav-prev,
.woocommerce-product-gallery__wrapper:has(.woocommerce-product-gallery__navigation:hover) .woocommerce-product-gallery__navigation .woocommerce-product-gallery__nav-next {
	opacity: 1;
	transform: translateY(-50%) scale(1);
	visibility: visible;
}

/* Fallback for browsers that don't support :has() */
.flex-viewport:hover .woocommerce-product-gallery__image:hover ~ .woocommerce-product-gallery__navigation .woocommerce-product-gallery__nav-prev,
.flex-viewport:hover .woocommerce-product-gallery__image:hover ~ .woocommerce-product-gallery__navigation .woocommerce-product-gallery__nav-next,
.woocommerce-product-gallery__wrapper:hover .woocommerce-product-gallery__image:hover ~ .woocommerce-product-gallery__navigation .woocommerce-product-gallery__nav-prev,
.woocommerce-product-gallery__wrapper:hover .woocommerce-product-gallery__image:hover ~ .woocommerce-product-gallery__navigation .woocommerce-product-gallery__nav-next,
/* Navigation hover fallback */
.flex-viewport:hover .woocommerce-product-gallery__navigation:hover .woocommerce-product-gallery__nav-prev,
.flex-viewport:hover .woocommerce-product-gallery__navigation:hover .woocommerce-product-gallery__nav-next,
.woocommerce-product-gallery__wrapper:hover .woocommerce-product-gallery__navigation:hover .woocommerce-product-gallery__nav-prev,
.woocommerce-product-gallery__wrapper:hover .woocommerce-product-gallery__navigation:hover .woocommerce-product-gallery__nav-next {
	opacity: 1;
	transform: translateY(-50%) scale(1);
	visibility: visible;
}

/* Sol ok - sol kenarda */
.woocommerce-product-gallery__nav-prev {
	left: 0.75rem;
	right: auto;
}

/* Sağ ok - sağ kenarda */
.woocommerce-product-gallery__nav-next {
	right: 0.75rem;
	left: auto;
}

/* Ok ikonları - Küçük */
.woocommerce-product-gallery__nav-prev::before,
.woocommerce-product-gallery__nav-next::before {
	font-family: 'cartzilla-icons';
	font-size: 0.875rem;
	color: #373f50;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	line-height: 1;
}

.woocommerce-product-gallery__nav-prev::before {
	content: '\e908'; /* Sol ok ikonu */
}

.woocommerce-product-gallery__nav-next::before {
	content: '\e90a'; /* Sağ ok ikonu */
}

/* Hover efekti - Şık animasyon */
.woocommerce-product-gallery__nav-prev:hover,
.woocommerce-product-gallery__nav-next:hover {
	background: linear-gradient(135deg, #fe696a 0%, #ff7a7b 100%);
	border-color: #fe696a;
	box-shadow: 0 5px 20px rgba(254, 105, 106, 0.45), 0 2px 8px rgba(254, 105, 106, 0.3);
	transform: translateY(-50%) scale(1.1);
}

.woocommerce-product-gallery__nav-prev:hover::before,
.woocommerce-product-gallery__nav-next:hover::before {
	color: #fff;
	transform: scale(1.1);
}

/* Active state */
.woocommerce-product-gallery__nav-prev:active,
.woocommerce-product-gallery__nav-next:active {
	transform: translateY(-50%) scale(1.05);
	box-shadow: 0 3px 12px rgba(254, 105, 106, 0.35);
}

/* Disabled durumu (ilk/son görsel) */
.woocommerce-product-gallery__nav-prev.disabled,
.woocommerce-product-gallery__nav-next.disabled {
	opacity: 0.3 !important;
	cursor: not-allowed;
	pointer-events: none;
	transform: translateY(-50%) scale(0.85) !important;
}

/* Responsive - Tablet */
@media (max-width: 992px) {
	.woocommerce-product-gallery__trigger {
		width: 36px !important;
		height: 36px !important;
		line-height: 34px !important;
		top: 0.5rem !important;
		right: 0.5rem !important;
	}
	
	.woocommerce-product-gallery__trigger::before {
		font-size: 0.9rem !important;
	}
	
	.woocommerce-product-gallery__nav-prev,
	.woocommerce-product-gallery__nav-next {
		width: 35px;
		height: 35px;
		/* Tablet'te sabit görünür */
		opacity: 1 !important;
		transform: translateY(-50%) scale(1) !important;
		visibility: visible !important;
	}
	
	.woocommerce-product-gallery__nav-prev::before,
	.woocommerce-product-gallery__nav-next::before {
		font-size: 0.8rem;
	}
	
	.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__navigation,
	.flex-viewport .woocommerce-product-gallery__navigation,
	.woocommerce-product-gallery__navigation {
		padding: 0 0.6rem;
	}
	
	.woocommerce-product-gallery__nav-prev {
		left: 0.6rem;
		right: auto;
	}
	
	.woocommerce-product-gallery__nav-next {
		right: 0.6rem;
		left: auto;
	}
}

/* Responsive - Mobil */
@media (max-width: 768px) {
	.woocommerce-product-gallery__trigger {
		width: 34px !important;
		height: 34px !important;
		line-height: 32px !important;
		top: 0.45rem !important;
		right: 0.45rem !important;
	}
	
	.woocommerce-product-gallery__trigger::before {
		font-size: 0.85rem !important;
	}
	
	.woocommerce-product-gallery__nav-prev,
	.woocommerce-product-gallery__nav-next {
		width: 33px;
		height: 33px;
		/* Mobilde sabit görünür */
		opacity: 1 !important;
		transform: translateY(-50%) scale(1) !important;
		visibility: visible !important;
	}
	
	.woocommerce-product-gallery__nav-prev::before,
	.woocommerce-product-gallery__nav-next::before {
		font-size: 0.75rem;
	}
	
	.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__navigation,
	.flex-viewport .woocommerce-product-gallery__navigation,
	.woocommerce-product-gallery__navigation {
		padding: 0 0.5rem;
	}
	
	.woocommerce-product-gallery__nav-prev {
		left: 0.5rem;
		right: auto;
	}
	
	.woocommerce-product-gallery__nav-next {
		right: 0.5rem;
		left: auto;
	}
}

/* Touch cihazlar için - Her zaman görünür */
@media (hover: none) and (pointer: coarse) {
	.woocommerce-product-gallery__nav-prev,
	.woocommerce-product-gallery__nav-next {
		opacity: 1 !important;
		transform: translateY(-50%) scale(1) !important;
		visibility: visible !important;
	}
}