html {
  scroll-behavior: smooth;
  scroll-padding-top: 7rem;
}

.scroll-sentinel {
  position: absolute;
  top: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}

.menu-open {
  overflow: hidden;
}

.nav-menu,
.footer-menu {
  display: contents;
  list-style: none;
}

.nav-menu > li,
.footer-menu > li {
  display: contents;
}

.custom-logo {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.burger:focus-visible,
.nav-link:focus-visible,
.footer-link:focus-visible,
.hero-soc-link:focus-visible,
.footer-soc-link:focus-visible,
.btn:focus-visible {
  outline: 3px solid var(--color-activ);
  outline-offset: 4px;
}

.admin-bar .header {
  top: 32px;
}

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

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .btn,
  .header,
  .logo-link,
  .nav-box {
    transition: none;
  }
}