/* --- MOONCONVERTER MOBILE & TABLET LAYOUT ENGINE --- */
@media (max-width: 768px) {
  
  /* 1. Make the hamburger menu button show up on small screens */
  #burgerBtn, .burger-btn {
    display: block !important;
  }

  /* 2. Hide the generic desktop nav links so they don't crowd the header */
  .nav-menu .mobile-hide {
    display: none !important;
  }

  /* 3. Keep the Feedback button visible and styled perfectly next to the logo */
  .nav-menu .mobile-show {
    display: inline-block !important;
    padding: 0.4rem 0.9rem !important;
    font-size: 0.85rem !important;
    margin-right: 0.5rem;
  }

  /* 4. Keep the logo, feedback button, and hamburger icon all on one clean row */
  .header-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100%;
    box-sizing: border-box;
  }

  /* 5. Force the navigation menu container wrapper to stay flat */
  .nav-menu {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    background: transparent !important;
    box-shadow: none !important;
    position: static !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}