/* =============================================================================
   RESPONSIVE - Mobile & Tablet Overrides
   ============================================================================= */

/* NOTE: Most responsive styles are now in individual component files.
   This file only contains global responsive utilities. */

/* Tablet (max 1024px) */
@media (max-width: 1024px) {
  .hide-tablet {
    display: none !important;
  }
  
  .show-tablet {
    display: block !important;
  }
}

/* Mobile (max 768px) */
@media (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
  
  .show-mobile {
    display: block !important;
  }
  
  /* Sidebar overlay */
  .sidebar-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: calc(var(--z-sticky) - 1);
  }
  
  .sidebar-overlay.active {
    display: block;
  }
}

/* Small mobile (max 480px) */
@media (max-width: 480px) {
  .hide-small {
    display: none !important;
  }
  
  .show-small {
    display: block !important;
  }
}