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

*/

/*Полоса прокрутки*/
::-webkit-scrollbar {
    width: 15px;
    height: 3px;
}

::-webkit-scrollbar-button {
    height: 0;
}

::-webkit-scrollbar-track {
    background-color: linear-gradient(88.03deg, #F0F4F9 -4.95%, #587CA5 578.66%);
}

::-webkit-scrollbar-track-piece {
    background: #333;
    border-radius:25px;
}

::-webkit-scrollbar-thumb {
    height: 50px;
    background: var(--e-global-color-accent);
	box-shadow: -1px 2px 2px rgba(24, 55, 91, 0.1), inset 0px -2px 1px rgba(39, 81, 126, 0.12), inset 0px 0px 4px rgba(46, 68, 87, 0.02);
	backdrop-filter: blur(28px);
	border-radius: 10px;
}

::-webkit-scrollbar-corner {
    background-color: var(--e-global-color-accent);
}

html {
    scroll-behavior: smooth;
  }


  .elementor-button {
    cursor: pointer;
}
  

:focus {
    outline-style: none;
    outline-width: 0px !important;
    outline-color: none !important;
}


.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, 
.elementor-nav-menu--dropdown .elementor-item.highlighted {
    background-color: transparent;
    }


.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;
}

.ms {
    margin-top: 60px !important;
}


p:last-child {margin: 0;}
p:first-child {margin-top: 0;}

.elementor-button span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
}

.accent {
    color: var(--e-global-color-accent);
}

span {
    line-height: 1;
}

/*Убрать раздувание табов в телефоне*/
.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;
}

/*Переназначение переменных*/
.elementor-kit-20 {
    --white: var(--e-global-color-primary);
    --light-grey: var(--e-global-color-secondary);
    --black: var(--e-global-color-text);
    --accent: var(--e-global-color-accent);
    --dark-grey: var(--e-global-color-363b8fd);
}

.breadcrumb {
	margin: 0 !important;
}

.breadcrumb li::after {
	color: var(--accent);
	margin-left: 0 !important;
}

.elementor-widget-button:not(.simple-btn) .elementor-button, button.elementor-button, .jet-form-builder__submit {
    background: linear-gradient(90deg, #AB0202 0%, #CF0505 11.14%, #ED0707 58.5%) !important;
    background-size: 100% 100% !important;
    transition: all 0.3s ease; 
}

.elementor-widget-button:not(.simple-btn) .elementor-button:hover, button.elementor-button:hover, .jet-form-builder__submit:hover {
    background-size: 350% 100% !important;
}

.grad-icons i:before {
  background-image: -moz-linear-gradient(90deg, #AB0202 0%, #CF0505 11.14%, #ED0707 58.5%);
  background-image: -webkit-linear-gradient(90deg, #AB0202 0%, #CF0505 11.14%, #ED0707 58.5%);
 background-image: linear-gradient(90deg, #AB0202 0%, #CF0505 11.14%, #ED0707 58.5%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
	  display: inline;
}

.prod-card:hover .prod-link .elementor-widget-container, .prod-card:hover .prod-link p {
    color: var(--accent) !important;
	border-color: var(--accent) !important;
}

.prod-link .elementor-widget-container {
    transition: color .3s;
}

.prop-table .value {
    font-weight: 500 !important;
    text-align: right;
    padding-left: 10px !important;
}

.prop-table tr, .prop-table td {
    padding: 0 !important;
    background: none !important;
    border: none;
}

.prop-table tr {
    border-top: 1px solid var(--light-grey) !important; 
}

.prop-table td {
    padding-top: 10px !important;
    padding-bottom: 3px !important;
}

.prop-table tr:last-child td {
    padding-bottom: 0 !important
}

.prop-table table {
    margin: 0 !important;
}

.price-table table * {
    border: none !important;
    background: transparent !important;
    text-align: center;
}

.price-table tr td:first-child, .price-table tr th:first-child {
    text-align: left;
}

.price-table tr th:first-child {
    text-align: left;
    padding-left: 0;
}

.price-table tr td:not(:first-child) {
    font-size: 16px;
    font-weight: 700;
    color: var(--accent);
}

.price-table tr:nth-child(2n) {
    background: rgba(247, 247, 247, 1) !important;
}

.price-table td, .price-table th {
    padding: 15px 20px;
}

.dialog-close-button svg, .jet-popup__close-button svg {
	display: none !important;
}

.dialog-close-button, .jet-popup__close-button {
	right: 8px !important;
	top: 8px !important;
	transition: opacity .3s;
}

.dialog-close-button:before, .jet-popup__close-button:before {
	content: '';
	background: url('/wp-content/uploads/2024/03/close-menu.svg') no-repeat;
	background-size: contain;
	width: 40px;
	height: 32px;
}

@media(width <= 767px) {
	.dialog-close-button:before, .jet-popup__close-button:before {
		width: 30px;
		height: 24px;		
	}
}

.dialog-close-button:hover, .jet-popup__close-button:hover {
	opacity: 0.5 !important;
}

input::placeholder {
  font-weight: 300 !important;
}

input:focus {
	border-color: var(--accent) !important;
}

.key-price {
	font-weight: 500 !important;
	display: inline-block;
	margin-left: 20px;
}

.price-table .elementor-shortcode {
    overflow-x: auto;
}

.price-table th, .price-table td:not(:first-child) {
    white-space: nowrap;
}

.price-table td:first-child {
   min-width: 250px;
}

@media(width <= 767px) {
    .filter-two-col fieldset {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    
    .filter-two-col fieldset > div {
        width: 40%;
        flex-grow: 1;
    }
}

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

/* Стили при наведении */
form input[type="checkbox"]:hover,
form input[type="radio"]:hover {
    border-color: var(--e-global-color-accent);
}

/* Специфичные стили для радиокнопок */
form input[type="radio"] {
    border-radius: 50% !important;
}

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

/* Специфичные стили для чекбоксов */
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: #fff;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Стили для отключенного состояния */
form input[type="checkbox"]:disabled,
form input[type="radio"]:disabled {
    background: #f3f4f6;
    border-color: #e5e7eb;
    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;
}
/*Конец чекбоксы*/

.elementor-field-type-acceptance {
	margin-top: -10px;	
}

.elementor-field-type-acceptance a, .field-type-checkbox-field a {
	color: var(--e-global-color-accent) !important;
	transition: all .3s;
}

.elementor-field-type-acceptance a:hover, .field-type-checkbox-field a:hover {
	color: var(--e-global-color-secondary) !important;
}

.acceptance + span {
	display: inline-block !important;
}

.acceptance + span:before {
	margin-right: 10px !important;
	vertical-align: bottom !important;
	width: 18px !important;
	height: 18px !important;
}

.acceptance + span:after {
	top: 3px !important;
	left: 3px !important;
	font-size: 12px !important;
}