/* custom.css */
  .scene__cloud-front {
  opacity: 0.2;
  animation: move-cloud-front 40s linear infinite;
}

.scene__cloud_n_1 {
  opacity: 0.15;
  animation: move-cloud-1 20s linear infinite;
}

.scene__cloud_n_2 {
  opacity: 0.1;
  animation: move-cloud-2 25s linear infinite;
}

.scene__cloud_n_3 {
  opacity: 0.1;
  animation: move-cloud-2 30s linear infinite;
}

.scene__cloud_n_4 {
  opacity: 0.2;
  animation: move-cloud-2 40s linear infinite;
}

/* Изменение фона верхней полоски и цвета текста */
.section[data-section="navigation"] {
    background-color: #000 !important; /* Черный фон */
}

.navigation {
    background-color: #000 !important; /* Черный фон */
    color: #fff !important; /* Белый цвет текста */
}

/* Изменение цвета текста и декоративных элементов в меню */
.navigation .menu__item {
    color: #fff !important; /* Белый цвет текста */
}

.navigation .menu__item:hover {
    color: #ddd !important; /* Светло-серый цвет при наведении */
}

/* Фон и текст для мобильного меню */
.mob-menu-active .menu {
    background-color: #000 !important; /* Черный фон */
}

.mob-menu-active .menu__content {
    background-color: #000 !important; /* Черный фон для контента */
    color: #fff !important; /* Белый цвет текста */
}

/* Убедитесь, что текст при наведении остается видимым */
.mob-menu-active .menu__item_open,
.mob-menu-active .menu__item:hover {
    color: #ddd !important; /* Светло-серый цвет текста при наведении */
    background-color: transparent !important; /* Прозрачный фон */
}

/* Изменение цвета фона при наведении в мобильном меню */
.mob-menu-active .menu__item:hover,
.mob-menu-active .menu__item_open {
    background-color: #333 !important; /* Темно-серый фон при наведении */
    color: #fff !important; /* Белый цвет текста */
}
/* Стили для темного подвала */
.footer__dark {
    background-color: #000 !important; /* Темный фон */
    color: #fff !important; /* Светлый текст */
}

.footer__dark a {
    color: #fff !important; /* Светлый цвет ссылок */
}

.footer__dark a:hover {
    color: #ddd !important; /* Светло-серый цвет при наведении */
}

/* Стили для темного подвала */
.section[data-section="footer"] {
    background-color: #000 !important; /* Темный фон */
    color: #fff !important; /* Светлый текст */
}
/* Изменения для подвала */
.footer__copyright {
    color: #f0f0f0 !important; /* Светло-серый цвет текста для лучшей видимости */
}


/* === Mobile burger open: dark topbar & menu === */
@media (max-width: 1199.98px){
  body.mob-menu-active{
    /* делаем переменную шапки чёрной ровно на время открытого меню */
    --navigation-bg: 0, 0, 0 !important;
  }

  /* на всякий случай усилим фон шапки */
  body.mob-menu-active [data-section="navigation"]{
    background-color: rgba(0,0,0,1) !important;
  }

  /* чтобы иконка-бургер была видна на чёрном фоне */
  body.mob-menu-active .gw-burger__line{
    background-color: rgba(255,255,255,.95) !important;
  }
}

/* === VIDEO BACKGROUND FOR HEADER SCENE === */
.section[data-section="header"]{ 
  background: none !important; 
}
.scene{ 
  background: none !important;
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: -10;
}
.scene__video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -11;
  pointer-events: none;
}

/* === Настраиваемые параметры === */
:root {
  --event-title-lines: 1;  /* сколько строк у заголовка (по умолчанию 1) */
  --event-desc-lines: 2;   /* сколько строк у описания (по умолчанию 2) */
  --event-text-width: 100%;/* можно задать макс. ширину текста, если нужно */
}

/* === Заголовок темы (обрезаем до N строк) === */
.events .event__title {
  display: -webkit-box;
  -webkit-line-clamp: var(--event-title-lines);
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: var(--event-text-width);
  white-space: normal;
}

/* === Описание (обрезаем до N строк) === */
.events .event__desc {
  display: -webkit-box;
  -webkit-line-clamp: var(--event-desc-lines);
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: var(--event-text-width);
  white-space: normal;
}

/* На всякий случай — для кроссбраузерности */
.events .event__title,
.events .event__desc {
  word-break: break-word;
}
/* === Усиление читаемости текста в шапке === */
.header__desc{
  color: #fff !important;
  text-shadow:
    0 0 8px rgba(0,0,0,1),
    0 0 12px rgba(0,0,0,0.6),
    0 2px 4px rgba(0,0,0,0.8),
    0 0 30px rgba(255,255,255,0.3); /* лёгкое свечение */
  font-weight: 700; /* чуть жирнее */
  letter-spacing: 0.5px; /* немного воздуха */
}

/* === Усиление читаемости главного заголовка в шапке === */
:root {
  --header-title-shadow1: rgba(0,0,0,1);      /* внутренний контур */
  --header-title-shadow2: rgba(0,0,0,0.6);    /* мягкая внешняя тень */
  --header-title-shadow3: rgba(0,0,0,0.8);    /* падающая тень вниз */
  --header-title-glow: rgba(255,255,255,0.35);/* белое свечение */
}

.header__title {
  color: #fff !important;
  text-shadow:
    0 0 8px var(--header-title-shadow1),
    0 0 12px var(--header-title-shadow2),
    0 2px 4px var(--header-title-shadow3),
    0 0 30px var(--header-title-glow);
  font-weight: 800;  /* немного массивнее, чтобы не терялся */
  letter-spacing: 1px; /* чуть шире для эпичности */
}
/* === Вариация для "Classic: Hellbound 3" — с красноватым тоном === */
.header__title_red {
  color: #ffd7d7 !important; /* светло-красноватый белый */
  text-shadow:
    0 0 8px rgba(0,0,0,1),
    0 0 12px rgba(0,0,0,0.6),
    0 2px 4px rgba(0,0,0,0.8),
    0 0 30px rgba(255,70,70,0.55),  /* основное красное свечение */
    0 0 60px rgba(255,0,0,0.35);    /* лёгкий внешний ореол */
}