/*
Theme Name: Persian House
Description: Премиальная тема для интернет-магазина ковров
Author: Senior Web Developer
Version: 1.0
*/

/* ==========================================================================
Базовые стили WooCommerce (переопределение под дизайн-систему)
========================================================================== */

/* Вкладки в карточке товара */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: #9C3D38 !important;
border-bottom: 2px solid #9C3D38 !important;
}

/* ==========================================================================
Сетка товаров в каталоге (Магазин)
========================================================================== */

.woocommerce ul.products li.product {
background: #ffffff !important;
border-radius: 1rem !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
border: 1px solid #f3f4f6 !important;
padding: 1.5rem !important;
transition: box-shadow 0.3s ease, transform 0.3s ease !important;
text-align: center !important;
}

/* Эффект наведения на карточку ковра */
.woocommerce ul.products li.product:hover {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
transform: translateY(-4px) !important;
}

/* Изображение ковра в каталоге */
.woocommerce ul.products li.product a img {
border-radius: 0.5rem !important;
margin-bottom: 1rem !important;
}

/* Заголовок товара (шрифт Playfair) */
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
font-family: 'Playfair Display', serif !important;
font-size: 1.25rem !important;
color: #2B2A28 !important;
margin-top: 1rem !important;
margin-bottom: 0.5rem !important;
line-height: 1.3 !important;
}

/* Цена ковра /
.woocommerce ul.products li.product .price {
color: #4A5D54 !important; / Цвет Шалфей */
font-weight: 600 !important;
font-family: 'Montserrat', sans-serif !important;
font-size: 1.125rem !important;
margin-bottom: 1.5rem !important;
}

/* Кнопка "В корзину" / "Выбрать опции" в каталоге /
.woocommerce ul.products li.product .button {
background-color: #F0EEE9 !important; / Цвет Облачный танцор /
color: #2B2A28 !important; / Графит */
border-radius: 0.5rem !important;
padding: 0.75rem 1.5rem !important;
font-weight: 500 !important;
transition: all 0.3s ease !important;
margin-top: 0.5rem !important;
display: inline-block !important;
}

.woocommerce ul.products li.product .button:hover {
background-color: #9C3D38 !important; /* Акцентный Кармин при наведении */
color: #ffffff !important;
}

/* ==========================================================================
Стили для системного меню навигации WordPress
========================================================================== */
.wp-custom-menu li {
list-style-type: none;
}
.wp-custom-menu li a {
color: #2B2A28;
transition: color 0.3s ease;
font-weight: 500;
}
.wp-custom-menu li a:hover,
.wp-custom-menu li.current-menu-item a {
color: #9C3D38; / Кармин при наведении или на активной странице */
}