/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 12 2025 | 15:01:35 */
/*ВИРІВНЯТИ БЛОКИ ТОВАРІВ*/
/*Напис Відображаються усі з 4 результатів*/
.woocommerce .woocommerce-result-count {
    margin: 0 10px 1em;
}
/* Контейнер списку продуктів */
ul.products {
    display: flex;
    flex-wrap: wrap;
   }

/* Картка товару */
li.product {
    display: flex;
    flex-direction: column; /* Вирівнюємо елементи вертикально */
    justify-content: space-between; /* Розтягуємо елементи, щоб кнопка була внизу */
    align-items: center; /* Вирівнюємо елементи по центру */
    width: calc(33.333% - 20px); /* Приклад ширини для трьох карток у рядку */
    max-width: 300px; /* Максимальна ширина картки */
    box-sizing: border-box;
    border: 1px solid #ddd;
    padding: 10px;
    background: #fff;
}
/*Вирівняти по середині*/
.woocommerce .products ul, .woocommerce ul.products {
	justify-content: space-between;
	padding: 50px;
}
/* Зображення товару */
li.product img {
    max-width: 100%;
    height: auto;
}

/* Титул та ціна */
li.product h2,
li.product .price {
    margin: 10px 0;
    text-align: center;
}

/* Кнопка додавання в кошик */
li.product .add_to_cart_button {
    margin-top: auto; /* Додаємо автоматичний відступ для опускання кнопки вниз */
    width: 100%; /* Кнопка займає всю ширину картки */
    text-align: center;
    background: #1878cc;
    color: #fff;
    padding: 10px;
    border: none;
    cursor: pointer;
    transition: background 0.3s ease;
}

li.product .add_to_cart_button:hover {
    background: #005a80;
}

/*ПРИХОВАТИ БЛОК*/
/* Приховуємо блок тільки на сторінці з id=628 */
body.page-id-628 #secondary {
    display: none;
}
/* СТИЛІ ДЛЯ КНОПОК КОШИК ТА АКА */
.custom-icons-block {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px; /* Відстань між іконками */
    padding: 10px;
}

/* Стилі для лінків з іконками */
.icon-link {
    text-decoration: none;
    color: #333; /* Колір тексту */
    font-size: 18px; /* Розмір шрифту */
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Стилі для іконок */
.icon-link i {
    font-size: 20px; /* Розмір іконки */
    color: #1878cc; /* Колір іконки */
}

/* Стилі для кількості товарів у кошику */
.cart-count {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0073e6;
    border-radius: 50%;
    padding: 2px 8px;
    margin-left: 5px;
}

/* Колір при наведенні */
.icon-link:hover {
    color: #0073e6;
}

.icon-link:hover i {
    color: #0073e6;
}

.icon-link:hover .cart-count {
    background-color: #005bb5; /* Колір для кількості при наведенні */
}