/* ============================================================
   RoommateAds.com — Nav & Mobile Menu Fix
   Load AFTER style.css
   ============================================================ */

/* ─── MOBILE SLIDE-OUT MENU ─── */
.mobile-nav-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);z-index:998}
.mobile-nav{position:fixed;top:0;right:-300px;width:280px;height:100%;background:white;z-index:999;transition:right .3s ease;overflow-y:auto;box-shadow:-4px 0 20px rgba(0,0,0,0.15)}
.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}
.mobile-nav-header .logo{font-size:18px}
.mobile-nav-close{background:none;border:none;font-size:28px;cursor:pointer;color:var(--charcoal);padding:0 4px;line-height:1}
.mobile-nav-links{padding:12px 0}
.mobile-nav-links a{display:block;padding:12px 24px;text-decoration:none;color:var(--charcoal);font-size:15px;font-weight:500;transition:background .2s}
.mobile-nav-links a:hover{background:var(--sand)}
.mobile-nav-links a .nav-badge{background:var(--terracotta);color:white;font-size:11px;padding:1px 6px;border-radius:10px;margin-left:4px;font-weight:700}
.mobile-nav-sep{height:1px;background:var(--border);margin:8px 20px}
body.mobile-nav-open .mobile-nav{right:0}
body.mobile-nav-open .mobile-nav-overlay{display:block}
body.mobile-nav-open{overflow:hidden}

/* ─── NAV DROPDOWN (logged-in user menu) ─── */
.nav-avatar{width:28px;height:28px;border-radius:50%;background:var(--terracotta);color:white;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.nav-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;background:white;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);min-width:180px;z-index:100;padding:6px 0}
.nav-dropdown a{display:block;padding:10px 18px;text-decoration:none;color:var(--charcoal);font-size:14px;font-weight:500;transition:background .15s}
.nav-dropdown a:hover{background:var(--sand)}
.nav-dropdown-sep{height:1px;background:var(--border);margin:4px 0}
.nav-user-menu.open .nav-dropdown{display:block}

/* ─── NAV MSG LINK ─── */
.nav-msg-link{position:relative}

/* ─── FLASH MESSAGES ─── */
.flash{max-width:800px;margin:90px auto 0;padding:14px 20px;border-radius:var(--radius);font-size:14px;font-weight:500;text-align:center}
.flash-success{background:var(--sage-light);color:var(--sage);border:1px solid var(--sage)}
.flash-error{background:rgba(196,101,74,0.1);color:var(--terracotta);border:1px solid var(--terracotta)}

/* ─── RESPONSIVE: hide desktop nav links on mobile, show hamburger ─── */
@media(max-width:768px){
  .nav-links>a:not(.btn):not(.nav-msg-link){display:none}
  .nav-user-menu{display:none}
  .nav-user-name{display:none}
  .mobile-menu-btn{display:flex}
  .nav-links{gap:12px}
}