/* фон шапки – чёрный */
.header { 
  background: #000 !important; 
}

/* текст и ссылки в шапке – белые */
.header, .header a { 
  color: #fff !important; 
  text-decoration: none; 
}

/* наведение по желанию */
.header a:hover { 
  opacity: .85; 
}

/* если есть выпадающее/мобильное меню */
.navbar-collapse, .mobile-menu, .offcanvas { 
  background: #000 !important; 
}
.navbar-collapse a, .mobile-menu a, .offcanvas a { 
  color: #fff !important; 
}

@media (max-width: 767px) {
    .col--nav {
        background: #252525;
    }
}

.logo-1:before {
    filter: brightness(0) invert(1);
}

.logo-2:before {
    filter: brightness(0) invert(1);
}

.header-logo .logo-img {
    display: block;
    max-width: 150%;
    margin-top: auto;
    width: auto;
    object-fit: contain;
}


@media (max-width: 1440px) {
  .header-logo .logo-img { margin-top: auto; }
}

@media (max-width: 1280px) {
  .header-logo .logo-img { margin-top: auto; }
}

@media (max-width: 1024px) {
  .header-logo .logo-img { 
      margin-top: 12px;
  }
}

@media (max-width: 1024px) {
  .header-logo .logo-img { 
      width: 100%;
  }
}

@media (max-width: 768px) {
  .header-logo .logo-img { 
      margin-top: auto;
      width: 120%;
  }
}


/* на мобилке можно уменьшить/скрыть второй логотип */
@media (max-width: 767px) {
  .header-logo img { height: 56px; }
  /* при желании: .header-logo--second { display:none; } */
}

/* Мобилка: принудительно чёрный фон у шапки */
@media (max-width: 767px) {
  /* сама шапка */
  .header {
    background-color: #000 !important;
  }

  /* если фон задаётся через псевдоэлемент */
  .header:before {
    content: "";
    position: absolute; /* если уже есть — правило просто перекроет цвет */
    left: 0; right: 0; top: 0; bottom: 0;
    background-color: #000 !important;
    opacity: 1 !important;
    pointer-events: none;
  }
   
  /* выпадающее/мобильное меню, чтобы тоже было тёмным */
  .navbar-collapse, .mobile-menu, .offcanvas {
    background-color: #000 !important;
  }
}