/* =========================
   SIMPLE LAYOUT (NO SIDEBAR)
   ========================= */
html, body {
  overflow-x: hidden;
}

/* =========================
   USER DROPDOWN FOR NAVBAR
   ========================= */

/* =========================
   LOGIN BUTTON FIX
   ========================= */
#loginButton {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 99999 !important;
  display: inline-block !important;
  cursor: pointer !important;
  text-decoration: none !important;
  background-color: #059669 !important;
  color: white !important;
  padding: 12px 64px !important;
  border-radius: 9999px !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.25) !important;
  transition: all 0.2s !important;
}

#loginButton:hover {
  background-color: #047857 !important;
  transform: scale(1.02) !important;
}

#loginButton:active {
  transform: scale(0.98) !important;
}

/* Ensure hero section doesn't block clicks - only on login page */
.hero-section {
  pointer-events: none !important;
}

.hero-section * {
  pointer-events: auto !important;
}

/* Make sure nothing overlaps the login area */
.absolute {
  z-index: 50000 !important;
}

.absolute * {
  pointer-events: auto !important;
}

/* =========================
   USER MENU BUTTON FIX
   ========================= */
#userMenuButton {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 9999 !important;
}

#userDropdown {
  pointer-events: auto !important;
  z-index: 10000 !important;
}

/* =========================