/**
 * WooCommerce Custom Styles
 * Astra Child Theme
 *
 * @package Astra Child
 */

/* ============================================
   Карточка товара
   ============================================ */

/* Увеличение изображения товара при наведении */
.woocommerce ul.products li.product .product-image-wrapper {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.woocommerce ul.products li.product:hover .product-image-wrapper {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* ============================================
   Кнопки
   ============================================ */

/* Кастомизация кнопки "Добавить в корзину" */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background-color: #0073aa;
	color: #ffffff;
	border-radius: 4px;
	padding: 12px 24px;
	font-weight: 600;
	transition: all 0.3s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background-color: #005177;
	transform: translateY(-2px);
}

/* ============================================
   Страница товара
   ============================================ */

/* Увеличение основного изображения */
.woocommerce div.product div.images {
	border-radius: 8px;
	overflow: hidden;
}

/* Стиль для цены */
.woocommerce div.product p.price,
.woocommerce div.product span.amount {
	color: #e74c3c;
	font-size: 1.5em;
	font-weight: 700;
}

/* ============================================
   Корзина
   ============================================ */

/* Стили для таблицы корзины */
.woocommerce table.shop_table {
	border-radius: 8px;
	overflow: hidden;
}

.woocommerce table.shop_table th {
	background-color: #f8f9fa;
	font-weight: 600;
}

/* ============================================
   Адаптивность
   ============================================ */

@media (max-width: 768px) {
	.woocommerce ul.products li.product {
		width: 48%;
	}
	
	.woocommerce div.product p.price,
	.woocommerce div.product span.amount {
		font-size: 1.2em;
	}
}

@media (max-width: 480px) {
	.woocommerce ul.products li.product {
		width: 100%;
	}
}