/* Custom styling */
body {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  overflow-x: hidden;
  max-width: 100vw;
}

/* Header styling */
nav {
	margin: 0;
}

nav ul li {
	padding: 10px;
}

.acc-header a p {
    margin: 10px;
}

.menu-button {
	display: none;
	@media screen and (max-width: calc(48rem - 1px)) {
        display: block;
    }
}

/* Custom TW-like class */
.mobile\:hidden {
    @media screen and (max-width: 48rem) {
        display: none;
    }
}

.hide-scrollbar::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}
.hide-scrollbar {
  -ms-overflow-style: none;  /* IE/Edge */
  scrollbar-width: none;     /* Firefox */
}

/* Slight overshoot and settle */
@keyframes fly-down-overshoot {
  0%   { transform: translateY(-30px); opacity: 0; }
  /* 60%  { transform: translateY(15px);  opacity: 1; } */
  100% { transform: translateY(0);     opacity: 1; }
}

.fly-down-overshoot {
  animation: fly-down-overshoot 500ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
  will-change: transform, opacity;
}

/* Ensure the scroller doesn't affect page width */
.testimonial-scroller {
  width: 100vw;
  position: relative;
}

.testimonial-wrapper {
  overflow: hidden;
  width: 100%;
}

.testimonial-track {
  display: flex;
  width: fit-content;
}

/* Make cards responsive but keep them wide */
.testimonial-card {
  width: 90vw;
  max-width: 600px;
}

@media (min-width: 768px) {
  .testimonial-card {
    width: 50vw;
    max-width: 700px;
  }
}

/* Continuous scroll animation */
@keyframes testimonials-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.testimonial-track {
  animation: testimonials-scroll 90s linear infinite;
  will-change: transform;
}

/* Pause on hover */
/* .testimonial-scroller:hover .testimonial-track {
  animation-play-state: paused;
} */

.announcement a {
  text-decoration: underline;
}