/* ============================================================
   Tranquil Minds – Global Stylesheet
   ============================================================ */

/* Marquee animation */
@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.animate-marquee {
  animation: marquee 30s linear infinite;
  min-width: 200%;
}

/* Legacy alias: older markup asked for 'Bauhaus Soft'.
   Point it at the current display face so nothing falls back to a system serif. */
@font-face {
  font-family: 'Bauhaus Soft';
  src: local('Fraunces'), local('Georgia');
  font-weight: normal;
  font-style: normal;
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

/* Prevent horizontal overflow.
   `clip` rather than `hidden`: hidden turns <body> into a scroll container,
   which silently disables position:sticky on every descendant. */
body {
  overflow-x: hidden;  /* fallback for Safari < 16 */
  overflow-x: clip;
}

/* Accordion: hide the default marker */
details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}

/* Mobile menu open state */
#mobile-menu-overlay:not(.translate-x-full) {
  pointer-events: auto;
}

/* Ensure menu items transition properly */
.mobile-link,
.mobile-footer {
  transition: opacity 0.4s ease, transform 0.4s ease;
}