/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.1.1747047960
Updated: 2025-05-12 14:06:00*/

a {
    background-color: transparent;
    text-decoration: underline;
    color: var(--e-global-color-primary);
}
a:hover {
    background-color: transparent;
    text-decoration: underline;
    color: var(--e-global-color-0e2fc17);
}

/* ===================================================================
   Применяем ко всем чекбоксам (input[type="checkbox"]) следующие стили с !important
   =================================================================== */

/* 1. Сброс стандартного внешнего вида, размеры, граница, фон, курсор, позиционирование, переход */
input[type="checkbox"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    border: 2px solid var(--e-global-color-accent) !important;
    border-radius: 5px !important;
    background-color: #fff !important;
    cursor: pointer !important;
    position: relative !important;
    transition: border-color 0.3s ease !important;
    margin-right: 8px !important;
    margin-bottom: 1px !important;
}

/* 2. Вложенный квадрат внутри чекбокса (псевдоэлемент) */
input[type="checkbox"]::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 13px !important;
    height: 13px !important;
    border-radius: 3px !important;
    background-color: transparent !important;
    transition: all 0.3s ease !important;
}

/* 3. При наведении на чекбокс — вложенный квадрат становится цветом акцента */
input[type="checkbox"]:hover::after {
    background-color: var(--e-global-color-accent) !important;
}

/* 4. При выборе (checked) — вложенный квадрат становится основного цвета */
input[type="checkbox"]:checked::after {
    background-color: var(--e-global-color-primary) !important;
}

/* 5. При выборе (checked) — граница чекбокса становится основного цвета и запускается анимация импульса */
input[type="checkbox"]:checked {
    border-color: var(--e-global-color-primary) !important;
    animation: pulse 0.4s ease !important;
}

/* 6. Анимация импульса (используется для checked) */
@keyframes pulse {
    0% {
        transform: scale(1) !important;
    }
    50% {
        transform: scale(1.1) !important;
    }
    100% {
        transform: scale(1) !important;
    }
}

/* 7. При наведении на чекбокс — изменение внешней границы */
input[type="checkbox"]:hover {
    border-color: var(--e-global-color-accent) !important;
}

/* 8. Для группировки чекбоксов: контейнеры и метки можно выровнять flex-ом */
.elementor-field-subgroup,
.elementor-field-option {
    display: flex !important;
    align-items: center !important;
}

/* 9. Стиль для меток чекбоксов (чтобы текст центрировался по вертикали) */
.elementor-field-option label,
label[for][id][class*="elementor"], /* захват любых лейблов с for */
label[for] {
    display: inline-block !important;
    line-height: 20px !important;
    margin: 0 !important;
}

/* 10. Стили для элемента списка с чекбоксом и текстом */
.elementor-field-option .checkbox-item {
    display: flex !important;
    align-items: center !important;
    cursor: pointer !important;
}



table th,
table td {
    padding: 5px !important;  /* Уменьшаем отступы внутри ячеек */
    height: 25px; /* Устанавливаем высоту строк */
    vertical-align: middle; /* Выравнивание содержимого по вертикали */
    border: 1px solid #ccc !important; /* Добавляем границы к ячейкам, если нужно */
}

.elementor-icon-box-description { margin-top: 15px !important;}

    .glightbox-clean .gclose {
        display: none;
}
		
@media (max-width: 767px) {
  .elementor-section.elementor-section-boxed > .elementor-container,
  .elementor-container {
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    left: unset !important;
    right: unset !important;
  }
}



/* Ширина колонок 30/70 только для таблиц с id atrinut-1 и atrinut-2 */
#atribut-1 table.custom-attrs-table th:first-child,
#atribut-1 table.custom-attrs-table td:first-child,
#atribut-2 table.custom-table th:first-child,
#atribut-2 table.custom-table td:first-child {
    width: 30% !important;
}

#atribut-1 table.custom-attrs-table th:last-child,
#atribut-1 table.custom-attrs-table td:last-child,
#atribut-2 table.custom-table th:last-child,
#atribut-2 table.custom-table td:last-child {
    width: 70% !important;
}

span.owl-nav-next {
    display: none;
}
span.owl-nav-prev {
    display: none;
}

.owl-dots      { text-align:center; margin-top:16px; }
.owl-dot       { display:inline-block; margin:0 4px; cursor:pointer; }
.owl-dot span  { width:8px; height:8px; border-radius:50%; display:block;
                 background:var(--e-global-color-accent); transition:.3s; }
.owl-dot.active span{ background:var(--e-global-color-primary); }

button.owl-dot.active {
    background: #d2691e00!important;
    border: 0!important;
	padding: 3px!important;
}
button.owl-dot {
    background: #d2691e00!important;
    border: 0!important;
	padding: 3px!important;
}
.owl-dot.active span {
    background: var(--e-global-color-primary)!important;
	    width: 10px!important;
    height: 10px!important;
	}
	
	
	
	
	
	.noindex-address-contacts::after {
    content: "603152, Нижний Новгород, Ларина, 27
	Остановка Карповская церковь
	Автобусы 15, 63, 66, 68, 73, 77, 85, 86, 97";
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-size: var(--e-global-typography-text-font-size);
	color: var(--e-global-color-text);
	font-weight: var(--e-global-typography-text-font-weight);
	
    line-height: 0;
    margin: 0;
    padding: 0;
  }
	
	
	
	
}
/* ============================================
 * ==================Карточка товара и карусели товаров================*/

.wp-grid-builder .wpgb-card a, .wp-grid-builder .wpgb-card audio, .wp-grid-builder .wpgb-card div, .wp-grid-builder .wpgb-card embed, .wp-grid-builder .wpgb-card h1, .wp-grid-builder .wpgb-card h2, .wp-grid-builder .wpgb-card h3, .wp-grid-builder .wpgb-card h4, .wp-grid-builder .wpgb-card h5, .wp-grid-builder .wpgb-card h6, .wp-grid-builder .wpgb-card iframe, .wp-grid-builder .wpgb-card object, .wp-grid-builder .wpgb-card p, .wp-grid-builder .wpgb-card span, .wp-grid-builder .wpgb-card video {
    border: none;
    box-shadow: none;
    color: inherit;
    font-size: 100%;
    /* font: inherit !important;; */
    margin: 0;
    outline: 0;
    /* padding: 0 !important;; */
    transform: none;
    transition: none;
    vertical-align: initial;
}

.skn-seo-text,
.skn-seo-text em,
.skn-seo-text i {
  font-style: normal !important;
}








/*================================
 плашка «Хит продаж» 
==========================*/


.product-card .card-image { position: relative; } /* якорь для absolute */

.hit-badge{
  position: absolute;
  top: 32px;
  left: 32px;      /* ← левый верх */
  right: auto;
  z-index: 20;
  background: var(--e-global-color-primary);
  color: var(--e-global-color-f39286a);
  font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
  font-size: var(--e-global-typography-text-font-size);
  font-weight: var(--e-global-typography-secondary-font-weight);
  border-radius: 5px;
  padding: 4px 8px;
}
/* якорь для абсолютного позиционирования в типовой разметке Woo */
.woocommerce ul.products li.product a.woocommerce-loop-product__link,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
  position: relative;
  display: block;
}

