#main-header {
  transition: all 0.3s ease;
}

#main-header.scrolled {
  background: #000 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Для админ бара WordPress */
.admin-bar #main-header {
  top: 32px;
}

@media (max-width: 782px) {
  .admin-bar #main-header {
    top: 46px;
  }
}