/* =========================================================
   Network Page Specifics
   ========================================================= */


/* Prevent 195-country flash: hide region buttons until JS enables them */
#sidebarList .sidebar-item[data-filter-region]:not([data-filter-region="all"]) {
  display: none;
}

/* 
   Note: The Grid layouts for #live-streams and #nostr-videos 
   should remain here if defined here.
*/

/* =========================
   Mobile Overrides Specific to Network Grids
   ========================= */

@media (max-width: 900px) {
  /* Full width grids */
  #live-streams,
  #nostr-videos {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  /* Mobile Grid adjustments */
  #live-streams {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 0;
    margin: 0;
  }

  .live-thumb {
    height: auto;
    max-height: 220px;
  }

  .live-info {
    padding: 10px 12px;
  }

  .live-title {
    font-size: 0.95rem;
  }
}

/* Page-specific: nudge notes feed left on the Nostr Network index */
.notesdir-main .notes-feed {
  margin-left: 20px;
  margin-right: auto;
}