/* =============================================
   RobustX — Responsive Additional Styles
   ============================================= */

/* Mobile overlay for nav */
.nav-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 998;
}
.nav-overlay.show { display: block; }

/* Smooth image loading */
img { transition: opacity 0.3s ease; }
img[loading] { opacity: 0; }

/* Selection color */
::selection {
  background: rgba(74,108,247,0.25);
  color: inherit;
}

/* Scrollbar styling */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #94a3b8; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #64748b; }