/* 
  Custom Styles for Berman Health
  Overrides and additions to Tailwind
*/

html {
  scroll-behavior: smooth;
}

body {
  /* Prevent horizontal scroll on mobile if animations overflow */
  overflow-x: hidden;
}

/* 
  Animation classes for scroll reveal 
  Default state is visible (opacity 1) to ensure no flash of content.
  JS will add .is-hidden to trigger animation if JS is enabled.
*/
.reveal-on-scroll {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.reveal-on-scroll.is-hidden {
  opacity: 0;
  transform: translateY(30px);
}

/* Mobile menu transition */
#mobile-menu {
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

#mobile-menu.open {
  max-height: 400px;
  opacity: 1;
}

/* Custom scrollbar for webkit */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #F2FCF9;
}

::-webkit-scrollbar-thumb {
  background: #B9EDD8;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #83E0BC;
}