.elementor-14478 .elementor-element.elementor-element-890947b:not(.elementor-motion-effects-element-type-background), .elementor-14478 .elementor-element.elementor-element-890947b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #737373 100%);}.elementor-14478 .elementor-element.elementor-element-890947b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-14478 .elementor-element.elementor-element-890947b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-14478 .elementor-element.elementor-element-f7c9808.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-14478 .elementor-element.elementor-element-f7c9808.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-14478 .elementor-element.elementor-element-890947b{margin-top:0px;margin-bottom:0px;}.elementor-14478 .elementor-element.elementor-element-f7c9808.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-14478 .elementor-element.elementor-element-f7c9808.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-14478 .elementor-element.elementor-element-4b5ceda{width:25%;}.elementor-14478 .elementor-element.elementor-element-1aee66f{width:75%;}}/* Start custom CSS for section, class: .elementor-element-890947b *//* ====================================================== СТИЛІ ДЛЯ ПЛАГІНА ФІЛЬТРІВ (WOOBEWOO PRODUCT FILTER) ====================================================== */ /* Заголовки блоків фільтрів (Product categories, Marca, Tipo De Piel, Necesidad, Price) */ .wpfMainWrapper .wpfFilterTitle .wfpTitle { font-size: 13px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; color: #737373 !important; text-shadow: 0 0 3px #ffffff, 0 0 5px #ffffff !important; } /* Тексти пунктів фільтрів (назви брендів, типів шкіри тощо) — білі з темною тіНню */ .wpfMainWrapper .wpfLiLabel, .wpfMainWrapper .wpfDisplay, .wpfMainWrapper .wpfValue, .wpfMainWrapper .wpfFilterTaxNameWrapper { color: #ffffff !important; font-weight: 600 !important; font-size: 12px !important; text-shadow: 0 0 4px rgba(0, 0, 0, 0.8), 0 0 8px rgba(0, 0, 0, 0.5) !important; } /* Перетворення круглих / стандартних чекбоксів плагіна на суворі прямокутні */ .wpfMainWrapper .wpfCheckbox input[type="checkbox"] { border-radius: 0 !important; border-color: #737373 !important; } /* Активний чекбокс — золотистий */ .wpfMainWrapper .wpfCheckbox input[type="checkbox"]:checked + label, .wpfMainWrapper .wpfCheckbox input[type="checkbox"]:checked { background-color: #D4922A !important; border-color: #D4922A !important; } /* Лінія слайдера ціни */ .wpfMainWrapper .wpfPriceFilterRange { background: #dcdcdc !important; height: 3px !important; border-radius: 0 !important; border: none !important; } .wpfMainWrapper .ui-slider-range { background: #D4922A !important; border-radius: 0 !important; } /* Ползунки слайдера ціни — прямокутні золоті */ .wpfMainWrapper .ui-slider-handle { background: #D4922A !important; border: none !important; width: 10px !important; height: 10px !important; border-radius: 0 !important; top: -3.5px !important; outline: none !important; } /* Поля вводу мінімум/максимум ціни */ .wpfMainWrapper .wpfPriceRangeField { color: #ffffff !important; font-weight: 700 !important; background: transparent !important; border: none !important; text-shadow: 0 0 3px rgba(0,0,0,0.7) !important; } /* Кнопка "Filter" внизу віджета плагіна (Прямокутна, золота з тінню) */ .wpfMainWrapper .wpfFilterButton { background-color: #D4922A !important; color: #ffffff !important; font-size: 12px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 1px !important; padding: 8px 18px !important; border-radius: 0 !important; border: none !important; cursor: pointer !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4) !important; transition: background-color 0.2s ease, box-shadow 0.2s ease !important; } .wpfMainWrapper .wpfFilterButton:hover { background-color: #b87b1e !important; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important; } /* ====================================================== ЧОРНЕ СВІТІННЯ ТА ОБВОДКА ДЛЯ ТЕКСТІВ У PRODUCTS_GRID ====================================================== */ .products_grid, .products_grid p, .products_grid span, .products_grid a, .products_grid h1, .products_grid h2, .products_grid h3, .products_grid h4, .products_grid h5, .products_grid .woocommerce-loop-product__title, .products_grid .price, .products_grid .woocommerce-product-details__short-description { color: #ffffff !important; font-weight: 500 !important; text-shadow: 0 0 5px rgba(0, 0, 0, 0.8), 0 0 10px rgba(0, 0, 0, 0.6), 0 0 15px rgba(0, 0, 0, 0.4) !important; } /* ====================================================== ЗОЛОТІ БРЕНДОВІ КНОПКИ В PRODUCTS_GRID (БЕЗ ЗАОКРУГЛЕНЬ) ====================================================== */ .products_grid .button, .products_grid a.button, .products_grid button.button { background-color: #D4922A !important; color: #ffffff !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; padding: 10px 20px !important; border-radius: 0 !important; border: none !important; cursor: pointer !important; transition: background-color 0.2s ease, box-shadow 0.2s ease !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4) !important; display: inline-block !important; text-align: center !important; } .products_grid .button:hover, .products_grid a.button:hover, .products_grid button.button:hover { background-color: #b87b1e !important; color: #ffffff !important; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important; } /* ====================================================== ПРИМУСОВИЙ БІЛИЙ КОЛІР ДЛЯ ВСІХ ПУНКТІВ ФІЛЬТРА WOOBEWOO ====================================================== */ /* Примусово робимо білим текст усіх елементів списку */ .wpfMainWrapper .wpfFilterContent ul li, .wpfMainWrapper .wpfFilterContent ul li *, .wpfMainWrapper .wpfFilterContent label, .wpfMainWrapper .wpfFilterContent span, .wpfMainWrapper .wpfFilterContent a, .wpfMainWrapper .wpfLiLabel, .wpfMainWrapper .wpfDisplay, .wpfMainWrapper .wpfValue, .wpfMainWrapper .wpfFilterTaxNameWrapper { color: #ffffff !important; font-weight: 600 !important; font-size: 12px !important; text-shadow: 0 0 4px rgba(0, 0, 0, 0.9), 0 0 8px rgba(0, 0, 0, 0.7) !important; opacity: 1 !important; /* На випадок, якщо плагін додає напівпрозорість */ } /* При наведенні: текст залишається білим, з'являється золотисте світіння */ .wpfMainWrapper .wpfFilterContent ul li label, .wpfMainWrapper .wpfFilterContent ul li a { transition: text-shadow 0.25s ease !important; } .wpfMainWrapper .wpfFilterContent ul li label:hover, .wpfMainWrapper .wpfFilterContent ul li a:hover, .wpfMainWrapper .wpfFilterContent ul li:hover * { color: #ffffff !important; text-shadow: 0 0 4px rgba(0, 0, 0, 0.9), 0 0 8px #D4922A, 0 0 14px #D4922A, 0 0 20px rgba(212, 146, 42, 0.8) !important; }/* End custom CSS */