/* Mobile Navigation Fixes */

@media (max-width: 1199px) {
  /* Mobile nav toggle button - ensure it's visible on dark header */
  .mobile-nav-toggle {
    color: #ffffff !important;
    font-size: 28px;
    line-height: 0;
    margin-right: 10px;
    cursor: pointer;
    transition: color 0.3s;
  }

  .mobile-nav-toggle:hover {
    color: #f59220 !important;
  }

  /* Mobile menu dropdown - professional styling */
  .navmenu ul {
    background-color: #0E2537 !important;
    border: 2px solid #f59220;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
  }

  /* Mobile menu links */
  .navmenu a,
  .navmenu a:focus {
    color: #ffffff !important;
    padding: 15px 20px;
    border-bottom: 1px solid rgba(245, 146, 32, 0.2);
    font-weight: 500;
  }

  .navmenu a:hover,
  .navmenu .active {
    color: #f59220 !important;
    background-color: rgba(245, 146, 32, 0.1);
  }

  /* Mobile menu icons */
  .navmenu a i,
  .navmenu a:focus i {
    background-color: rgba(245, 146, 32, 0.2) !important;
    color: #f59220 !important;
  }

  .navmenu a:hover i,
  .navmenu .active i {
    background-color: #f59220 !important;
    color: #0E2537 !important;
  }

  /* Mobile dropdown menus */
  .navmenu .dropdown ul {
    background-color: rgba(14, 37, 55, 0.95) !important;
    border: 1px solid rgba(245, 146, 32, 0.3);
  }

  .navmenu .dropdown ul ul {
    background-color: rgba(14, 37, 55, 0.98) !important;
  }

  /* Ensure mobile nav appears above everything */
  .navmenu {
    z-index: 9997 !important;
  }

  .navmenu ul {
    z-index: 9998 !important;
  }
}

/* Fix for policy pages mobile nav */
.privacy-page .mobile-nav-toggle,
.terms-page .mobile-nav-toggle {
  color: #ffffff !important;
}

/* Ensure consistent nav menu styling across all pages */
body .navmenu {
  padding: 0;
}