.hidden {
  display: none;
}
label {
  margin-bottom: 10px;
  display: block;
}

.navbar {
  min-height: 115px;
}
/* Mobile-optimized modal */
@media (max-width: 991.98px) {
  #accountModal .modal-dialog {
    margin: 0.5rem auto;
    max-width: 95%;
  }

  #accountModal .btn-lg {
    padding: 0.75rem;
    font-size: 1rem;
  }

  #accountModal .card {
    margin-bottom: 1rem;
  }

  /* Larger tap targets */
  #accountModal a,
  #accountModal button {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
/* -----------------------------
   🔹 Mobile Navbar Dark Styling
------------------------------ */
.navbar-collapse {
  background-color: #000 !important;
  padding: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar-toggler {
  border: none;
  outline: none;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255,255,255,1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* 🔸 Dropdown menus inside mobile nav */
.dropdown-menu {
  background-color: #000 !important;
  border: none;
  border-radius: 0;
  padding: 0.25rem 0;
}

.dropdown-item {
  color: #fff !important;
  padding: 0.75rem 1rem;
  transition: background 0.2s ease, color 0.2s ease;
}

.dropdown-item:hover {
  background-color: #111 !important;
  color: #00cac4 !important;
}

/* -----------------------------
   🔹 Dark Mode Support
------------------------------ */
.dark-mode .navbar,
.dark-mode .navbar-collapse,
.dark-mode .dropdown-menu {
  background-color: #000 !important;
}

.dark-mode .nav-link,
.dark-mode .dropdown-item {
  color: #fff !important;
}

.dark-mode .dropdown-item:hover {
  color: #00cac4 !important;
}/* ----------------------------------
   🔹 Normalize Navbar Buttons on Mobile
---------------------------------- */
@media (max-width: 991.98px) {
  .navbar .btn,
  .navbar .nav-link {
    width: 100%;
    text-align: center;
    font-size: 1rem;
    padding: 0.75rem 1rem;
    margin-bottom: 0.5rem;
  }

  .navbar .btn-highlight {
    font-size: 1rem;
    padding: 0.75rem 1rem;
    width: 100%;
    margin-top: 0.5rem;
  }

  .navbar .dropdown-menu {
    background-color: #000 !important;
    width: 100%;
    border: none;
    padding: 0;
  }

  .navbar .dropdown-item {
    font-size: 1rem;
    padding: 0.75rem 1rem;
  }
}



/* Dark mode adjustments */
.dark-mode #accountModal .card {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: white;
}

.dark-mode #accountModal .card-body {
  color: inherit;
}