/* ── Responsive Nav Fixes ── */
@media (max-width: 991px) {
  .navbar-wrapper {
    max-width: calc(100% - 30px) !important;
    margin: 0 15px !important;
    padding: 0.8rem 1.25rem !important;
    border-radius: 20px !important;
    flex-wrap: wrap !important;
    display: flex !important;
    align-items: center !important;
  }
  
  .navbar-collapse {
    flex-basis: 100% !important;
    order: 3 !important;
    padding-top: 1rem !important;
  }
  
  .nav-links-wrap {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.5rem !important;
    width: 100% !important;
    padding: 10px 0 !important;
    display: flex !important;
  }
  
  .nav-item-link {
    width: 100% !important;
    padding: 0.5rem 0 !important;
    text-align: left !important;
  }

  .nav-auth-btns {
    width: auto !important;
    margin-left: auto !important;
    display: flex !important;
    gap: 0.5rem !important;
  }
}