/**
 * SIDEBAR REMOVAL - User Feedback Implementation
 *
 * Date: November 5, 2025
 * Reason: Users reported sidebar causing distraction
 *
 * This file completely hides the sidebar and adjusts layout
 * Changes take effect immediately (CSS-only, no rebuild)
 */

/* ========================================
   HIDE ALL SIDEBAR ELEMENTS
   ======================================== */

/* Hide main sidebar */
.sidebar-nav,
aside.sidebar-nav,
.sidebar-redesign-animated {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Hide sidebar overlay */
.sidebar-overlay {
  display: none !important;
  visibility: hidden !important;
}

/* Hide hamburger menu button (no sidebar to toggle) */
.hamburger-menu,
.hamburger-icon,
button[aria-label="Toggle navigation menu"] {
  display: none !important;
  visibility: hidden !important;
}

/* ========================================
   ADJUST MAIN CONTENT LAYOUT
   ======================================== */

/* Remove sidebar margin from main content */
body .main-content,
body.has-sidebar .main-content,
body.has-sidebar.sidebar-collapsed .main-content,
main.main-content,
main#main-content {
  margin-left: 0 !important;
  padding-left: 1rem !important; /* Maintain some padding */
}

/* Ensure full width usage */
body {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* ========================================
   HEADER ADJUSTMENTS
   ======================================== */

/* Adjust header spacing (no hamburger menu gap) */
header nav .flex.items-center.space-x-8 {
  gap: 1rem !important;
}

/* Logo should be first element now */
header nav a[href="/"] {
  margin-left: 0 !important;
}

/* ========================================
   RESPONSIVE ADJUSTMENTS
   ======================================== */

/* Mobile: ensure no sidebar interference */
@media (max-width: 768px) {
  .sidebar-nav,
  .sidebar-overlay,
  .hamburger-menu {
    display: none !important;
  }

  body .main-content,
  main.main-content {
    margin-left: 0 !important;
    width: 100% !important;
  }
}

/* Desktop: ensure clean layout */
@media (min-width: 769px) {
  body .main-content,
  main.main-content {
    margin-left: 0 !important;
    max-width: 100% !important;
  }
}

/* ========================================
   ACCESSIBILITY
   ======================================== */

/* Hide skip-to-main link if it references sidebar */
.skip-to-main[href*="sidebar"] {
  display: none !important;
}

/* ========================================
   CLEANUP
   ======================================== */

/* Remove any sidebar-related transitions */
body,
.main-content,
main {
  transition: margin-left 0s !important;
}

/* Prevent any sidebar scripts from showing elements */
[data-sidebar],
[data-sidebar-toggle],
.sidebar-trigger {
  display: none !important;
}

/**
 * END SIDEBAR REMOVAL
 *
 * Result:
 * - Sidebar completely hidden
 * - Main content uses full width
 * - Hamburger menu hidden
 * - Clean, distraction-free layout
 * - Changes live immediately
 */