/* =====================================================
   Desktop Navigation Fix (> 932px)
   Ensures top-navigation is always visible on desktop
   ===================================================== */

/* Desktop screens - navigation should be static within the fixed header */
@media screen and (min-width: 933px) {
  .top-navigation {
    position: relative !important;
    width: 100% !important;
    background: transparent !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Ensure navigation container is visible */
  .nav-container {
    display: flex !important;
    visibility: visible !important;
  }

  /* Make sure header accommodates the navigation */
  .app-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
  }

  /* Header should have flex layout to accommodate navigation below */
  .header-main-container {
    display: flex !important;
    flex-direction: column !important;
  }

  /* Main content should have padding to account for fixed header */
  .main-content,
  .main-content-new {
    padding-top: 140px !important; /* Account for header + navigation height */
  }
}

/* Ensure navigation items are always visible */
@media screen and (min-width: 933px) {
  .top-nav-item {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* Light theme support for desktop */
@media screen and (min-width: 933px) {
  [data-theme='light'] .top-navigation {
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  }
}