/*
Theme Name: Storefront Child - Pyjamas Store
Template: storefront
*/

/* 1. Основные цвета и фон */
body {
    background-color: #fffafb !important; /* Очень нежный розовый фон */
    color: #4a4a4a !important;
    font-family: 'Open Sans', sans-serif;
}

/* Красный акцентный цвет для кнопок и элементов */
.button, 
.button.alt, 
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
    background-color: #d63347 !important; /* Приятный красный цвет */
    border-color: #d63347 !important;
    color: #ffffff !important;
    border-radius: 25px !important; /* Скругленные кнопки для женственности */
    transition: 0.3s;
}

.button:hover {
    background-color: #b52a3b !important;
}

/* 2. Шапка (Header) */
.site-header {
    background-color: #ffffff !important;
    border-bottom: 2px solid #f8d7da !important;
}

.main-navigation ul li a, 
.site-header-cart a {
    color: #d63347 !important;
    font-weight: 600;
}

/* 3. Карточки товаров (Product Loop) */
.product .price {
    color: #d63347 !important;
    font-weight: bold;
}

.product .woocommerce-loop-product__title {
    color: #333 !important;
    font-size: 1.1em;
}

ul.products li.product {
    background: #ffffff;
    border-radius: 15px;
    padding: 15px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* Легкая тень для карточек */
    transition: 0.3s;
}

ul.products li.product:hover {
    box-shadow: 0 8px 25px rgba(214, 51, 71, 0.15);
}

/* 4. Страница товара (Single Product) */
.single-product div.product form.cart .button {
    padding: 15px 40px !important;
    font-size: 1.2em !important;
}

.single-product .summary h1 {
    color: #d63347 !important;
}

/* 5. Подвал (Footer) */
.site-footer {
    background-color: #f8d7da !important; /* Нежно-розовый подвал */
    color: #5a5a5a !important;
}

/* 6. Адаптация под мобильные */
@media screen and (max-width: 768px) {
    .site-header {
        text-align: center;
    }
}