/* Navbar: join dropdown — matches landing page .pg-btn-wine */
.nav-join .dropdown-menu-join {
  min-width: 280px;
  margin-top: 14px;
  padding: 0 !important;
  background: #120A0C !important;
  border: 2px solid #A80F22 !important;
  border-radius: 0 !important;
  box-shadow: 6px 6px 0 0 #5C0512 !important;
}
.nav-join .dropdown-menu-join .dropdown-item {
  white-space: normal;
  padding: 1rem 1.2rem !important;
  border-radius: 0 !important;
  color: #FFF6F0 !important;
  font-family: "Inter", sans-serif;
  background: transparent !important;
  transition: background .2s ease;
}
.nav-join .dropdown-menu-join .dropdown-item + .dropdown-item { border-top: 2px solid #5C0512; }
.nav-join .dropdown-menu-join .dropdown-item strong {
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.nav-join .dropdown-menu-join .dropdown-item small { color: #B3A0A3 !important; font-size: 0.78rem; }
.nav-join .dropdown-menu-join .dropdown-item i { color: #E01B36; }
.nav-join .dropdown-menu-join .dropdown-item:hover,
.nav-join .dropdown-menu-join .dropdown-item:focus { background: #A80F22 !important; }
.nav-join .dropdown-menu-join .dropdown-item:hover small,
.nav-join .dropdown-menu-join .dropdown-item:hover i { color: #FFF6F0 !important; }
.nav-join .dropdown-toggle::after { margin-left: 6px; vertical-align: 2px; }

/* Navbar: Get started button — matches landing page .pg-btn-wine */
.navbar .nav-join > .btn-register-menu {
  font-family: "Inter", sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  padding: 0.85rem 1.6rem !important;
  border: 2px solid #A80F22 !important;
  border-radius: 0 !important;
  background: #A80F22 !important;
  color: #FFF6F0 !important;
  box-shadow: none !important;
  white-space: nowrap;
  transition: transform .16s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.navbar .nav-join > .btn-register-menu:hover,
.navbar .nav-join > .btn-register-menu:focus,
.navbar .nav-join.show > .btn-register-menu {
  background: #E01B36 !important;
  border-color: #E01B36 !important;
  color: #FFF6F0 !important;
  transform: translate(-3px, -3px);
  box-shadow: 6px 6px 0 0 #5C0512 !important;
}

/* Navbar: Login button — matches landing page .pg-btn-ghost */
.navbar .login-btn:not(.btn-primary) {
  font-family: "Inter", sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  padding: 0.85rem 1.4rem !important;
  border: 2px solid rgba(255, 246, 240, 0.28) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #FFF6F0 !important;
  white-space: nowrap;
  transition: transform .16s ease, border-color .2s ease, box-shadow .2s ease;
}
.navbar .login-btn:not(.btn-primary):hover,
.navbar .login-btn:not(.btn-primary):focus {
  border-color: #FFF6F0 !important;
  color: #FFF6F0 !important;
  transform: translate(-3px, -3px);
  box-shadow: 6px 6px 0 0 rgba(255, 246, 240, 0.18);
}
.navbar .nav-item.mr-1:has(> .login-btn) { margin-right: 14px !important; }

/* Mobile (collapsed menu has a white background): dark ghost button, full width like Getting started */
@media (max-width: 991px) {
  .navbar .navbar-collapse .login-btn:not(.btn-primary) {
    display: block;
    text-align: center;
    border-color: rgba(18, 10, 12, 0.28) !important;
    color: #120A0C !important;
  }
  .navbar .navbar-collapse .login-btn:not(.btn-primary):hover,
  .navbar .navbar-collapse .login-btn:not(.btn-primary):focus {
    border-color: #120A0C !important;
    color: #120A0C !important;
    box-shadow: 6px 6px 0 0 rgba(18, 10, 12, 0.18);
  }
  .navbar .navbar-collapse .nav-item.mr-1:has(> .login-btn) { margin: 0 0 10px !important; }
}