/* ═══════════════════════════════════════════
   COINYORA — Mobile Responsive Fixes
   Additional mobile optimizations
═══════════════════════════════════════════ */

/* Profile Card Mobile Responsive */
@media (max-width: 480px) {
  /* Profile page cover and avatar */
  .cover-img { height: 100px !important; }
  .cover-email { font-size: 0.6rem !important; top: 0.5rem !important; left: 0.6rem !important; }
  .cover-edit { font-size: 0.85rem !important; top: 0.5rem !important; right: 0.6rem !important; }
  .avatar-wrap { bottom: -18px !important; left: 0.6rem !important; }
  .avatar { width: 46px !important; height: 46px !important; font-size: 1.2rem !important; border-width: 2px !important; }
  .user-info { padding: 1.4rem 0.8rem 0.75rem !important; gap: 0.6rem !important; }
  .user-left { flex: 1 !important; }
  .user-name-row { font-size: 0.6rem !important; }
  .user-name { font-size: 0.85rem !important; gap: 0.3rem !important; }
  .user-id { font-size: 0.68rem !important; }
  .rep-score { font-size: 0.68rem !important; width: 100% !important; justify-content: flex-start !important; margin-top: 0.3rem !important; }
  
  /* Trade modal responsive */
  .order-sh { padding: 1.5rem 1.2rem 1.8rem !important; max-width: 100% !important; }
  .sh-header { font-size: 1.1rem !important; margin-bottom: 1rem !important; }
  .sh-pair-bar { padding: 0.5rem 0.8rem !important; }
  .sh-pair-name { font-size: 0.85rem !important; }
  .sh-pair-price { font-size: 1rem !important; }
  
  /* Nav avatar */
  #navAvatar, .nav-avatar { width: 32px !important; height: 32px !important; font-size: 0.9rem !important; }
}

/* Tablet responsive */
@media (max-width: 640px) and (min-width: 481px) {
  .cover-img { height: 105px !important; }
  .avatar { width: 50px !important; height: 50px !important; }
  .user-info { padding: 1.5rem 0.9rem 0.8rem !important; }
}