/*=========================================================
  SentMailTracker - Navigation Responsive Styles
  Hides desktop nav on mobile, shows hamburger
=========================================================*/

/* Default: hide hamburger on desktop, show regular nav */
.hamburger-toggle {
  display: none !important;
}

.mobile-nav,
.mobile-overlay {
  display: none !important;
}

/* Tablet and below: show hamburger, hide desktop nav */
@media (max-width: 768px) {
  .hamburger-toggle {
    display: flex !important;
  }

  .mobile-nav {
    display: block !important;
  }

  .mobile-overlay {
    display: block !important;
  }

  /* Hide desktop nav menus */
  .nav-menu {
    display: none !important;
  }

  .nav-links {
    display: none !important;
  }

  /* Make header more compact on mobile */
  .header {
    padding: 0.75rem 0 !important;
  }

  .nav-actions .btn-outline {
    display: none !important;
  }

  .nav-actions .btn-primary {
    padding: 8px 16px !important;
    font-size: 0.85rem !important;
  }

  /* Dashboard nav auth */
  .nav-auth {
    gap: 0.5rem !important;
  }

  .nav-auth .user-email {
    display: none !important;
  }

  .nav-auth .btn-outline {
    padding: 6px 12px !important;
    font-size: 0.8rem !important;
  }

  /* Show only brand + hamburger on nav */
  .nav-brand {
    flex: 1;
  }

  /* Make logo smaller on mobile */
  .logo-img {
    width: 28px !important;
    height: 28px !important;
  }

  .logo-text {
    font-size: 16px !important;
  }

  .logo-tagline {
    display: none !important;
  }
}

/* Very small screens: hide sign in button too */
@media (max-width: 400px) {
  .nav-actions .btn-primary {
    padding: 6px 12px !important;
    font-size: 0.78rem !important;
  }

  .nav-actions {
    gap: 4px !important;
  }
}