/* Force Show Header - Debugging CSS */
.responsive-header {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
  background: white !important;
  border-bottom: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

.nav-container {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 4rem !important;
}

.logo-section {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.desktop-nav {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.mobile-menu-button {
  display: none !important;
}

@media (max-width: 1023px) {
  .desktop-nav {
    display: none !important;
  }

  .mobile-menu-button {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}