/**
 * Theme Name:     Kadence Child
 * Author:         Kadence WP
 * Template:       kadence
 * Text Domain:	   kadence-child
 * Description:    Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
 */

 /* Альтернативний варіант, якщо перший не працює */
.xoo-wsc-cart-trigger:after {
    content: "Кошик";
    margin-right: 8px;
    font-weight: 500;
    color: #333;
    font-size: 14px;
    padding-left: 10px;
}
.single-product.content-vertical-padding-hide .kadence-breadcrumbs, .single-product.content-vertical-padding-bottom .kadence-breadcrumbs {
    margin-top: 1em!important;
    margin-bottom: 1em!important;
}
.woocommerce table.shop_attributes th {
    width: 250px!important;
    text-align: left;
}
/* Приховуємо стандартну таблицю */
.woocommerce-product-attributes {
    display: none;
}

/* Контейнер для атрибутів */
.custom-attributes-container {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    overflow: hidden;
    margin-top: 20px;
    max-width: 750px;
}

/* Заголовок */
.attributes-header {
    background: #edf2f7;
    color: #721c24;
    padding: 15px 20px;
    font-weight: 600;
    font-size: 16px;
    margin: 0;
    border-bottom: 1px solid #f5c6cb;
}

/* Елементи атрибутів */
.attribute-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    border-bottom: 1px dotted #ddd;
    transition: background-color 0.2s ease;
}

.attribute-item:last-child {
    border-bottom: none;
}

.attribute-item:hover {
    background-color: #f8f9fa;
}

/* Назва атрибута */
.attribute-label {
    font-size: 14px;
    color: #666;
    margin: 0;
    flex: 1;
    padding-right: 20px;
    min-width: 250px;
}

/* Значення атрибута */
.attribute-value {
    font-size: 14px;
    color: #333;
    font-weight: 500;
    margin: 0;
    text-align: right;
    min-width: 80px;
}

/* Адаптивність для мобільних пристроїв */
@media (max-width: 768px) {
    .attribute-item {
        flex-direction: column;
        align-items: flex-start;
        padding: 15px 20px;
    }
    
    .attribute-label {
        margin-bottom: 5px;
        padding-right: 0;
    }
    
    .attribute-value {
        text-align: left;
        min-width: auto;
    }
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px!important;
}
.grid-cols {
    column-gap: 15px!important;
    row-gap: 15px!important;
}
.woocommerce ul.products li.product .entry-content-wrap {
    padding: 15px!important;
    margin: 0!important;
}

/* Додайте в Налаштування → Додатковий CSS */

/* Контейнер для ціни та кнопки */
.woocommerce ul.products li.product {
    position: relative !important;
}

/* Створюємо flex контейнер для ціни та кнопки */
.woocommerce ul.products li.product .price {
    position: absolute !important;
    bottom: 10px !important;
    left: 10px !important;
    margin: 0 !important;
    font-size: 20px !important;
    font-weight: bold !important;
    color: #2b2b2b !important;
    z-index: 2 !important;
}

/* Кнопка справа внизу */
.woocommerce ul.products li.product .add_to_cart_button {
    position: absolute !important;
    bottom: 10px !important;
    right: 10px !important;
    font-size: 0 !important;
    width: 50px !important;
    height: 50px !important;
    background: #ff6b35 !important;
    color: white !important;
    border: none !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    z-index: 2 !important;
    transition: all 0.3s ease !important;
}

/* Іконка кошика */
.woocommerce ul.products li.product .add_to_cart_button:before {
    content: "" !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12L8.1 13h7.45c.75 0 1.41-.41 1.75-1.03L21.7 4H5.21l-.94-2H1zm16 16c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px 20px !important;
    width: 20px !important;
    height: 20px !important;
    display: block !important;
}

/* Ефект при наведенні на кнопку */
.woocommerce ul.products li.product .add_to_cart_button:hover {
    background: #e55a2b !important;
    transform: scale(1.05) !important;
}

/* Якщо потрібно налаштувати відступи в залежності від довжини назви */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    margin-bottom: 50px !important;
}

form.woocommerce-ordering {
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #eeeeee;
}
.woocommerce-ordering select {
    border: none !important;
}

/* Оновлені стилі для блоку статусу наявності */
.stock-status-badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0px;
    margin-left: 15px;
    margin-top: 8px;
    gap: 6px;
    width: fit-content; /* Розмір по контенту */
    text-align: left;
    justify-self: flex-start;
}

/* В наявності - зелений */
.stock-status-badge.in-stock {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

/* Немає в наявності - червоний */
.stock-status-badge.out-of-stock {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Іконки статусу */
.stock-status-badge .status-icon {
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
}

/* Текст статусу */
.stock-status-badge .status-text {
    line-height: 1;
    white-space: nowrap; /* Запобігає переносу тексту */
}

/* Додаткові відступи для картки товару */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    margin-top: 0 !important; /* Прибираємо зайвий відступ зверху від назви */
}

.woocommerce ul.products li.product a.woocommerce-loop-image-link {
    border-bottom: 1px solid #f6f6f6;
}

/* Для розміщення артикулу справа від блоку наявності */
.stock-status-badge {
    display: inline-block;
    margin-right: 10px;
}

.product-sku {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 8px;
    font-size: 12px;
    color: #666;
}

/* Приховати кнопку для товарів не в наявності */
.woocommerce ul.products li.product.outofstock .add_to_cart_button,
.stock-status-badge.out-of-stock ~ * .add_to_cart_button {
    display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    background-color: #ff6b35;
    color: #fff!important;
}

#mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-megamenu > ul.mega-sub-menu {
    min-width: 900px;
}

#mega-menu-wrap-secondary {
        background: #ff6b35;
        border-radius: 10px;
}
#mega-menu-wrap-secondary #mega-menu-secondary li#mega-menu-item-13526 > a.mega-menu-link:before {
    margin-bottom: 5px;
}

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn {
    border-radius: 10px;
}

.ht-category-wrap .ht-category-content h3 {
    line-height: 16px;
}
.elementor-slides-wrapper,
.swiper-wrapper {
    border-radius: 15px;
    overflow: hidden;
}