/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */



/*Кнопка ПОИСК в шапке*/
@media (min-width: 768px) and (max-width: 1024px) {
.elementor-widget-search .e-search-input-wrapper, .elementor-widget-search .e-search-label * {
     width: 145px;
}}


/*Кнопка ЗАДАТЬ ВОПРОС в шапке*/
.elementor-element-7780d14 .elementor-button {
    position: relative;
    overflow: hidden;
    background: linear-gradient(45deg, var(--e-global-color-bed0bf0), #2c3e50);
}

.elementor-element-7780d14 .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.6),
        transparent
    );
    transition: left 0.7s ease;
}

.elementor-element-7780d14 .elementor-button:hover::before {
    left: 100%;
}



/* СЕКЦИЯ-ГЕРОЙ ВИДЕО */
.elementor-section:first-of-type { position: relative; }

/* Контейнер логотипа как ФОН: половина экрана по высоте,
   на всю ширину, точно по центру */
#logoVideoBG{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-70%,-60%);
  width: 120vh;
  height: 120vh;        /* как просил — ~50% экрана */
  z-index: 0;          /* позади контента */
  pointer-events: none;
  opacity: 0.5;          /* убрали прозрачность */
}

/* Основной контейнер для видео-лого */
.video-logo-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Маска с логотипом ЕАЗ */
.video-mask {
  width: 100%;
  height: 100%;
  max-width: 500px; /* Максимальная ширина лого */
  
  /* Маска из твоего логотипа */
  mask-image: url('https://evrazarm-pg.ru/wp-content/uploads/2025/11/eaz-video-logo.webp');
  mask-mode: alpha;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  
  /* Для Safari */
  -webkit-mask-image: url('https://evrazarm-pg.ru/wp-content/uploads/2025/11/eaz-video-logo.webp');
  -webkit-mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
}

/* Видео внутри маски */
.video-mask video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Контент секции — поверх фона */
.elementor-section:first-of-type .elementor-container{
  position: relative;
  z-index: 2;
}

/* На мобильных: можно уменьшить фон, чтобы не мешал */
@media (max-width: 767px){
  
    .video-mask {
    max-width: 400px;
  }
  
  #logoVideoBG{
  position: absolute;
  transform: translate(-50%,-80%);
  width: 100vh;
  height: 100vh;        /* как просил — ~50% экрана */
  z-index: 0;          /* позади контента */
  pointer-events: none;
  opacity: 0.5;          /* убрали прозрачность */
}
  
  
}

/* Для очень маленьких экранов */
@media (max-width: 480px){
  #logoVideoBG{ 
    height: 40vh; 
    width: 90vw;
  }
  
  .video-mask {
    max-width: 300px;
  }
}

/* МОБИЛКА: вместо видео — статичное лого без кнопки Play */
@media (max-width: 767px) {
  /* прячем именно этот видос */
  #logoVideoBG .video-mask video#eaz-video-logo {
    display: none;
  }

  /* показываем ту же форму, но как картинку */
  #logoVideoBG .video-mask {
    background-image: url('https://evrazarm-pg.ru/wp-content/uploads/2025/11/fon-mobile-video-mask.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}




/* === КНОПКА ЕАЗ "Перейти в каталог": БАЗА === */
.eaz-btn {
  position: relative;
  display: inline-flex;
  align-items: stretch;
  border: 1px solid #000;
  text-decoration: none;
  font-family: "Manrope", Sans-serif;
  font-weight: 300 !important;
  text-transform: uppercase;
  color: #000;
  overflow: hidden;
}

/* Заливка при ховере (справа → налево) */
.eaz-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  transform-origin: right center;      /* старт справа */
  transform: scaleX(0);                /* по умолчанию не видно */
  transition: transform 0.35s ease;
}

/* Текст — делаем кнопку выше за счёт паддингов */
.eaz-btn-text {
  position: relative;
  z-index: 2;
  padding: 20px 40px;                  /* ↑ высота кнопки */
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: #EBECEC;
  transition: color 0.35s ease;
}

/* Чёрный квадрат со стрелкой */
.eaz-btn-icon {
  position: relative;
  z-index: 2;
  width: 64px;                         /* квадрат пошире/выше */
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
}

/* === СТРЕЛКА === */
/* В обычном состоянии — ↗ (смотрит в правый верхний угол) */
.eaz-arrow {
  width: 22px;
  height: 22px;
  display: block;
  /* БЕЗ transform тут — SVG сам нарисован как ↗ */
  transition: transform 0.35s ease;
}

/* Линии стрелки */
.eaz-arrow path {
  stroke: #fff;
  stroke-width: 2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* === ХОВЕР === */

/* Заливка идёт справа → налево */
.eaz-btn:hover::before {
  transform: scaleX(1);
}

/* Текст становится белым */
.eaz-btn:hover .eaz-btn-text {
  color: #fff;
}

/* Квадрат визуально сливается с заливкой */
.eaz-btn:hover .eaz-btn-icon {
  background: transparent;
}

/* Стрелка поворачивается в горизонтальную → */
.eaz-btn:hover .eaz-arrow {
  transform: rotate(45deg);            /* из ↗ в → */
}



/* ВЫЛЕТАЮЩИЕ ТОВАРЫ 1 экран */
/* Основной контейнер */
.eaz-showcase {
  position: relative;
  width: 560px;
  height: 340px;
  margin-left: auto;
}

/* Первый экран: ничего не даём вылезать и тянуть горизонтальный скролл */
.elementor-68824 .elementor-section:first-of-type {
    overflow: hidden;
}


/* Обертка для каждого изделия */
.product-wrapper {
  position: absolute;
  display: block;
}

/* Изделия */
.product {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 15px 20px rgba(255,255,255,0.1));
  transition: all 0.4s ease;
  position: relative;
  z-index: 2;
}

/* Большая зона ховера */
.hover-zone {
  position: absolute;
  top: -50px;
  left: 0px;
  right: 0px;
  bottom: -50px;
  background: transparent;
  cursor: pointer;
  z-index: 1;
  border-radius: 20px;
}

/* Анимации появления */
.product-wrapper:nth-child(1) .product {
  animation: appear1 1s ease-out 0.2s forwards;
  opacity: 0;
  transform: translateX(-100px) translateY(60px) scale(0.9);
}

.product-wrapper:nth-child(2) .product {
  animation: appear2 1s ease-out 0.5s forwards;
  opacity: 0;
  transform: translateY(100px) scale(0.9);
}

.product-wrapper:nth-child(3) .product {
  animation: appear3 1s ease-out 0.8s forwards;
  opacity: 0;
  transform: translateX(100px) translateY(60px) scale(0.9);
}

@keyframes appear1 {
  to {
    opacity: 1;
    transform: translateX(0) translateY(0) scale(1);
  }
}

@keyframes appear2 {
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes appear3 {
  to {
    opacity: 1;
    transform: translateX(0) translateY(0) scale(1);
  }
}

/* ТОЛЬКО СВЕЧЕНИЕ при ховере - без приближения */
.product-wrapper:hover .product {
  filter: 
    drop-shadow(0 25px 40px rgba(255,255,255,0.25))
    drop-shadow(0 10px 25px rgba(255,255,255,0.15))
    drop-shadow(0 5px 15px rgba(255,255,255,0.05)) !important;
  /* transform остается без изменений */
}

/* Адаптивность */
@media (max-width: 768px) {
  .eaz-showcase {
    width: 100%;
    max-width: 300px;
    height: 230px;
    margin: 20px auto;
  }  
  
  .product-wrapper {
    width: 65% !important;
  }
  
  .hover-zone {
    top: -30px;
    left: -30px;
    right: -30px;
    bottom: -30px;
  }
}

@media (max-width: 380px) {
  .eaz-showcase {
    width: 100%;
    max-width: 200px;
    margin: 20px auto;
  }
}  
  
  
  
  
 /* ======= СТИЛИ SVG 01 ======= */

.eaz-num01 .valve-ring {
  fill: none;
  stroke: #1c6ea1;
  stroke-width: 20;
}

.eaz-num01 .spoke {
  stroke: #1c6ea1;
  stroke-width: 20;
  stroke-linecap: round;
}

.eaz-num01 .valve-center {
  fill: #1c6ea1;
}

/* вращение вентиля */
.eaz-num01 .rotor {
  transform-origin: 90px 90px;
  animation: eaz-valve-spin 20s linear infinite;
}

@keyframes eaz-valve-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* цифра 1 – металл + shine-mask */
.eaz-num01 .num-1 {
  fill: #1c6ea1;
  mask: url(#shine-mask);
}


/* ===== SVG 01 — мобайл: сдвигаем весь SVG и обрезаем ===== */
@media (max-width: 767px) {

    /* Контейнер держит границы и обрезает всё, что выходит */
    .eaz-num01 {
        opacity: 0.7;
    }
 }


/* КНОПКА "Подробнее о производстве" */
/* ССЫЛКА: текст + подчеркивание + стрелка */
.eaz-link-prod {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-weight: 100 !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #FFFFFF !important;
  text-decoration: none;
  position: relative;
  padding-bottom: 6px;
}

/* Линия под текстом – исчезает СПРАВА НАЛЕВО */
.eaz-link-prod::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #000;
  transform-origin: right center;        /* сжимаем от правого края */
  transform: scaleX(1);
  transition: transform 0.25s ease;      /* сначала исчезает линия */
}

/* СТРЕЛКА – та же форма, что на кнопке, только чуть меньше */
.eaz-link-arrow {
  width: 18px;                           /* уменьшили, но пропорции те же */
  height: 18px;
  display: block;
  transition: transform 0.25s ease 0.25s; /* поворот ПОСЛЕ линии (delay 0.25s) */
}

.eaz-link-arrow path {
  stroke: #000;
  stroke-width: 2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Ховер: линия исчезает справа → налево */
.eaz-link-prod:hover::after {
  transform: scaleX(0);
}

/* Ховер: стрелка поворачивается (как на кнопке) */
.eaz-link-prod:hover .eaz-link-arrow {
  transform: rotate(45deg);              /* визуально из ↗ становится более → */
}
 
 
 /* ПРЕИМУЩЕСТВА сетка */
 
 .elementor-68824 .elementor-element.elementor-element-973a908.elementor-view-framed .elementor-icon, .elementor-68824 .elementor-element.elementor-element-973a908.elementor-view-default .elementor-icon {
    margin: -7px 0px;
}
  
 /* ПРЕИМУЩЕСТВА отступ первой иконки */  
 .elementor-68824 .elementor-element.elementor-element-973a908.elementor-view-framed .elementor-icon, .elementor-68824 .elementor-element.elementor-element-973a908.elementor-view-default .elementor-icon {
    margin: -4px 0px !important;
} 



/* ======= СТИЛИ SVG 02 ======= */

.eaz-num02 .valve-ring {
  fill: none;
  stroke: #1c6ea1;
  stroke-width: 20;
}

.eaz-num02 .spoke {
  stroke: #1c6ea1;
  stroke-width: 20;
  stroke-linecap: round;
}

.eaz-num02 .valve-center {
  fill: #1c6ea1;
}

/* вращение вентиля */
.eaz-num02 .rotor {
  transform-origin: 90px 90px;
  animation: eaz-valve-spin 20s linear infinite;
}

@keyframes eaz-valve-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* цифра 2 – металл + shine-mask */
.eaz-num02 .num-1 {
  fill: #1c6ea1;
  mask: url(#shine-mask);
}

/* ===== SVG цифра 2 — мобилка ===== */
@media (max-width: 767px) {

    /* Сам SVG не должен растягивать экран */
    svg.eaz-num02, 
    .eaz-num02 svg {
        max-width: 100%;
        width: 100%;
        height: auto;
        display: block;
        overflow: hidden;

        /* ↓↓↓ фикс скролла */
        margin: 0 auto;         /* вместо margin-left:85px */
        max-width: 100vw;       /* не шире экрана */
    }

    /* Уменьшаем саму цифру 2 */
    .eaz-num02 text {
        transform-origin: 180px 166px;  
        transform: scale(1); 
    }
}

/* ===== SVG 02 — мобайл: сдвигаем весь SVG и обрезаем ===== */
@media (max-width: 767px) {

    /* Контейнер держит границы и обрезает всё, что выходит */
    .eaz-num02-wrapper {
        position: relative;
        width: 100%;
        overflow: hidden;   /* ← ключевой фикс! SVG будет обрезаться */
    }

    /* Сам SVG смещаем вправо */
    .eaz-num02 {
        transform: translateX(90px);  /* ← сдвиг вправо */
        width: 130%;                  /* даёт красивый «обрезанный» эффект */
        height: auto;
    }
}


/* ТОВАРЫ плавность */
.elementor-68824 .elementor-element img {
    transition-duration: 1s !important;
}



/* =========================================================
   ВЕРТИКАЛЬНЫЕ ТАБЫ В ЛЕВОЙ КОЛОНКЕ
   ========================================================= */

.eaz-vertical-tabs {
    margin-top: 32px;
}

.eaz-vertical-tabs-inner {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Кнопка-таба */
.eaz-vtab {
    position: relative;
    display: block;
    width: 100%;
    padding: 14px 0 12px 20px;

    background: transparent !important;
    border: none;
   /* border-bottom: 1px solid #E0E6EB;*/
    border-radius: 0 !important;

    text-align: left;
    cursor: pointer;

    font-family: "Manrope", system-ui, sans-serif;
}

/* Заголовок таба */
.eaz-vtab-title {
    font-family: 'Manrope';
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #2B2A29;
    margin-bottom: 4px;
}

/* Описание таба */
.eaz-vtab-desc {
    font-family: 'Nunito';
    display: block;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    color: #7C8A99;
}

/* Ховер — только цвет текста, без фонов */
.eaz-vtab:hover .eaz-vtab-title {
    color: #0D69B2;
}

/* Активный таб: цвет + левая направляющая */
/*  .eaz-vtab.is-active {
    border-bottom-color: #0D69B2;
} */

.eaz-vtab.is-active::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #0D69B2;
}

.eaz-vtab.is-active .eaz-vtab-title {
    color: #0D69B2;
}

.eaz-vtab.is-active .eaz-vtab-desc {
    color: #4E5C6A;
}

/* Чуть компактнее на мобилках */
@media (max-width: 767px) {
    .eaz-vtab {
        padding-left: 14px;
    }
    .eaz-vtab-title {
        font-size: 15px;
    }
    .eaz-vtab-desc {
        font-size: 12px;
    }
}

/* =========================================================
   ВИДИМОСТЬ ПОСТОВ ПРИ ФИЛЬТРАЦИИ
   ========================================================= */

.eaz-news-timeline.elementor-widget-posts article.elementor-post.eaz-post-hidden {
    display: none !important;
}

/* У первой видимой записи убираем верхнюю границу */
.eaz-news-timeline.elementor-widget-posts article.elementor-post.eaz-first-visible {
    border-top: none !important;
}




/* ========= ГОРИЗОНТАЛЬНЫЕ ТАБЫ НА ПЛАНШЕТЕ И МОБИЛЕ ========= */

/* Планшет и ниже */
@media (max-width: 1024px) {

  /* Контейнер с табами растягиваем на ширину и даём горизонтальный скролл при переполнении */
  .eaz-vertical-tabs {
      margin-top: 16px;
      margin-bottom: 8px;
      overflow-x: auto;
      overflow-y: visible;
  }

  .eaz-vertical-tabs-inner {
      display: inline-flex;
      flex-direction: row;
      flex-wrap: nowrap;
      gap: 8px;
      min-width: 100%;
      padding-bottom: 4px;
  }

  /* Каждый таб теперь — "плашка" в ряд */
  .eaz-vtab {
      width: auto;
      min-width: 180px;          /* чтобы было куда нажать; подгони под себя */
      padding: 10px 14px;
      white-space: normal;
      text-align: left;
      border-bottom: none;       /* убираем вертикальный разделитель снизу */
      border-radius: 0;
      background: transparent;
      box-sizing: border-box;

      /* лёгкая рамка вокруг */
      border: 1px solid #E0E6EB;
  }

  .eaz-vtab-title {
      font-size: 14px;
      margin-bottom: 3px;
  }

  .eaz-vtab-desc {
      font-size: 12px;
      line-height: 1.3;
  }

  /* Активный таб — без левой полосы, просто заливка/рамка */
  .eaz-vtab.is-active::before {
      content: none;
  }

  .eaz-vtab.is-active {
      border-color: #0D69B2;
      background: #0D69B2;
  }

  .eaz-vtab.is-active .eaz-vtab-title,
  .eaz-vtab.is-active .eaz-vtab-desc {
      color: #FFFFFF;
  }
}

/* Доп. ужатие для мобильных */
@media (max-width: 767px) {
  .eaz-vertical-tabs {
      margin-top: 12px;
      margin-bottom: 6px;
  }

  .eaz-vtab {
      min-width: 160px;
      padding: 8px 10px;
  }

  .eaz-vtab-title {
      font-size: 13px;
  }

  .eaz-vtab-desc {
      font-size: 11px;
  }
}

/* ========= ПЛАНШЕТ И МОБИЛА: табы под новостями ========= */
@media (max-width: 1024px) {
  /* Родительский контейнер: всё в колонку */
  .eaz-news-layout {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 24px;
  }

  /* Сначала новости, потом табы */
  .eaz-news-list-col {
    order: 1;
    width: 100% !important;
    max-width: 100% !important;
  }

  .eaz-news-tabs-col {
    order: 2;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Контейнер табов */
  .eaz-vertical-tabs {
    margin-top: 4px;
    margin-bottom: 0;
  }

  .eaz-vertical-tabs-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  /* Таб как карточка в сетке: 3 в ряд на планшете (2 ряда) */
  .eaz-vtab {
    flex: 1 1 calc(33.333% - 8px);
    padding: 10px 10px;
    border: 1px solid #E0E6EB;
    border-radius: 0;
    text-align: left;
    background: #FFFFFF !important;
  }

  .eaz-vtab-title {
    font-size: 14px;
    margin-bottom: 3px;
  }

  .eaz-vtab-desc {
    font-size: 12px;
    line-height: 1.3;
  }

  /* Убираем вертикальную синюю полоску слева на активном табе,
     делаем вместо этого заливку/рамку */
  .eaz-vtab.is-active::before {
    content: none;
  }

  .eaz-vtab.is-active {
    border-color: #0D69B2;
    background: #0D69B2 !important;
  }

  .eaz-vtab.is-active .eaz-vtab-title,
  .eaz-vtab.is-active .eaz-vtab-desc {
    color: #FFFFFF;
  }
}

/* ========= МОБИЛА: табы крупнее, в 2 колонки ========= */
@media (max-width: 767px) {
  .eaz-vertical-tabs-inner {
    gap: 6px;
  }

  /* 2 таба в ряд */
  .eaz-vtab {
    flex: 1 1 calc(50% - 6px);
    padding: 8px 8px;
  }

  .eaz-vtab-title {
    font-size: 13px;
  }

  .eaz-vtab-desc {
    font-size: 11px;
  }
}


/* КНОПКА "Все материалы" + стрелка */
.bl.eaz-link-prod {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-weight: 100 !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #000 !important;
  text-decoration: none;
  position: relative;
 padding-bottom: 6px !important;
}



/* ======= СТИЛИ SVG 03 ======= */

.eaz-num03 .valve-ring {
  fill: none;
  stroke: #f9f9f9;
  stroke-width: 20;
}

.eaz-num03 .spoke {
  stroke: #f9f9f9;
  stroke-width: 20;
  stroke-linecap: round;
}

.eaz-num03 .valve-center {
  fill: #f9f9f9;
}

/* вращение вентиля */
.eaz-num03 .rotor {
  transform-origin: 90px 90px;
  animation: eaz-valve-spin 70s linear infinite;
}

@keyframes eaz-valve-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* цифра 3 – металл + shine-mask */
.eaz-num03 .num-3 {
  fill: #f9f9f9;
  mask: url(#shine-mask);
}


/* ===== Планшет (уменьшаем примерно до 60%) ===== */
@media (max-width: 1024px) {
    .eaz-num03 {
        max-width: 600px;   /* уменьшенная версия */
        transform: translateX(-20px); /* лёгкое смещение для красоты */
        opacity: 0.9;
    }
}

/* ===== Мобильная версия (ещё сильнее — 40%) ===== */
@media (max-width: 767px) {
    .eaz-num03 {
        max-width: 380px;   /* компактный размер */
        transform: translateX(-10px);
        opacity: 0.8;
    }
}

/* ===== Очень маленькие устройства (до 480px) ===== */
@media (max-width: 480px) {
    .eaz-num03 {
        max-width: 300px;
        transform: translateX(-5px);
        opacity: 1;
    }
}



/* ===== БЛОК НОВОСТЕЙ EAZ (тайм-линия + картинка слева) ===== */
/* Важно: класс eaz-news-timeline должен быть указан у виджета Posts в Advanced → CSS Classes */

/* Контейнер списка */
.eaz-news-timeline.elementor-widget-posts .elementor-posts-container {
    position: relative;
    display: flex !important;
    flex-direction: column;
    gap: 5px;
    padding-left: 0;
}

/* Одна новость */
.eaz-news-timeline.elementor-widget-posts .elementor-post {
    position: relative;
    display: flex !important;
    align-items: flex-start;
    gap: 32px;
    margin: 0;
    padding: 32px 0 32px 260px; /* отступ текста от колонки даты */
    border-top: 1px solid #EBECEC;
    transition: background 0.25s ease;
}
.eaz-news-timeline.elementor-widget-posts .elementor-post:first-child {
    border-top: none;
}

/* Сбрасываем поведение скина Classic/thumbnail-right */
.eaz-news-timeline.elementor-widget-posts.elementor-posts--skin-classic.elementor-posts--thumbnail-right
.elementor-post {
    grid-template-columns: none !important;
}

/* ===== КАРТИНКА СЛЕВА ===== */
.eaz-news-timeline.elementor-widget-posts .elementor-post__thumbnail__link {
    order: 0 !important;
    flex: 0 0 260px !important;
    display: block !important;
    margin: 0 !important;       /* убираем стандартные отступы Elementor */
}

.eaz-news-timeline.elementor-widget-posts .elementor-post__thumbnail {
    width: 100%;
    height: 170px;
    overflow: hidden;
    border-radius: 0;            /* без скруглений */
}

.eaz-news-timeline.elementor-widget-posts .elementor-post__thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

/* Текстовый блок */
.eaz-news-timeline.elementor-widget-posts .elementor-post__text {
    order: 1 !important;
    max-width: none !important;
    width: auto !important;
    flex: 1 1 auto;
}

/* ===== Точка-событие ===== */
.eaz-news-timeline.elementor-widget-posts .elementor-post::before {
    content: "";
    position: absolute;
    left: 148px;
    top: 58px;                     /* по центру даты */
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: #FFFFFF;
    border: 3px solid #0D69B2;
    box-shadow: 0 0 0 4px rgba(13, 105, 178, 0.18);
    transform: translateX(-50%);
    transition:
        background 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

/* ===== ДАТА (колонка: день / месяц / год) ===== */
.eaz-news-timeline.elementor-widget-posts .elementor-post__meta-data {
    position: absolute;
    left: 90px;                     /* позиция всей колонки даты */
    top: 32px;
    margin: 0;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #8C9AA9;
}

/* День */
.eaz-news-timeline.elementor-widget-posts .eaz-date-day {
    font-size: 26px;
    line-height: 1;
    font-weight: 700;
    color: #2B2A29;
}

/* Месяц */
.eaz-news-timeline.elementor-widget-posts .eaz-date-month {
    margin-top: 4px;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

/* Год */
.eaz-news-timeline.elementor-widget-posts .eaz-date-year {
    margin-top: 2px;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    opacity: 0.7;
}

/* Убираем стандартные разделители в meta */
.eaz-news-timeline.elementor-widget-posts .elementor-post__meta-data span::before {
    display: none !important;
}

/* ===== Заголовок, текст, CTA ===== */
.eaz-news-timeline.elementor-widget-posts .elementor-post__title {
    font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.35;
    color: #2B2A29;
    margin: 0 0 10px;
}

.eaz-news-timeline.elementor-widget-posts .elementor-post__title a {
    color: inherit;
    text-decoration: none;
}
.eaz-news-timeline.elementor-widget-posts .elementor-post__title a:hover {
    color: #0D69B2;
}

.eaz-news-timeline.elementor-widget-posts .elementor-post__excerpt {
   /* max-width: 620px;*/
    font-size: 14px;
    line-height: 1.7;
    color: #2B2A29;
    margin: 0 0 18px;
}

/* "Читать далее" */
.eaz-news-timeline.elementor-widget-posts .elementor-post__read-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-weight: 600;
    text-decoration: none;
    color: #0D69B2;
    position: relative;
    padding-bottom: 4px;
    transition: color 0.25s ease;
}

.eaz-news-timeline.elementor-widget-posts .elementor-post__read-more::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 72px;
    height: 1px;
    background: #0D69B2;
    transition: width 0.25s ease;
}

/* ===== Ховер-эффекты ===== */
.eaz-news-timeline.elementor-widget-posts .elementor-post:hover::before {
    background: #0D69B2;
    box-shadow: 0 0 0 6px rgba(13, 105, 178, 0.25);
    transform: translateX(-50%) scale(1.05);
}

.eaz-news-timeline.elementor-widget-posts .elementor-post:hover .elementor-post__read-more {
    color: #004f86;
}

.eaz-news-timeline.elementor-widget-posts .elementor-post:hover .elementor-post__read-more::after {
    width: 120px;
}

/* .eaz-news-timeline.elementor-widget-posts .elementor-post:hover .elementor-post__thumbnail img {
    transform: scale(1.2);
}*/


.eaz-news-timeline .elementor-post-date {
    display: contents;
}



/* ===== МЕТКИ ПОСТА НАД ЗАГОЛОВКОМ ===== */

.eaz-news-timeline.elementor-widget-posts .eaz-news-labels {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

/* базовый вид всех меток */
.eaz-news-timeline.elementor-widget-posts .eaz-news-labels .eaz-label {
    display: inline-flex;
    align-items: center;
    padding: 4px 11px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    border-radius: 999px;
    background: #E1EFF8; /* светло-голубой по умолчанию */
    color: #0D69B2;
    white-space: nowrap;
}

/* Аналитика — зелёная */
/*  .eaz-news-timeline.elementor-widget-posts .eaz-label--analitika {
    background: #27B657 !important;
    color: #FFFFFF !important;
}*/
 
/* Проект — голубая (можно оставить дефолт, но пусть будет явно) */
.eaz-news-timeline.elementor-widget-posts .eaz-label--proect {
    background: #E1EFF8 !important;
    color: #0D69B2 !important;
}

/* NEW — чёрная */
.eaz-news-timeline.elementor-widget-posts .eaz-label--new {
    background: #111111 !important;
    color: #FFFFFF !important;
}

/* Важное — чёрная плашка, как на референсе */
.eaz-news-timeline.elementor-widget-posts .eaz-label--vazhnoe {
    background: #111111 !important;
    color: #FFFFFF !important;
} 



/* ===== PLAY-ИКОНКА ДЛЯ ВИДЕОПОСТОВ ===== */
/* Важно: у поста в разметке должен быть класс .format-video (стандарт WP пост-формата) */

.eaz-news-timeline.elementor-widget-posts .elementor-post.format-video .elementor-post__thumbnail::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.55);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.25),
        0 12px 30px rgba(0, 0, 0, 0.7);
    transform: translate(-50%, -50%);
}

/* Белый треугольник play */
.eaz-news-timeline.elementor-widget-posts .elementor-post.format-video .elementor-post__thumbnail::before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-35%, -50%);
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 24px solid #FFFFFF;
}

/* Акцент на hover по видеопосту */
.eaz-news-timeline.elementor-widget-posts .elementor-post.format-video:hover .elementor-post__thumbnail::after {
    background: rgba(13, 105, 178, 0.85);
    box-shadow:
        0 0 18px rgba(13, 105, 178, 0.9),
        0 14px 36px rgba(0, 0, 0, 0.9);
}




/* ============ Планшет / малый десктоп (≤1199px) ============ */
@media (max-width: 1199px) {
  .eaz-news-timeline.elementor-widget-posts .elementor-post {
    padding: 28px 0 28px 120px !important;   /* меньше отступ слева = карточка ближе к центру */
    gap: 24px;
  }

  .eaz-news-timeline.elementor-widget-posts .elementor-post__thumbnail__link {
    flex-basis: 230px !important; /* картинка чуть шире */
  }

  .eaz-news-timeline.elementor-widget-posts .elementor-post__thumbnail {
    height: 160px;                /* пропорция под текст */
  }
}

/* ============ Планшет портрет (≤991px) ============ */
@media (max-width: 991px) {
  .eaz-news-timeline.elementor-widget-posts .elementor-post {
    padding: 24px 0 24px 120px;   /* ещё ближе к левому краю */
    gap: 20px;
  }

  /* колонка даты + точка */
  .eaz-news-timeline.elementor-widget-posts .elementor-post__meta-data {
    left: 30px;
    top: 24px;
  }

  .eaz-news-timeline.elementor-widget-posts .elementor-post::before {
    left: 80px;   /* точка прямо напротив даты */
    top: 52px;
  }

  .eaz-news-timeline.elementor-widget-posts .elementor-post__thumbnail__link {
    flex-basis: 220px !important;
  }

  .eaz-news-timeline.elementor-widget-posts .elementor-post__thumbnail {
    height: 150px;
  }
}

/* ============ Мобилка (≤767px) ============ */
@media (max-width: 767px) {
  .eaz-news-timeline.elementor-widget-posts .elementor-post {
    flex-direction: column;          /* картинка + текст в колонку */
    align-items: flex-start;
    padding: 20px 0 20px 90px !important;       /* заметно меньше отступ слева */
    gap: 20px;
  }

  /* дата ближе к краю, чтобы ничего не уезжало */
  .eaz-news-timeline.elementor-widget-posts .elementor-post__meta-data {
    left: 10px;
    top: 35px;
  }

  .eaz-news-timeline.elementor-widget-posts .elementor-post::before {
    left: 58px;
    top: 56px;
  }

  /* картинка на всю ширину текста, без узкого столбика */
  .eaz-news-timeline.elementor-widget-posts .elementor-post__thumbnail__link {
    order: 2 !important;
    width: 100%;
    max-width: none;
    flex-basis: auto !important;
  }

  .eaz-news-timeline.elementor-widget-posts .elementor-post__thumbnail {
    width: 100%;
    height: auto;
    max-height: 220px; /* чтобы не была гигантской относительно текста */
  }

  .eaz-news-timeline.elementor-widget-posts .elementor-post__title {
    font-size: 18px;
  }

  .eaz-news-timeline.elementor-widget-posts .elementor-post__excerpt {
    font-size: 13px;
  }
}



/* Добавление ДИАГОНАЛИ в footer */
.diagonal-section {
    overflow: hidden !important;
    position: relative;
}

.diagonal-section::after {
    content: '';
    position: absolute;
    top: -50%;
    left: 60.7%;
    width: 2px;
    height: 200%;
    background: linear-gradient(to top,
        #1A1919 0%,
        #444444 20%,
        #666666 30%,
        #888888 40%,
        #aaaaaa 50%,
        #cccccc 60%,
        #eeeeee 70%,
        #808080 100%
    );
    transform: rotate(15deg);
    border-radius: 10px;
    z-index: 10;
    background-size: 100% 400%;

    /* --- магия против "сначала линия, потом контент" --- */
    opacity: 0;
    animation:
        verticalFlow 45s linear infinite,
        diagonalFadeIn 0.4s ease 0.4s forwards;  /* fade-in после задержки */
}

/* Скрыть на планшетах и мобильных (до 1024px) */
@media (max-width: 1024px) {
    .diagonal-section::after {
        display: none;
    }
}

@keyframes verticalFlow {
    0%   { background-position: 0% 0%; }
    100% { background-position: 0% 400%; }
}

/* плавное появление диагонали после загрузки футера */
@keyframes diagonalFadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}




/* ФОС footer - убираем кнопку */
.formzapros .elementor-field-group.elementor-field-type-submit {
    display: none;
}
/* ДОБАВИЛ ПРАВИЛА ПЕРЕКРАСИТЬ В МОБАЙЛ И ОТСТУПЫ С CSS Виджета формы! */







/* Кнопка "Отправить" в ФОС footer */
/* Сбрасываем только конкретную кнопку */
.eaz-link-prod.bl {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}

/* Ховер */
.eaz-link-prod.bl:hover {
    background: transparent;
    color: #fff;
}

/* Стрелка */
.eaz-link-prod.bl .eaz-link-arrow {
    width: 18px;
    height: 18px;
}

/* Если кнопка в футере */
.butfo .eaz-link-prod.bl {
    color: #EBECECcf !important;
}





/* Лаптоп: больше воздуха у первого экрана */
@media (min-width: 1024px) and (max-width: 1500px) {
.elementor-68824 .elementor-element.elementor-element-698fb63 .elementor-nav-menu .elementor-item {
    font-family: "Nunito", Sans-serif;
    font-size: 12px !important;
    font-weight: 500;
}

.elementor-68824 .elementor-element.elementor-element-445f3ea:not(.elementor-motion-effects-element-type-background), .elementor-68824 .elementor-element.elementor-element-445f3ea > .elementor-motion-effects-container > .elementor-motion-effects-layer {
       padding: 0 0 32px 0px !important;
}

.elementor-68824 .elementor-element.elementor-element-e48c4eb .elementor-heading-title {
    font-size: 54px !important;
    }
	
.eaz-showcase {
    width: 460px !important;   
}
}



/* HEADER тень*/
.site-header {
    box-shadow: 0 1px 3px rgba(0,0,0,0.08), 
                0 1px 2px rgba(0,0,0,0.04);
    transition: box-shadow 0.2s ease;
}

.site-header:hover {
    box-shadow: 0 2px 4px rgba(0,0,0,0.10), 
                0 1px 3px rgba(0,0,0,0.06);
}