/* ==========================================================================
   VYSHNAV OS - Mobile Responsive OS Adaptation
   ========================================================================== */

@media (max-width: 768px) {
  /* Menu bar mobile adjustments */
  .menu-bar-top {
    padding: 0 8px;
  }

  .menu-item-dropdown:not(:first-child) {
    display: none; /* Hide secondary menu items on mobile header */
  }

  /* Desktop viewport & icons */
  #desktop-icons-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding: 16px;
    top: 40px;
    height: auto;
  }

  .dt-icon-card {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100%;
  }

  /* Dock adjustments on mobile */
  #dock-container {
    bottom: 8px;
    width: 95vw;
  }

  .dock-wrapper {
    overflow-x: auto;
  }

  .dock-inner {
    gap: 6px;
  }

  .dock-icon-box {
    width: 40px;
    height: 40px;
  }

  .dock-icon {
    font-size: 20px;
  }

  .dock-tooltip {
    display: none !important; /* Disable dock tooltips on touch screen */
  }

  /* Windows become full-screen on mobile */
  .mac-window {
    top: 30px !important;
    left: 0 !important;
    width: 100vw !important;
    height: calc(100vh - 30px - 65px) !important;
    border-radius: 0;
  }

  .resize-handle {
    display: none;
  }

  /* Control Center & Notification Center full width */
  .control-center-panel, .notification-center-panel {
    width: 92vw;
    right: 4vw;
  }

  .spotlight-box {
    width: 90vw;
  }

  /* Finder sidebar collapses */
  .finder-main {
    flex-direction: column;
  }

  .finder-sidebar {
    width: 100%;
    height: auto;
    flex-direction: row;
    overflow-x: auto;
  }

  .sb-section-title {
    display: none;
  }
}