/* webupdater.de – shared a11y & motion (audit fixes) */

.nav-hamburger {
  border: none;
  background: transparent;
  color: inherit;
  font: inherit;
  -webkit-appearance: none;
  appearance: none;
}

html:not(.js) .fade-up {
  opacity: 1;
  transform: none;
}

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

  .fade-up {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .badge-dot {
    animation: none !important;
  }

  .btn-primary:hover,
  .btn-primary-green:hover,
  .btn-outline:active,
  .contact-form-submit:hover,
  .vorteil-card:hover,
  .nav-hamburger span {
    transform: none !important;
  }
}

.link-on-dark {
  color: var(--text-on-dark-muted, rgba(197, 240, 216, 0.85));
  text-decoration: underline;
}

.link-on-dark:hover,
.link-on-dark:focus-visible {
  color: var(--cream);
}

.u-mt-1 {
  margin-top: 1rem;
}

.u-inline-flex {
  display: inline-flex;
}

.u-text-center-block {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.u-section-text-narrow {
  margin: 0 auto 2rem;
  max-width: 480px;
  color: var(--text-on-dark-muted, rgba(197, 240, 216, 0.85));
}

.u-btn-center {
  margin: 0 auto;
}

.u-label-center {
  justify-content: center;
  display: flex;
}

.u-title-full {
  max-width: 100%;
}