/*
Theme Name: child_themes
Theme URI: https://web-creative.studio/
Template: hello-elementor
Author: WebCreative
Author URI: https://web-creative.studio/
Version: 2.2.1.1572443540
Updated: 2023-01-30 13:52:20

*/


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

Base & Reset
============================================ */
html {
scroll-behavior: smooth;
}

:focus {
outline-style: none;
outline-width: 0;
outline-color: transparent;
}

a {
transition: color .3s, background-color .3s, border-color .3s;
}


/* ============================================
   Button
   ============================================ */
.elementor-button {
cursor: pointer;
}

.yellow-btn .elementor-button {
    background: var( --e-global-color-accent );
    border:none;
    color:var(--e-global-color-text);
}

.yellow-btn .elementor-button:hover {
    border:none;
}

/* ============================================
2. Переменные (кастомные цвета, при необходимости)
============================================ */
:root {
--clr-white: #fff;
--clr-gray-100: #f3f4f6;
--clr-gray-200: #e5e7eb;
--clr-gray-300: #d1d5db;
}

/* ============================================
3. Layout / Утилиты отступов
============================================ /
/ Стили страниц без Elementor (правовые) */
.wp-singular:not(.elementor-page) main {
padding: 60px 0;
}

/* Глобальный внешний отступ для родительских контейнеров */
.ms {
margin-top: 80px;
}

/* Глобальный внутренний отступ для родительских контейнеров */
.pds {
padding: 80px 10px;
}

p:last-child {
margin: 0;
}

/* ============================================
4. Компоненты (Tabs, LazyLoad, Buttons)
============================================ /
/ Плавное появление Lazy Load картинок от Elementor (Swiper) */
.swiper-slide-image.swiper-lazy:not(.swiper-lazy-loaded) {
opacity: 0;
}

.swiper-slide-image.swiper-lazy.swiper-lazy-loaded {
transition: opacity .5s ease-in;
opacity: 1;
}

/* Кнопка: выравнивание контента */
.elementor-button span {
display: flex;
align-items: center;
justify-content: center;
flex-grow: 0;
}

/* Убрать «раздувание» табов на телефоне */
.e-n-tabs > .e-n-tabs-heading > .e-n-tab-title {
align-self: baseline;
}

.e-n-tabs > .e-n-tabs-heading > :is(.e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title) {
margin: 0 !important;
}

/* Скрывать иконки соцсетей без ссылок */
.elementor-grid-item:has(a[href="#"]):not(a[href]),
.phone li.elementor-icon-list-item:not(:has(a[href])) {
display: none;
}

/* Базовые стили чекбоксов и радио */
form input[type="checkbox"],
form input[type="radio"] {
appearance: none;
background: var(--clr-white) !important;
border: 2px solid var(--clr-gray-300) !important;
cursor: pointer;
display: inline-block !important;
height: 20px !important;
width: 20px !important;
margin: 0;
position: relative;
vertical-align: middle;
transition: border-color .2s ease-in-out, background-color .2s ease-in-out;
padding: 5px !important;
}

/* Hover */
form input[type="checkbox"]:hover,
form input[type="radio"]:hover {
border-color: var(--e-global-color-accent);
}

/* Radio */
form input[type="radio"] {
border-radius: 50% !important;
}

form input[type="radio"]:checked {
border: 6px solid var(--e-global-color-accent) !important;
background: var(--clr-white) !important;
}

/* Checkbox */
form input[type="checkbox"] {
border-radius: 4px !important;
}

form input[type="checkbox"]:checked {
background: var(--e-global-color-accent) !important;
border-color: var(--e-global-color-accent) !important;
}

form input[type="checkbox"]:checked::after {
content: "\2713";
color: var(--clr-white);
font-size: 14px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
justify-content: center;
align-items: center;
}

/* Disabled */
form input[type="checkbox"]:disabled,
form input[type="radio"]:disabled {
background: var(--clr-gray-100);
border-color: var(--clr-gray-200);
cursor: not-allowed;
}

/* Метки */
form label {
cursor: pointer;
user-select: none;
}

/* Фокус (доступность) */
form input[type="checkbox"]:focus,
form input[type="radio"]:focus {
outline: 2px solid var(--e-global-color-accent);
outline-offset: 2px;
}

/* ============================================
5. Контент: списки и типографика
============================================ */
.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol,
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol,
.elementor-widget-woocommerce-archive-description ul,
.elementor-widget-woocommerce-archive-description ol,
.elementor-tab-content ul,
.elementor-tab-content ol,
.elementor-widget-container ul,
.elementor-widget-container ol,
.jet-toggle__content-inner ul,
.jet-toggle__content-inner ol {
margin-bottom: 15px;
}

span {
line-height: 1.2;
}

/* ============================================
6. Ссылки в статьях
============================================ /
/ Стилизованная ссылка с иконкой (для списка страниц + общий класс .link-style) */
:is(.page-id-899, .page-id-917, .page-id-919, .page-id-1966) .page-content p a,
.link-style a {
	color: var(--e-global-color-text);
	text-decoration: none;
	border-bottom: 2px solid transparent;
	transition: color .3s, background-color .3s, border-color .3s;
	background: linear-gradient(transparent 80%, var(--e-global-color-accent) 80%);
}

:is(.page-id-899, .page-id-917, .page-id-919, .page-id-1966) .page-content p a::after,
.link-style a::after {
	content: "🔗";
	display: inline-block;
	padding-left: 5px;
	opacity: .7;
}

.elementor-widget-theme-post-content a:hover,
.elementor-widget-text-editor a:hover,
.wp-singular:not(.elementor-page) main p a:hover {
color: var(--e-global-color-text);
border-bottom-color: var(--e-global-color-accent);
background: var(--e-global-color-accent);
cursor: pointer;
}

/* ============================================
7. Footer (навигация и выпадающие меню)
============================================ /
/ Полностью скрываем выпадающее меню в футере */
footer .elementor-nav-menu--dropdown {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}

/* Убираем индикаторы подменю */
footer .elementor-item.has-submenu::after,
footer .elementor-nav-menu .sub-arrow {
display: none !important;
}

/* Запрещаем ховер для раскрытия */
footer .elementor-nav-menu li:hover > .sub-menu {
display: none !important;
}

/* ============================================
8. Media Queries
============================================ */
@media (width < 768px) {
.child-products .jet-listing-dynamic-repeater__items {
flex-wrap: wrap;
}
}