/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 09 2025 | 19:50:38 */
/* =========================
   VIDEO HERO (mobile) + FIXES
   ========================= */

/* Мобильный баннер: без чёрных полос, видео в границах */
@media (max-width: 768px) {
  /* Контейнер и баннер */
  .title-bar { 
    position: relative !important; 
    overflow: hidden !important; 
    height: 280px !important;   /* можно 260–320px */
    background: #000 !important; 
  }
  .title-bar .video-bg {
    position: absolute !important; inset: 0 !important;
    width: 100% !important; height: 100% !important;
    overflow: hidden !important; z-index: 0 !important;
  }

  /* Само видео (YouTube iframe / mp4) — заполняет баннер */
  .title-bar .video-bg iframe,
  .title-bar .video-bg video.ios-hero-video {
    position: absolute !important; top: 50% !important; left: 50% !important;
    transform: translate(-50%, -50%) scale(1.08) !important;
    width: 180vw !important; height: 100vw !important;
    object-fit: cover !important; object-position: center center !important;
    max-width: none !important; max-height: none !important;
  }

  /* Заголовок по центру */
  .title-bar .overlay-color {
    position: absolute !important; top: 50% !important; left: 50% !important;
    transform: translate(-50%, -50%) !important; z-index: 3 !important;
    width: 100% !important; display: flex !important;
    align-items: center !important; justify-content: center !important;
    text-align: center !important; background: none !important; margin: 0 !important; padding: 0 !important;
  }
  .title-bar .page-title {
    margin: 0 auto !important; line-height: 1.2 !important; text-align: center !important;
    color: #fff !important; text-shadow: 0 4px 14px rgba(0,0,0,0.6) !important;
    font-weight: 700 !important; font-size: 26px !important;
  }
}

/* Плавность (без конфликтов) */
.title-bar,
.title-bar .video-bg,
.title-bar .video-bg iframe,
.title-bar .overlay-color {
  transition: all .6s ease-in-out !important;
  will-change: transform, height, width, opacity;
}

/* Затемнение поверх видео */
.title-bar::after {
  content: ""; position: absolute; inset: 0;
  background: rgba(0,0,0,0.45) !important; z-index: 2; pointer-events: none;
}

/* Скрыть системные контролы iOS-видео */
.title-bar .video-bg video.ios-hero-video::-webkit-media-controls-start-playback-button { 
  display: none !important; -webkit-appearance: none; 
}
.title-bar .video-bg video.ios-hero-video::-webkit-media-controls { display: none !important; }

/* Уважение к reduce-motion */
@media (prefers-reduced-motion: reduce) {
  .title-bar, .title-bar .video-bg, .title-bar .video-bg iframe, .title-bar .overlay-color {
    transition: none !important; animation: none !important;
  }
}

/***** FIX #1: НЕ СКРЫВАЕМ КАРТИНКИ ПОСТОВ *****/
/* Ничего не скрываем через .post-media. Возвращаем видимость в гриде. */
.posts-grid-container .post-media,
.posts-grid-container .post-media img,
.archive-item .post-media,
.archive-item .post-media img {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: cover;
}

/* Если раньше где-то осталось правило "body.page-id-8754 .post-media { display:none }" — удалить. */
/* Дубли под баннером скрываем точечно — только в области баннера/заголовка: */
body.page-id-8754 .title-bar .post-thumbnail,
body.page-id-8754 .title-bar img.wp-post-image,
.page .entry-header .post-thumbnail,
.page .entry-header img.wp-post-image {
  display: none !important;
}

/***** FIX #2: КАРУСЕЛЬ ЛОГОТИПОВ (Elementor/Swiper) *****/
.elementor-element-8653dfa .swiper,
.elementor-element-8653dfa .swiper-container {
  overflow: hidden; /* как у Swiper по умолчанию */
}

.elementor-element-8653dfa .swiper-wrapper {
  display: flex !important;         /* критично для Swiper */
  will-change: transform;
}

.elementor-element-8653dfa .swiper-slide {
  flex-shrink: 0;                    /* критично для Swiper */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 90px;
}

.elementor-element-8653dfa .swiper-slide img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: 70px !important;           /* единая высота логотипов */
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.elementor-element-8653dfa .swiper-pagination {
  position: static;
  margin-top: 10px;
  opacity: 1;
  visibility: visible;
}

/***** FIX #3: СЕКЦИЯ #features — убираем зависшую невидимость *****/
#features .elementor-invisible,
#features .elementor-widget-image-box.elementor-invisible {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
}

#features .elementor-widget-image-box .elementor-image-box-img,
#features .elementor-widget-image-box .elementor-image-box-img img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/***** FIX #4: Общие безопасные правки для Image Box *****/
.elementor .elementor-widget-image-box img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

/***** ОСТАЛЬНОЕ (баннер/видео) НЕ ТРОГАЛ — чтобы не*

/***** FIX: вернуть изображения в гриде постов *****/
.posts-grid-container .post-media,
.posts-grid-container .post-media img,
.archive-item .post-media,
.archive-item .post-media img {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: cover;
}

/* На всякий случай — стандартные контейнеры темы */
.posts-grid-container .item-image,
.posts-grid-container .item-image img {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Скрывать дубликаты только в зоне баннера/заголовка страниц */
body.page-id-8754 .title-bar .post-thumbnail,
body.page-id-8754 .title-bar img.wp-post-image,
.page .entry-header .post-thumbnail,
.page .entry-header img.wp-post-image {
  display: none !important;
}