/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

/* Повністю видаляємо блок вибору кількості в кошику */
.ld-cart-product-price-qty {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Робимо головний контейнер рядком */
.ld-cart-product-details.flex-column {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 15px !important;
    width: 100% !important;
}

/* Назва товару */
.ld-cart-product-name {
    flex: 1 1 auto !important;
    font-size: 14px !important;
    margin-right: 10px !important;
}

/* Ціна (ховаємо перенос на новий рядок) */
.ld-cart-product-price {
    flex-direction: row !important;
    align-items: center !important;
    font-weight: bold !important;
    margin: 0 !important;
}

/* Зменшуємо картинку, щоб влізло в один ряд */
.ld-cart-product-info figure {
    margin-right: 15px !important;
    width: 50px !important;
    flex-shrink: 0 !important;
}

/* Налаштування хрестика (видалення) */
.ld-module-cart .ld-cart-product .remove {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    margin-left: 10px !important;
}

/* Видаляємо гігантський заголовок Additional information */
.woocommerce-additional-fields h3 {
    display: none !important;
}

/* Прибираємо зайві відступи, які залишає цей блок */
.woocommerce-additional-fields {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Фікс для помаранчевого кружечка, який наліз на текст "Телефон" */
.woocommerce-checkout label .required {
    display: inline-block;
    color: #E87653; 
    margin-left: 5px;
    text-decoration: none;
    border: none;
}

/* Якщо кружечок — це маркер списку теми Hub, прибираємо його */
.woocommerce-checkout label::before {
    display: none !important;
}

/* Ставимо "Так/Ні" в один рядок для поля День народження */
#billing_wooccm10_field .woocommerce-input-wrapper {
    display: flex !important;
    flex-direction: row !important;
    gap: 30px; 
    align-items: center;
    margin-top: 10px;
}

/* Вирівнюємо саму кнопку та текст в один рядок */
#billing_wooccm10_field .woocommerce-input-wrapper label.radio {
    display: inline-flex !important;
    align-items: center;
    gap: 8px; 
    cursor: pointer;
    font-weight: normal;
}

/* Прибираємо зайві відступи знизу у варіантів */
#billing_wooccm10_field span.woocommerce-input-wrapper span {
    display: inline-flex;
    align-items: center;
}

/* Ховаємо рядок проміжного підсумку, щоб не дублювати ціну */
.cart-subtotal {
    display: none !important;
}

/* Робимо фінальний TOTAL жирнішим та зрозумілішим */
.order-total th, 
.order-total td {
    font-size: 24px !important;
    font-weight: 900 !important;
    text-transform: uppercase;
}

/* Форсируем Oswald для всего сайта */
:root {
    --lqd-font-family: 'Oswald', sans-serif !important;
}

body, h1, h2, h3, h4, h5, h6, p, a, span, li, input, textarea, button {
    font-family: 'Oswald', sans-serif !important;
}

@media (max-width: 767px) {
    .lqd-mobile-sec .navbar-brand img, 
    .navbar-brand img.logo-default {
        max-width: 85px !important; 
        height: auto !important;
    }
    .lqd-mobile-sec .navbar-header {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        min-height: 60px !important;
    }
    .lqd-mobile-sec .navbar-brand {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        display: flex;
        align-items: center;
    }
    .lqd-mobile-sec .navbar-header .navbar-toggle,
    .lqd-mobile-sec .navbar-header .header-module {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        display: flex;
        align-items: center;
    }
}

@media (max-width: 767px) {
    /* Основний контейнер товару */
    .ld-cart-product {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 10px 0 !important;
        border-bottom: 1px solid #f2f2f2 !important;
    }

    /* Блок інфо: розтягуємо його, щоб він зайняв весь простір між лівим краєм і хрестиком */
    .ld-cart-product-info {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        flex-grow: 1 !important;
        margin: 0 !important;
    }

    .ld-cart-product-info > a {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        flex-grow: 1 !important;
        width: 100%;
    }

    /* Картинка */
    .ld-cart-product-info figure {
        width: 50px !important;
        min-width: 50px !important;
        margin: 0 12px 0 0 !important;
    }

    /* ТЕПЕР РОЗШИРЮЄМО: Назва та Ціна в один рядок */
    .ld-cart-product-details {
        display: flex !important;
        flex-direction: row !important; /* Змінюємо з column на row */
        justify-content: space-between !important; /* Назва зліва, ціна справа */
        align-items: center !important;
        flex-grow: 1 !important;
        gap: 10px !important;
    }

    .ld-cart-product-name {
        font-size: 13px !important;
        font-weight: 600 !important;
        margin: 0 !important;
        line-height: 1.2 !important;
        flex: 1 !important; /* Займає весь доступний простір */
    }

    .ld-cart-product-price {
        font-size: 13px !important;
        font-weight: 700 !important;
        color: #333 !important;
        margin: 0 !important;
        white-space: nowrap !important; /* Щоб ціна не розривалася */
    }

    /* Хрестик видалення */
    .ld-cart-product-remove {
        position: relative !important;
        margin-left: 15px !important;
        flex-shrink: 0 !important;
        background: #ff5e00 !important;
        border-radius: 50% !important;
        width: 32px !important;
        height: 32px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #fff !important;
    }
}

/* Решта твоїх оригінальних стилів без змін */
.ld-module-cart-offcanvas .ld-cart-contents { max-width: 100vw!important; }
.ld-cart-product-info figure img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; opacity: 1 !important; visibility: visible !important; }
ul.products li.product { position: relative; }
.loop-product-quantity-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    
    background-color: #FF5E00 !important;
    color: #ffffff;
    
    /* Змінюємо з фіксованого кола на адаптивний овал */
    min-width: 36px;       /* Мінімальна ширина як у круга */
    height: 30px;          /* Трохи зменшив висоту для елегантності */
    padding: 0 10px;       /* Відступи по боках для тексту */
    border-radius: 20px;   /* Робимо закруглені краї (пігулка) */
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    font-size: 13px;       /* Трохи менший шрифт, щоб все влізло */
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    pointer-events: none;
}
/* Додаємо "шт." після цифри через CSS */
.loop-product-quantity-badge::after {
    content: " шт.";      /* Додаємо пробіл перед шт. */
    font-size: 11px;      /* Робимо напис трохи меншим за цифру */
    margin-left: 2px;
    font-weight: 400;     /* Напис шт. не такий жирний як цифра */
    text-transform: lowercase;
}
@media (max-width: 360px) { .loop-product-quantity-badge { width: 30px; height: 30px; font-size: 12px; top: 5px; right: 5px; } }
a:focus, button:focus, input:focus, textarea:focus, .product:focus, .lqd-menu-item a:focus { outline: none !important; box-shadow: none !important; }
.product:hover, .product a:hover, .lqd-column:hover, .lqd-menu-item a:hover { outline: none !important; box-shadow: none !important; }
.elementor-widget-container:focus { outline: none !important; }
@media (max-width: 768px) { .lqd-snickersbar { bottom: 90px !important; z-index: 99999 !important; width: 90% !important; left: 5% !important; right: 5% !important; } }
@media (max-width: 375px) { .ld-module-cart-content .ld-cart-dropdown-footer, .lqd-cart-dropdown-footer { padding-left: 15px !important; padding-right: 15px !important; } .lqd-cart-dropdown-footer .lqd-cart-total { display: flex !important; justify-content: space-between !important; width: 100% !important; margin-bottom: 15px !important; } .lqd-cart-dropdown-footer .btn { width: 100% !important; display: block !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 10px !important; text-align: center !important; } .ld-module-cart-content .filter-list, .ld-module-cart-content hr { display: none !important; } }
@media (max-width: 767px) { .related.products ul.products li.product a img, section.related ul.products li.product a img { margin-top: 0 !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: 0 !important; display: block !important; padding: 0 !important; } }