/* ============================================
   WOOCOMMERCE MAĞAZA SAYFASI - KOMPAKT LİST GÖRÜNÜMÜ
   ============================================ */

/* Flex container */
.list-view ul.products li.product .d-sm-flex,
.list-view ul.products li.product .cartzilla-product-list .d-sm-flex {
	display: flex !important;
	align-items: flex-start !important;
	gap: 1rem;
}

/* Görsel container */
.list-view ul.products li.product a.product-list-thumb {
	width: 150px !important;
	height: 150px !important;
	min-width: 150px !important;
	max-width: 150px !important;
	min-height: 150px !important;
	max-height: 150px !important;
	flex-shrink: 0 !important;
	display: block !important;
}

.list-view ul.products li.product a.product-list-thumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	display: block !important;
}

/* İçerik alanı */
.list-view ul.products li.product .card-body,
.list-view ul.products li.product .product-details {
	flex: 1 !important;
	min-width: 0 !important;
	display: flex !important;
	flex-direction: column !important;
}

/* Tipografi - Küçük boyutlar */
.list-view ul.products li.product .woocommerce-loop-product__categories,
.list-view ul.products li.product .cartzilla-product-card-alt-categories {
	font-size: 0.85rem !important;
}

.list-view ul.products li.product .woocommerce-loop-product__title,
.list-view ul.products li.product .product-title {
	font-size: 1.05rem !important;
}

.list-view ul.products li.product .product-price,
.list-view ul.products li.product .price {
	font-size: 1rem !important;
}

.list-view ul.products li.product .product-price del,
.list-view ul.products li.product .price del {
	font-size: 0.9rem;
}

.list-view ul.products li.product .star-rating {
	font-size: 0.85rem !important;
}

.list-view ul.products li.product .badge-danger {
	font-size: 0.8rem;
	padding: 0.3rem 0.65rem;
}

/* Parent container pozisyon */
.list-view ul.products li.product .product-card,
.list-view ul.products li.product .cartzilla-product-list,
.list-view ul.products li.product .product-card.product-list {
	position: relative !important;
}

/* Butonlar container - Tam ortalanmış */
.list-view ul.products li.product .card-body-hidden,
.list-view ul.products li.product .product-card .card-body-hidden,
.list-view ul.products li.product .cartzilla-product-list .card-body-hidden {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	text-align: center !important;
	width: 100% !important;
	padding: 0.5rem !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	box-sizing: border-box !important;
}

/* Tüm butonlar - Ortak stiller */
.list-view ul.products li.product .card-body-hidden > * {
	font-size: 0.8rem !important;
	padding: 0.45rem 0.9rem !important;
	width: 85% !important;
	max-width: 85% !important;
	margin: 0 auto !important;
	display: block !important;
	text-align: center !important;
	box-sizing: border-box !important;
}

/* Buton sıralaması */
.list-view ul.products li.product .card-body-hidden .btn-primary,
.list-view ul.products li.product .card-body-hidden .add_to_cart_button,
.list-view ul.products li.product .card-body-hidden .button.add_to_cart_button,
.list-view ul.products li.product .card-body-hidden a.add_to_cart_button,
.list-view ul.products li.product .card-body-hidden .btn:not(.btn-light):not(.product_quick_view) {
	order: 1 !important;
}

.list-view ul.products li.product .card-body-hidden .product_quick_view,
.list-view ul.products li.product .card-body-hidden .btn-light.btn-icon,
.list-view ul.products li.product .card-body-hidden a.product_quick_view {
	order: 2 !important;
	margin-top: 0.5rem !important;
}

/* ============================================
   RESPONSIVE - TABLET (768px - 991px)
   ============================================ */
@media (min-width: 768px) and (max-width: 991px) {
	.list-view ul.products li.product .d-sm-flex,
	.list-view ul.products li.product .cartzilla-product-list .d-sm-flex {
		gap: 0.875rem;
	}
	
	.list-view ul.products li.product a.product-list-thumb {
		width: 140px !important;
		height: 140px !important;
		min-width: 140px !important;
		max-width: 140px !important;
		min-height: 140px !important;
		max-height: 140px !important;
	}
	
	.list-view ul.products li.product .woocommerce-loop-product__title,
	.list-view ul.products li.product .product-title {
		font-size: 1rem !important;
	}
	
	.list-view ul.products li.product .product-price,
	.list-view ul.products li.product .price {
		font-size: 0.95rem !important;
	}
	
	.list-view ul.products li.product .card-body-hidden {
		gap: 0.4rem !important;
		padding: 0.4rem !important;
	}
	
	.list-view ul.products li.product .card-body-hidden > * {
		font-size: 0.75rem !important;
		padding: 0.4rem 0.85rem !important;
	}
}

/* ============================================
   RESPONSIVE - MOBİL (max-width: 767px)
   ============================================ */
@media (max-width: 767px) {
	.list-view ul.products li.product .d-sm-flex,
	.list-view ul.products li.product .cartzilla-product-list .d-sm-flex {
		flex-direction: column !important;
		gap: 0.75rem;
	}
	
	.list-view ul.products li.product a.product-list-thumb {
		width: 100% !important;
		height: 220px !important;
		min-width: 100% !important;
		max-width: 100% !important;
		min-height: 220px !important;
		max-height: 220px !important;
	}
	
	.list-view ul.products li.product .woocommerce-loop-product__categories,
	.list-view ul.products li.product .cartzilla-product-card-alt-categories {
		font-size: 0.8rem !important;
	}
	
	.list-view ul.products li.product .woocommerce-loop-product__title,
	.list-view ul.products li.product .product-title {
		font-size: 0.95rem !important;
	}
	
	.list-view ul.products li.product .product-price,
	.list-view ul.products li.product .price {
		font-size: 0.95rem !important;
	}
	
	.list-view ul.products li.product .star-rating {
		font-size: 0.8rem !important;
	}
	
	.list-view ul.products li.product .card-body-hidden {
		gap: 0.4rem !important;
		padding: 0.4rem !important;
	}
	
	.list-view ul.products li.product .card-body-hidden > * {
		font-size: 0.75rem !important;
		padding: 0.4rem 0.8rem !important;
	}
}

/* ============================================
   ORTA GENİŞLİK (576px - 767px)
   ============================================ */
@media (min-width: 576px) and (max-width: 767px) {
	.list-view ul.products li.product .d-sm-flex,
	.list-view ul.products li.product .cartzilla-product-list .d-sm-flex {
		display: flex !important;
		flex-direction: row !important;
		align-items: flex-start !important;
		gap: 0.875rem;
	}
	
	.list-view ul.products li.product a.product-list-thumb {
		width: 130px !important;
		height: 130px !important;
		min-width: 130px !important;
		max-width: 130px !important;
		min-height: 130px !important;
		max-height: 130px !important;
		flex-shrink: 0 !important;
	}
}

/* ============================================
   RESPONSIVE - KÜÇÜK MOBİL (max-width: 576px)
   ============================================ */
@media (max-width: 576px) {
	.list-view ul.products li.product a.product-list-thumb {
		height: 200px !important;
		min-height: 200px !important;
		max-height: 200px !important;
	}
	
	.list-view ul.products li.product .woocommerce-loop-product__title,
	.list-view ul.products li.product .product-title {
		font-size: 0.9rem !important;
	}
	
	.list-view ul.products li.product .product-price,
	.list-view ul.products li.product .price {
		font-size: 0.9rem !important;
	}
	
	.list-view ul.products li.product .card-body-hidden {
		gap: 0.35rem !important;
		padding: 0.35rem !important;
	}
	
	.list-view ul.products li.product .card-body-hidden > * {
		font-size: 0.7rem !important;
		padding: 0.35rem 0.7rem !important;
	}
}