/*
 Theme Name: Hello Elementor Child
 Theme URI: https://example.com/
 Description: Child theme for Hello Elementor
 Author: Your Name
 Author URI: https://example.com/
 Template: hello-elementor
 Version: 1.0.0
 Text Domain: hello-elementor-child
*/
 @media (prefers-reduced-motion: no-preference) {
     html {
         scroll-behavior: smooth;
     }
 }

 .elementor a {
     color: var(--e-global-color-secondary);
     ;
 }

 /* Firefox */
 ::-webkit-scrollbar {
     width: 10px;
     height: 12px;
 }

 ::-webkit-scrollbar-track {
     background: #fff;
     -webkit-box-shadow: inset 1px 1px 2px #E0E0E0;
     border: 1px solid #fff;
 }

 ::-webkit-scrollbar-thumb {
     background: var(--e-global-color-secondary);
     -webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4);
 }

 ::-webkit-scrollbar-thumb:hover {
     -webkit-box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.3);
 }

 ::-webkit-scrollbar-thumb:active {
     background: var(--e-global-color-secondary);
     -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
 }

 /* Базовая иконка */
 .WhatsappIcon a {
     -webkit-animation:
         IconPulsing 1.5s infinite;
     animation: IconPulsing 3s infinite;
     box-shadow: 0 0 0 0 rgba(201, 155, 98, 0.5);
     border-radius: 50%;
 }


 @-webkit-keyframes IconPulsing {
     0% {
         -moz-transform: scale(1);
         -ms-transform: scale(1);
         -webkit-transform: scale(1);
         transform: scale(1);
     }

     70% {
         -moz-transform: scale(1);
         -ms-transform: scale(1);
         -webkit-transform: scale(1);
         transform: scale(1);
         -webkit-box-shadow: 0 0 0 50px rgba(201, 155, 98, 0);
         -moz-box-shadow: 0 0 0 50px rgba(201, 155, 98, 0);
         box-shadow: 0 0 0 30px rgba(201, 155, 98, 0);
     }

     100% {
         -moz-transform: scale(1);
         -ms-transform: scale(1);
         -webkit-transform: scale(1);
         transform: scale(1);
         -webkit-box-shadow: 0 0 0 0 rgba(201, 155, 98, 0);
         -moz-box-shadow: 0 0 0 0 rgba(201, 155, 98, 0);
         box-shadow: 0 0 0 0 rgba(201, 155, 98, 0);
     }
 }

 /* Плавная анимация без резких фаз */
 @keyframes softPulse {
     0% {
         transform: scale(0.95);
         opacity: 0.45;
     }

     40% {
         transform: scale(1.12);
         opacity: 0.55;
     }

     70% {
         transform: scale(1.22);
         opacity: 0.25;
     }

     100% {
         transform: scale(1.28);
         opacity: 0;
     }
 }


 .hfe-breadcrumbs a {
     text-decoration: none !important;
 }

 /* post */
 .my-header-container {
     background-color: rgba(255, 255, 255, 0);
     transition: background-color 1.2s ease-out;
 }

 .my-header-container.header-scrolled {
     background-color: #ffffff;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
 }



 .my-header-container.header-scrolled .ww-lang-burger svg {
     fill: #C99B62 !important;

 }

 .my-header-container.header-scrolled .ww-lang-burger:hover svg {
     fill: #eec89a !important;

 }

 .my-header-container .ww-lang-burger svg {
     fill: #C99B62 !important;

 }

 .my-header-container .ww-lang-burger:hover svg {
     fill: #eec89a !important;

 }

 .my-header-container.header-scrolled .icon-header .elementor-icon {
     color: #333333 !important;
 }

 .my-header-container .logo-wrap {
     position: relative;
     display: flex;
     align-items: center;
 }

 .my-header-container .logo-wrap .logo-light,
 .my-header-container .logo-wrap .logo-dark {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     /* inset-inline-start: 0;*/
     transition: opacity 0.6s ease-in-out;
 }

 @media (max-width: 768px) {

     .my-header-container .logo-wrap .logo-light,
     .my-header-container .logo-wrap .logo-dark {
         left: 50%;
         transform: translate(-50%, -50%) scale(1.25);
     }
 }

 .my-header-container .logo-wrap .logo-light {
     opacity: 1;
 }

 .my-header-container .logo-wrap .logo-dark {
     opacity: 0;
 }

 .my-header-container.header-scrolled .logo-wrap .logo-light {
     opacity: 0;
 }

 .my-header-container.header-scrolled .logo-wrap .logo-dark {
     opacity: 1;
 }

 /* Верхние пункты меню */
 .my-header-container .elementor-item:not(.elementor-sub-item) {
     color: rgba(255, 255, 255, 1);
     transition: color 0.55s ease-out;
 }

 /* Когда шапка проскроллена */
 .my-header-container.header-scrolled .elementor-item:not(.elementor-sub-item) {
     color: var(--e-global-color-text) !important;
 }


 /* Цвет иконки (до скролла) */
 .my-header-container .menu-icon-svg .elementor-icon svg path {
     fill: #ffffff;
     /* белый */
 }

 /* Цвет иконки после скролла */
 .my-header-container.header-scrolled .menu-icon-svg .elementor-icon svg path {
     fill: #333333;
     /* черный или var(--e-global-color-text) */
 }

 .my-header-container.header-scrolled .sub-arrow i {
     color: var(--e-global-color-secondary);
 }

 .teliconmobile {
     background-color: var(--e-global-color-secondary);
     color: var(--e-global-color-66335b3);
     padding: .5em .5em .5em .5em;
     border-radius: 50%;
 }

 .teliconmobile .elementor-icon-wrapper {


     width: 18px;
     height: 20px;
 }

 /* post */
 /*.ww-sticky-section {
     position: relative;
     min-height: 100vh;
 }

 .ww-sticky-section .ww-sticky-img-col {
     position: sticky;
     top: 0;
     height: 100vh;
     display: flex;
     align-items: center;
     opacity: 0;
     transition: opacity 0.7s ease-out;
     z-index: 1;
 }

 .ww-sticky-section .ww-sticky-img-col img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .ww-sticky-section.is-active .ww-sticky-img-col {
     opacity: 1;
 }*/
 /* Вся обёртка с шагами */
 /* Контейнер со «шагами» — отдельная прокрутка */
 /* === Обёртка всего блока с шагами === */
 /* === Обёртка всего блока с шагами === */
 /* Обёртка – обычный блок, без скроллов и sticky */

 /* post */

 .scroll-highlight-text span {
     color: #d0d0d0;
     transition: color .3s ease;
     display: inline-block;
 }

 .scroll-highlight-text span.is-visible {
     color: #252424;
 }



 /* post */



 .formbtnIconColor svg {
     padding-top: 4px;
     font-size: 18px;
     line-height: 1em;
 }








 .formbtnIconColor .elementor-button-content-wrapper {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .formbtnIconColor .elementor-button-icon {
     border-radius: 50%;
     padding: 2px 4px 5px 4px;
     line-height: 1em;
     background-color: var(--e-global-color-secondary);
     fill: #FDFDFD !important;
     color: #FDFDFD !important;
 }

 .formbtnIconColor .elementor-button-icon svg path {
     fill: #FDFDFD !important;
     color: #FDFDFD !important;
 }

 .formbtnIconColor:hover .elementor-button-icon {
     background-color: #FDFDFD;
 }

 .formbtnIconColor:hover .elementor-button-icon svg {
     fill: var(--e-global-color-secondary) !important;
     color: var(--e-global-color-secondary) !important;
 }

 .formbtnIconColor:hover .elementor-button-icon svg path {
     fill: var(--e-global-color-secondary) !important;
     color: var(--e-global-color-secondary) !important;
 }



 .btnIconColorInvert .elementor-button-content-wrapper {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .btnIconColorInvert .elementor-button-icon {
     border-radius: 50%;
     padding: 4px 4px 2px 4px;
     line-height: 1em;
     background-color: var(--e-global-color-a49b399);
     fill: var(--e-global-color-secondary);
     color: var(--e-global-color-secondary);
 }

 .btnIconColorInvert:hover .elementor-button-icon {
     background-color: var(--e-global-color-secondary);
 }

 .btnIconColorInvert:hover .elementor-button-icon svg {
     fill: var(--e-global-color-a49b399) !important;
     color: var(--e-global-color-a49b399) !important;
 }



 .btnIconColor svg {
     padding-top: 4px;
     font-size: 18px;
     line-height: 1em;
 }

 .elementor-button-icon svg {
     height: auto;
     width: 1em !important;
 }

 /* Home */
 .btnIconColorWhite .elementor-button-icon {
     border-radius: 50%;
     padding: 2px 4px 5px 4px;
     line-height: 1em;
     background-color: var(--e-global-color-secondary);
     fill: var(--e-global-color-66335b3);
     color: var(--e-global-color-66335b3);
     max-height: 30px;
 }

 .btnIconColorWhite .elementor-button-content-wrapper {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .btnIconColorWhite .elementor-button:hover .elementor-button-icon {
     background-color: var(--e-global-color-66335b3);
 }

 .btnIconColorWhite svg {
     padding-top: 4px;
     font-size: 18px;
     line-height: 1em;
 }

 .btnIconColorWhite .elementor-button:hover .elementor-button-icon svg path {
     fill: var(--e-global-color-secondary) !important;
     stroke: var(--e-global-color-secondary) !important;
 }

 .btnIconColorWhite .elementor-button:focus-visible .elementor-button-icon svg path {
     fill: var(--e-global-color-secondary) !important;
     stroke: var(--e-global-color-secondary) !important;
 }

 .btnIconColorWhite .elementor-button:active .elementor-button-icon svg path {
     fill: var(--e-global-color-secondary) !important;
     stroke: var(--e-global-color-secondary) !important;
 }

 .btnIconColorWhite .elementor-button-content-wrapper {

     /* расстояние между номером и иконкой */
 }

 /* Home */
 .btnIconColorGold .elementor-button-icon {
     border-radius: 50%;
     padding: 2px 4px 5px 4px;
     line-height: 1em;
     background-color: var(--e-global-color-66335b3);
     fill: var(--e-global-color-secondary);
     color: var(--e-global-color-secondary);
 }

 .btnIconColorGold .elementor-button:hover .elementor-button-icon {
     background-color: var(--e-global-color-secondary);
 }

 .btnIconColorGold svg {
     padding-top: 4px;
     font-size: 18px;
     line-height: 1em;
 }

 .btnIconColorGold .elementor-button:hover .elementor-button-icon svg path {
     fill: var(--e-global-color-66335b3) !important;
     stroke: var(--e-global-color-66335b3) !important;
 }

 .btnIconColorGold .elementor-button:focus-visible .elementor-button-icon svg path {
     fill: var(--e-global-color-66335b3) !important;
     stroke: var(--e-global-color-66335b3) !important;
 }

 .btnIconColorGold .elementor-button:active .elementor-button-icon svg path {
     fill: var(--e-global-color-66335b3) !important;
     stroke: var(--e-global-color-66335b3) !important;
 }

 /* Home */
 .headerPbtnIconColor .elementor-button-icon {
     border-radius: 50%;
     padding: 2px 4px 5px 4px;
     line-height: 1em;
     background-color: var(--e-global-color-secondary);
     fill: var(--e-global-color-66335b3) !important;
     color: var(--e-global-color-66335b3) !important;
 }

 .headerPbtnIconColor svg {
     padding-top: 4px;
     font-size: 18px;
     line-height: 1em;
 }

 li.item.acc_section {
     border-radius: 4px !important;
     margin-bottom: 15px !important;
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
 }

 .heading.acc_head>div {
     display: flex;
     flex-direction: row-reverse;
     justify-content: space-between;
     padding: 7px 10px !important;
 }







 .cardImage img {
     width: 100%;
     max-width: 100%;
     height: 415px;
     object-fit: cover;
     object-position: center center;
     background: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);
 }




 .card:hover .cardImage .elementor-widget-container {
     overflow: hidden;
 }



 .card .cardImage .elementor-widget-container {
     position: relative;
 }

 .cardImage .elementor-widget-container {
     -webkit-mask-image: url(https://adv.aisupplies.eu/wp-content/uploads/2025/12/Union2.svg);
     -webkit-mask-size: contain;
     -webkit-mask-position: center center;
     -webkit-mask-repeat: no-repeat;
     background: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);
 }

 /* 1) Карточка: чтобы зум не вылезал за границы */
 a.card {
     display: block;
     /* чтобы <a> корректно вел себя как блок */
     overflow: hidden;
 }

 /* 2) Контейнер картинки — якорь для псевдоэлемента */
 .card .cardImage .elementor-widget-container {
     position: relative;
     overflow: hidden;
     /* критично для эффекта "внутри" */
 }

 /* 3) Градиент-оверлей */
 .card .cardImage .elementor-widget-container::after {
     content: '';
     position: absolute;
     inset: 0;
     background: linear-gradient(0deg, rgba(0, 0, 0, .30) 0%, rgba(0, 0, 0, 0) 100%);
     pointer-events: none;
     /* чтобы не ломал hover */
     z-index: 2;
 }

 /* 4) Картинка — под оверлеем */
 .card .cardImage img {
     display: block;

     object-fit: cover;
     transform: scale(1);
     transition: transform .45s ease;
     z-index: 1;
 }

 /* 5) Возвращаем zoom on hover */
 .card:hover .cardImage img {
     transform: scale(1.08);
 }







 .aboutImg:after {
     content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     right: auto;
     bottom: auto;
     width: 105%;
     height: 105%;
     z-index: -2;
     transform: translate(-50%, -50%);
     border: 1px solid var(--e-global-color-secondary);
     border-radius: 15px;
 }

 .aboutImg:before {
     content: '';
     position: absolute;
     background-color: var(--e-global-color-66335b3);
     top: -50px;
     right: -50px;
     left: auto;
     bottom: auto;
     width: 200px;
     height: 230px;
     z-index: -1;
     border-radius: 15px;
 }

 @media (max-width: 765px) {
     .aboutImg:before {
         content: '';
         position: absolute;
         background-color: var(--e-global-color-66335b3);
         top: -12px;
         right: -12px;
         left: auto;
         bottom: auto;
         width: 40%;

         height: 40%;
         z-index: -1;
         border-radius: 15px;
     }
 }

 .elementor-widget-dyncontel-acf .acf-image img {
     object-fit: cover;
     object-position: center center;
 }

 @media (min-width: 1024px) {
     .elementor-widget-dyncontel-acf .acf-image img {
         height: 100vh;

     }
 }

 @media (max-width: 1024px) {
     .elementor-widget-dyncontel-acf .acf-image img {
         height: 450px;
         border-radius: 10px;

     }
 }

 @media (max-width: 765px) {
     .elementor-widget-dyncontel-acf .acf-image img {
         height: 250px;

     }

     .mobileCenter * {
         text-align: center;
         justify-content: center;
     }
 }



 .btn_accessibility {

     display: none !important;
 }

 .accessibility-icon {
     position: fixed;
     font-size: 19px !important;
     left: 0px !important;
     bottom: 50px !important;
     top: auto !important;
     right: auto !important;
     background-color: #c99b62;
     color: #ffffff;
     border: 0px;
     padding: 7px 10px 3px 10px;
 }

 #accessibility_action11 {
     background-color: #c99b62 !important;
     color: #ffffff !important;
 }

 .accessibility-icon:focus,
 .accessibility-icon:hover {
     background-color: #ebc495;
     color: #fff;
     text-decoration: none;
 }

 span.hfe-breadcrumbs-home-icon {
     margin-right: 0px !important;

 }

 .elementor-nav-menu .sub-arrow {

     /* padding: 10px 14px 10px 4px !important;*/

 }

 @media (min-width: 1024px) {

     .scroll-wrapper {
         position: relative;
     }

     .dce-acf-repeater-item {
         min-height: 100vh;
     }



     .imgSticky {
         overflow: hidden;
     }

     .imgSticky img {
         width: 100%;
         height: 100%;
         object-fit: cover;
     }

     .imgSticky {
         will-change: transform;
         backface-visibility: hidden;
         transform: translateZ(0);
     }
 }

 /* === WW language burger dropdown: открывается поверх, не растягивает хедер === */

 /* 1) якорь для абсолютного позиционирования */
 .ww-lang-burger {
     position: relative;
     z-index: 9999;
 }

 /* 2) контейнер выпадашки: делаем абсолютным слоем */
 .ww-lang-burger .elementor-nav-menu__container.elementor-nav-menu--dropdown {
     position: absolute !important;
     top: 100%;
     right: auto;
     left: 0;
     width: max-content;
     min-width: 120px;
     margin-top: 8px;
     z-index: 99999;
 }

 /* 3) важное: убираем влияние переменной высоты, чтобы не раздвигало */
 .ww-lang-burger .elementor-nav-menu__container.elementor-nav-menu--dropdown {
     height: auto !important;
     max-height: none !important;
     overflow: visible !important;
     --menu-height: auto !important;
 }

 /* 4) стили выпадашки (можно убрать/поменять) */
 .ww-lang-burger .elementor-nav-menu__container.elementor-nav-menu--dropdown ul {
     background: #fff;
     box-shadow: 0 8px 30px rgba(0, 0, 0, .18);
     border-radius: 10px;
     padding: 6px 0;
 }

 /* 5) кликабельные пункты */
 .ww-lang-burger .elementor-nav-menu__container.elementor-nav-menu--dropdown a.elementor-item {
     padding: 10px 14px;
     white-space: nowrap;
 }

 /* 6) чтобы хедер не обрезал выпадашку */
 .elementor-location-header,
 .elementor-location-header .e-con,
 .elementor-location-header .elementor-container {
     overflow: visible !important;
 }


 .square-container {
     aspect-ratio: 1 / 1;
 }



 .e-off-canvas .e-off-canvas__main,
 .e-off-canvas .e-off-canvas__overlay {
     transition-duration: 0s !important;
 }

 /* не даём кнопке сжиматься */
 .elementor-element-2723bb1 {
     flex: 0 0 auto;
 }

 .elementor-element-2723bb1 .elementor-button {
     white-space: nowrap;
     flex-wrap: nowrap;
 }