.custom-header {
  display: contents;
}

.main-containernavbar {
  padding: 0 !important;
  display: contents;
}


/* ----------------------------------
   Announcement Bar
---------------------------------- */
.site-announcement-bar {
  --announcement-bg: #050505;
  --announcement-text: #ffffff;
  --announcement-accent: #00ffd4;
  --announcement-border: rgba(255, 255, 255, 0.14);

  /* Justera dessa */
  --announcement-speed: 30s;
  --announcement-padding-y: 0.625rem;

  width: 100%;
  overflow: hidden;
  background: linear-gradient(90deg, #000000, #0d0d0d, #000000);
  color: var(--announcement-text);
  border-bottom: 0.0625rem solid var(--announcement-border);
  font-family: "Poppins", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.015rem;
}

.site-announcement-bar__track {
  width: 100%;
  overflow: hidden;
}

.site-announcement-bar__track span {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  padding-top: var(--announcement-padding-y);
  padding-bottom: var(--announcement-padding-y);

  /* Gör att texten börjar längst ut till höger i sin parent */
  padding-left: 100%;

  animation: siteAnnouncementSingleScroll var(--announcement-speed) linear infinite;
}

.site-announcement-bar__track span::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.75rem;
  border-radius: 50%;
  background: var(--announcement-accent);
  box-shadow: 0 0 0.875rem rgba(0, 255, 212, 0.55);
  flex: 0 0 auto;
}

@keyframes siteAnnouncementSingleScroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

.site-announcement-bar:hover .site-announcement-bar__track span {
  animation-play-state: paused;
}

@media (max-width: 61.99875rem) {
  .site-announcement-bar {
    font-size: 0.75rem;
    --announcement-speed: 12s;
    --announcement-padding-y: 0.5625rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-announcement-bar__track {
    display: flex;
    justify-content: center;
  }

  .site-announcement-bar__track span {
    padding-left: 1rem;
    padding-right: 1rem;
    animation: none;
  }
}

