/* ===== MOBILE NAV — Premium ===== */
.mob-menu-btn {
  display: none;
  width: 38px; height: 38px;
  border: none; background: transparent;
  cursor: pointer; flex-direction: column;
  justify-content: center; align-items: center;
  gap: 5px; padding: 4px; border-radius: 10px;
  transition: background .18s ease;
}
.mob-menu-btn:hover { background: var(--foam); }
.mob-menu-btn span {
  display: block; width: 20px; height: 1.5px;
  background: var(--espresso); border-radius: 2px;
  transition: all .28s cubic-bezier(.4,0,.2,1);
}
.mob-menu-btn.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.mob-menu-btn.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.mob-menu-btn.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

.mob-nav-drawer {
  display: none;
  position: fixed; top: 58px; left: 0; right: 0;
  background: rgba(253,250,244,.98);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 1px solid rgba(216,201,180,.5);
  box-shadow: 0 8px 32px rgba(26,16,8,.10), 0 2px 8px rgba(26,16,8,.06);
  z-index: 999; padding: 8px 0 12px;
  animation: slideDown .22s cubic-bezier(.22,.68,0,1.1) forwards;
}

[data-theme="dark"] .mob-nav-drawer {
  background: rgba(26,16,8,.97) !important;
  border-bottom-color: #3e2a18 !important;
}

.mob-nav-drawer.open { display: block; }

@keyframes slideDown {
  from { opacity: 0; transform: translateY(-10px); }
  to   { opacity: 1; transform: translateY(0); }
}

.mob-nav-link {
  display: flex; align-items: center; gap: 10px;
  padding: 13px 22px; font-size: .93em; font-weight: 500;
  color: var(--coffee); text-decoration: none;
  border-bottom: 1px solid rgba(216,201,180,.4);
  transition: background .14s ease, color .14s ease;
  cursor: pointer; letter-spacing: 0.005em;
}
[data-theme="dark"] .mob-nav-link {
  color: #f0e8e0;
  border-bottom-color: rgba(62,42,24,.6);
}
.mob-nav-link:hover {
  background: rgba(234,217,196,.5);
  color: var(--caramel);
}
[data-theme="dark"] .mob-nav-link:hover {
  background: rgba(62,42,24,.5) !important;
  color: #d4884a !important;
}
.mob-nav-link:last-child { border-bottom: none; }

.mob-nav-auth {
  display: flex; gap: 10px; padding: 12px 22px 4px;
  border-top: 1px solid rgba(216,201,180,.5);
  margin-top: 4px;
}

.mob-btn-inlog {
  flex: 1; padding: 11px; border-radius: 50px;
  border: 1.5px solid var(--border); background: transparent;
  font-family: 'DM Sans', sans-serif; font-size: .88em;
  font-weight: 600; color: var(--coffee); cursor: pointer;
  transition: all .18s ease; letter-spacing: 0.01em;
}
.mob-btn-inlog:hover {
  border-color: var(--caramel);
  color: var(--caramel);
}

.mob-btn-account {
  flex: 1; padding: 11px; border-radius: 50px;
  border: none;
  background: var(--caramel);
  color: white;
  font-family: 'DM Sans', sans-serif; font-size: .88em;
  font-weight: 600; cursor: pointer; transition: all .18s ease;
  letter-spacing: 0.01em;
  box-shadow: 0 2px 8px rgba(200,75,50,.25);
}
.mob-btn-account:hover {
  background: var(--terracotta);
  box-shadow: 0 4px 14px rgba(200,75,50,.30);
}

@media (max-width: 900px) {
  .nav-links { display: none !important; }
  .nav-cta .btn-ghost,
  .nav-cta .btn-primary,
  .nav-cta #nav-inlog-btn,
  .nav-cta #nav-account-btn { display: none !important; }
  .mob-menu-btn { display: flex !important; }
}