/* 
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
*/

/* ============================= */
/* === ЗАГАЛЬНЕ ОФОРМЛЕННЯ === */
/* ============================= */

/* Обмеження ширини контенту для основних блоків */

.elementor {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box;
}

@media (min-width: 1200px) {
    .page-header .entry-title,
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    body:not([class*=elementor-page-]) .site-main {
        max-width: 1440px;
    }
}

/* Стилі для SELECT елементів */
select {
    border: 1px solid #231F20;
    border-radius: 5px;
    padding: 1rem 1rem;
    transition: all .3s;
    width: 100%;
    font-family: 'TT Fors', sans-serif;
}

/* Стилізація випадаючого списку сортування WooCommerce */
.woocommerce-ordering select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23000' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 15px 8px;
    padding-right: 36px;
    padding-left: 12px;
    font-family: 'TT Fors', sans-serif;
	background-color: white;
  	margin: 3em 0 0 0;
}

/* === WooCommerce Registration Form Custom Styling === */

/* === WooCommerce my-account page: Registration form customization === */

.elementor-2380 .elementor-element.elementor-element-952608c .elementor-field-group > a {
    color: var(--e-global-color-accent);
    padding: 5px;
    font-size: 16px;
	font-family: 'TT Fors';
}


/* Поля введення */
.woocommerce-account form.woocommerce-form-register input.input-text,
.woocommerce-account form.woocommerce-form-register input[type="text"],
.woocommerce-account form.woocommerce-form-register input[type="email"],
.woocommerce-account form.woocommerce-form-register input[type="password"] {
    background-color: #ffffff !important;
    border: 1px solid #ccc !important;
    color: #231F20 !important;
    padding: 0.8em !important;
    border-radius: 5px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Кнопка реєстрації */
.woocommerce-account form.woocommerce-form-register button.woocommerce-Button {
    background-color: #84AC74 !important;
    color: #ffffff !important;
    border-radius: 5px !important;
    padding: 15px 30px 15px 30px !important;
    font-family: 'TT Fors', sans-serif !important;
    font-size: 18px !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

/* Ховер кнопки */
.woocommerce-account form.woocommerce-form-register button.woocommerce-Button:hover {
    background-color: #ffffff !important;
    color: #231F20 !important;
    cursor: pointer !important;
}

/* Trustedindex.io */
.ti-widget.ti-goog .ti-review-item>.ti-inner {
	background-color: #EAEAEA !important;
}

.ti-widget.ti-goog {
    font-family: 'TT Fors' !important;
}


/* ========================== */
/* === СТОРІНКА ПРОДУКТУ === */
/* ========================== */

.woocommerce div.product .product_title {
    font-family: TT Fors;
    font-size: 3em;
    color: #231F20;
}

p.price {
    font-family: TT Fors;
    font-size: 2em !important;
    color: #353535 !important;
}

/* Таблиця додаткових характеристик */
.woocommerce div.product .woocommerce-product-attributes th,
.woocommerce div.product .woocommerce-product-attributes td {
    padding: 10px 15px;
    font-family: 'TT Fors', sans-serif;
    font-size: 16px;
}

/* Вивід ціни варіацій */
.woocommerce-variation-price {
    font-weight: 600;
    font-family: 'TT Fors', sans-serif;
    margin-bottom: 30px !important;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: #84AC74 !important;
    font-size: 40px !important;
}

/* ============================== */
/* === ВАРІАЦІЇ ТА СВАЧІ === */
/* ============================== */

.variations,
.variations .label,
.variations .value,
.variations .variable-items-wrapper {
    background-color: #ffffff !important;
}

.variations td {
    background-color: transparent !important;
    border: none !important;
}

.variations .variations__attribute {
    padding: 10px;
    border: none;
    border-radius: 0;
}

.variations .label {
    font-weight: 600;
    font-family: 'TT Fors', sans-serif;
    font-size: 18px;
    padding-left: 0px !important;
}

.woo-variation-swatches.wvs-show-label .variations td .woo-selected-variation-item-name, .woo-variation-swatches.wvs-show-label .variations th .woo-selected-variation-item-name {
    font-weight: 400;
    font-size: 20px;
    padding-left: 0.5em;
}

.woocommerce div.product form.cart .reset_variations {
    font-size: 1em;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
    border: 0;
    line-height: 4em;
    vertical-align: middle;
}

.woo-variation-swatches.wvs-show-label .variations td, .woo-variation-swatches.wvs-show-label .variations th {
    display: table;
    text-align: start;
    width: auto !important;
}

/* ============================== */
/* === СТОРІНКА МАГАЗИНУ === */
/* === (Products Archive) === */
/* ============================== */

/* Назва товару */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: TT Fors;
    font-size: 1.3em !important;
    color: #231F20;
    font-weight: 600;
    min-height: 4em;
}

/* Ціна в архіві */
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    font-family: TT Fors;
    font-size: 1.7em;
    font-weight: 400;
    color: #84AC74;
    margin-top: 0.2em;
}

ul.products li.product .price {
    font-size: 32px !important;
    font-weight: 400 !important;
    margin-top: auto;
}

/* Кнопка "Додати в кошик" */
.woocommerce ul.products li.product .button {
    display: inline-block;
    margin-top: 1em;
    font-family: 'TT Fors';
    font-weight: 500;
    border-radius: 5px;
    background-color: white;
    border: 1px solid #231F20;
    color: #231F20;
    width: 70%;
    text-align: center;
    padding: 15px 30px;
    transition: background-color 0.8s;
}

/* Адаптація для мобільних екранів */
@media (max-width: 768px) {
    .woocommerce ul.products li.product .button {
        width: 100%;
    }
}

.woocommerce ul.products li.product .button:hover {
    background-color: #EAEAEA;
    border-color: #EAEAEA;
}

/* Список товарів */
.woocommerce .products ul,
.woocommerce ul.products {
    margin: 7em 0 1em;
}

.woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.woocommerce .woocommerce-ordering {
    margin: 0 0 5em;
}




/* Контейнер назви — вертикальне центрування, горизонтальне вирівнювання вліво */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    display: flex;
    align-items: center;      /* по центру по вертикалі */
    text-align: left;         /* по лівому краю */
    min-height: 4em;          /* висота блоку, підігрується під потреби */
    line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;         /* переносить довгі слова */
  	overflow-wrap: break-word;     /* переносить на новий рядок */
 	hyphens: auto;                 /* додає дефіси при перенесенні (якщо браузер дозволяє) */ 	
  	height: calc(1.4em * 2);       /* контроль висоти на 2 рядки */
}



/* Для мобільних пристроїв — екрани до 768px */
@media (max-width: 768px) {

  /* Забезпечує гнучке розміщення товарів */
  .woocommerce ul.products.columns-4 {
    display: flex;
    flex-wrap: wrap;
  }

  /* Робить кожен товар на повну ширину (1 в рядок) */
  .woocommerce ul.products.columns-4 li.product {
    width: 100% !important; /* Перекриває стандартні стилі колонок */
    margin: 0 0 20px 0;     /* Відступ між товарами */
	padding: 0px;
  }

}

/* ============================ */
/* === СТОРІНКА КАТЕГОРІЇ === */
/* ============================ */

.woocommerce ul.products li.product .woocommerce-loop-category__title {
    padding: .5em 0;
    margin: 0;
    font-size: 1.2em;
    font-family: 'TT Fors';
    font-weight: 600;
    color: #231F20;
    text-align: center;
}

mark.count {
    font-weight: 400;
    background-color: white;
}

/* ======================== */
/* === ПАГІНАЦІЯ === */
/* ======================== */

.page-numbers,
.woocommerce nav.woocommerce-pagination ul li .page-numbers {
    background-color: #ffffff;
    color: #231F20;
    font-family: 'TT Fors', sans-serif;
    padding: 8px 14px;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    transition: background-color 0.2s ease;
    text-decoration: none;
    display: inline-block;
    margin: 0 4px;
}

.page-numbers.current,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.current {
    font-weight: 600;
    background-color: #EAEAEA;
}

.page-numbers:hover,
.woocommerce nav.woocommerce-pagination ul li .page-numbers:hover {
    background-color: #EAEAEA;
    color: #231F20;
}

.woocommerce nav.woocommerce-pagination ul {
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    margin: 5px auto;
    background: transparent;
    border: none;
    font-family: 'TT Fors', sans-serif;
}

.woocommerce nav.woocommerce-pagination ul li {
    display: inline-block;
    margin: 0 4px;
    border-right: none;
}


.woocommerce nav.woocommerce-pagination ul li span.current {
	color: #231F20;
    font-family: 'TT Fors', sans-serif;
}

/* ============================= */
/* === ПОВІДОМЛЕННЯ Woo === */
/* ============================= */

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    padding: 1em 2em 1em 3.5em;
    margin: 2em 0 2em;
    position: relative;
    background-color: #EAEAEA;
    color: #231F20;
    border-top: 3px solid #84AC74;
    width: auto;
    word-wrap: break-word;
    font-family: 'TT Fors';
    font-size: 16px;
}

.woocommerce-page .woocommerce-message .button {
    float: right;
    padding: 15px 20px;
    border-radius: 5px;
    background-color: white;
    color: #231F20;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover {
    background-color: #84AC74;
    color: white;
}

a.button.wc-backward {
	font-family: 'TT Fors';
	padding: 1em 1em;
    border-radius: 5px;
    color: #231F20;
    background-color: #EAEAEA;
	font-weight: 600;
}

a.button.wc-backward:hover {
	font-family: 'TT Fors';
    color: white;
    background-color: #84AC74;
}

.woocommerce-message .added_to_cart,
a.added_to_cart.wc-forward {
  display: none !important;
}


/* =============================== */
/* === CHECKOUT та CART форми === */
/* =============================== */

.elementor-widget-woocommerce-checkout-page .select2-container--default .select2-selection--single .select2-selection__rendered,
.elementor-widget-woocommerce-cart .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2rem;
    color: #231F20;
}

.elementor-widget-woocommerce-cart .woocommerce .input-text.qty {
    max-height: 35px;
    min-height: 35px;
    padding: 5px 10px;
}

.woocommerce .quantity .qty {
    width: 4em;
}

/* === Order recieved === */

.woocommerce-order {
font-family: 'TT Fors';
font-size: 1rem;
color: #231F20;
}


.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
  font-family: 'TT Fors';
  font-size: 2em;
  margin: 1em 0 0;
  font-weight: 600;
}

.elementor-widget-woocommerce-checkout-page .woocommerce .shop_table {
    border: 0;
    font-size: 1em;
    margin-bottom: 0;
}

.woocommerce .woocommerce-customer-details address {
    font-style: normal;
    border: 1px solid #EAEAEA;
    border-bottom-width: 2px;
    border-right-width: 2px;
    text-align: left;
    width: 100%;
    border-radius: 5px;
    padding: 20px;
    box-sizing: border-box;
    background-color: #EAEAEA;
}


.elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tfoot td,
.elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tfoot th {
	color: #231F20;
}

.woocommerce ul.order_details {
    margin: 3em 0 3em;
    list-style: none;
    font-size: 1.2em;
}

@media (max-width: 767px) {
  .elementor-widget-woocommerce-cart .woocommerce table.cart tr {
    padding: 0px !important;
  }
}

/* ========================== */
/* === ІНШІ СТОРІНКИ === */
/* ========================== */

/* === Про нас / Відеовідгуки === */
.elementor-widget-video .elementor-custom-embed-image-overlay img {
    border-radius: 5px;
}

/* === Контакти / Карта === */
.e-con>.e-con-inner>.elementor-widget>.elementor-widget-container,
.e-con>.elementor-widget>.elementor-widget-container {
    height: 100%;
    border-radius: 5px;
}

/* === Breadcrumbs === */
.woocommerce .woocommerce-breadcrumb {
    margin: 2em 0 2em;
    padding: 0;
}