Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready

/*
===============================================================================
  CHILD THEME: Hello Elementor Child
  Стиль оформления
===============================================================================

  Автор: Alex
  Назначение: Кастомные стили для корзины, вариаций, кнопок, lazyload и т. д.
  Стиль оформлен в модульной структуре (как functions.php):

  1.  MINI-CART (мини-корзина)
  2.  CART PAGE (страница корзины)
  3.  PRODUCT VARIATIONS (вариации товара)
  4.  QUANTITY BUTTONS (кнопки +/-)
  5.  ADD TO CART (поведение после добавления)
  6.  CHECKOUT PAGE (оформление заказа)
  7.  TEXT BLOCKS (прокручиваемые блоки текста)
  8.  LAZYLOAD IMAGES (эффекты загрузки изображений)

===============================================================================
*/


/* =============================================================================
   1. MINI-CART — мини корзина в шапке
   ========================================================================== */

/* Скроллбар внутри мини-корзины */
.woocommerce-mini-cart::-webkit-scrollbar {
    width: 6px;
}

.woocommerce-mini-cart::-webkit-scrollbar-track {
    background: var(--e-global-color-ed9675f);
}

.woocommerce-mini-cart::-webkit-scrollbar-thumb {
    background-color: var(--e-global-color-bdee2c2);
    border-radius: 20px;
}




/* =============================================================================
   2. CART PAGE — страница корзины (woocommerce-cart)
   ========================================================================== */

/* Скрываем подпись колонки "Товар" */
.woocommerce-cart-form td.product-name::before {
    content: none !important;
}

/* Текст названия товара по левому краю */
.woocommerce table.shop_table_responsive tr td.product-name {
    text-align: left !important;
    padding-left: 0 !important;
}

/* Убираем thead и заголовки */
.shop_table thead,
.cart_totals.calculated_shipping h2 {
    display: none;
}

/* Отступы между товарами */
tbody tr.woocommerce-cart-form__cart-item.cart_item {
    padding: 10px 0 !important;
}

/* Цена справа в блоке подтверждения на checkout */
.woocommerce-checkout-review-order-table .cart_item td.product-total,
.woocommerce-checkout-review-order-table span.woocommerce-Price-amount.amount {
    text-align: right;
    display: block;
}

/* Прячем промежуточные поля */
tr.cart-subtotal,
tr.woocommerce-shipping-totals {
    display: none !important;
}




/* =============================================================================
   3. PRODUCT VARIATIONS — вариации товара
   ========================================================================== */

.variations th.label {
    padding: 10px 10px 0;
    border: 0;
    text-align: left;
}

.variations td.value {
    padding: 10px;
    border: 0;
}

/* Текст выбранной вариации */
.woo-variation-swatches.wvs-show-label .variations th .woo-selected-variation-item-name,
.woo-variation-swatches.wvs-show-label .variations th label {
    display: inline-block;
    margin: 0;
    font-weight: 400;
    line-height: 1;
}

/* Скрываем кнопку "Очистить вариации" */
a.reset_variations {
    display: none !important;
}

table.variations {
    margin-bottom: 10px;
}

/* Цена вариации */
.single_variation_wrap .woocommerce-Price-amount {
    color: var(--e-global-color-e2bdcb4);
}




/* =============================================================================
   4. QUANTITY BUTTONS — кнопки плюс/минус
   ========================================================================== */

/* Общий контейнер количества */
.quantity {
    width: max-content;
    margin: 0 !important;
}

/* Hover состояния для кнопок */
.plus-minus-button input:hover {
    outline: none;
    background-color: var(--e-global-color-primary) !important;
    color: var(--e-global-color-9d67e61);
    border: 1px solid var(--e-global-color-9d67e61) !important;
}

/* Страница товара — большой вариант кнопок */
.product-add-to-cart .qty {
    width: 45px !important;
    height: 45px !important;
    margin: 0 5px !important;
}

.product-add-to-cart .plus-minus-button .woo-advanced-minus,
.product-add-to-cart .plus-minus-button .woo-advanced-plus {
    width: 45px !important;
    height: 45px !important;
    background-color: var(--e-global-color-text) !important;
    color: var(--e-global-color-9d67e61);
    border: 1px solid var(--e-global-color-9d67e61) !important;
    border-radius: 3px;
    font-weight: 500;
}

/* Товарная карточка в списках (меньше) */
.teaser-product-add-to-cart .qty {
    width: 35px !important;
    height: 35px !important;
    margin: 0 5px !important;
}

.teaser-product-add-to-cart .plus-minus-button .woo-advanced-minus,
.teaser-product-add-to-cart .plus-minus-button .woo-advanced-plus {
    width: 35px !important;
    height: 35px !important;
    background-color: var(--e-global-color-text) !important;
    color: var(--e-global-color-9d67e61);
    border: 1px solid var(--e-global-color-9d67e61) !important;
    border-radius: 3px;
    font-weight: 500;
}




/* =============================================================================
   5. ADD TO CART — кнопка после добавления
   ========================================================================== */

/* Прячем "Просмотр корзины" */
a.added_to_cart.wc-forward,
.woocommerce a.added_to_cart {
    display: none !important;
}




/* =============================================================================
   6. CHECKOUT PAGE — оформление заказа
   ========================================================================== */

/* Убираем ненужные заголовки */
.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3 {
    display: none;
}

/* Правка отступов в политике конфиденциальности */
.elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-privacy-policy-text p {
    margin-top: 0 !important;
}

button#place_order {
    margin-bottom: 0 !important;
}

/* Прячем описание купонов */
label.e-coupon-anchor-description {
    display: none !important;
}

/* Радиокнопки */
.woocommerce-checkout input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
}

.woocommerce-checkout label.radio {
    margin: 0 !important;
    padding: 0 0 10px 10px !important;
    margin-top: -4px !important;
}

/* Прячем методы оплаты */
ul.wc_payment_methods.payment_methods.methods {
    display: none;
}

/* Прячем поле области */
p#billing_state_field {
    display: none !important;
}




/* =============================================================================
   7. TEXT BLOCK SCROLL — прокрутка текстовых блоков
   ========================================================================== */

.descriptiontext {
    max-height: 300px;
    overflow-y: auto;
}

.descriptiontext::-webkit-scrollbar {
    width: 6px;
}

.descriptiontext::-webkit-scrollbar-track {
    background: var(--e-global-color-ed9675f);
}

.descriptiontext::-webkit-scrollbar-thumb {
    background-color: var(--e-global-color-bdee2c2);
    border-radius: 20px;
}




/* =============================================================================
   8. LAZYLOAD IMAGES — эффект появления изображений
   ========================================================================== */

/* До загрузки — скрыто */
img[data-lazyloaded] {
    opacity: 0;
}

/* После загрузки — плавное появление */
img.litespeed-loaded {
    transition: opacity .2s linear 0.1s;
    opacity: 1;
}