/* MeritHRMS marketing site */

html {

  scroll-behavior: smooth;

}

code {

  font-size: 0.9em;

}



/* Mobile nav — do not rely on Tailwind toggle alone (CDN / touch quirks) */

#mobile-nav-toggle {

  display: none;

  align-items: center;

  justify-content: center;

  min-width: 44px;

  min-height: 44px;

  touch-action: manipulation;

  -webkit-tap-highlight-color: transparent;

}

header nav[aria-label='Primary'] {

  display: none;

}

#mobile-nav-panel {

  display: none;

}

@media (max-width: 767px) {

  #mobile-nav-toggle {

    display: inline-flex;

  }

  #mobile-nav-panel.is-open {

    display: block;

    position: fixed;

    top: var(--merit-header-height, 4.25rem);

    left: 0;

    right: 0;

    z-index: 50;

    max-height: calc(100dvh - var(--merit-header-height, 4.25rem));

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;

    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.45);

    animation: merit-nav-in 0.2s ease-out;

  }

  body.mobile-nav-open {

    overflow: hidden;

  }

}

@media (min-width: 768px) {

  #mobile-nav-toggle,

  #mobile-nav-panel {

    display: none !important;

  }

  header nav[aria-label='Primary'] {

    display: flex;

  }

}



@keyframes merit-nav-in {

  from {

    opacity: 0;

    transform: translateY(-6px);

  }

  to {

    opacity: 1;

    transform: translateY(0);

  }

}