/* Mobile-first cleanups for home.html */

@media (max-width: 768px) {
  .header-content { padding: 0 1rem !important; }
  .logo-image { width: 32px !important; height: 32px !important; }
  .logo-text { font-size: 1.25rem !important; }

  .container { padding: 1rem !important; }

  .hero-section { padding: 1.5rem 1rem !important; margin-bottom: 1.5rem !important; }
  .hero-title { font-size: 1.8rem !important; }
  .hero-subtitle { font-size: 1rem !important; margin-bottom: 1rem !important; }
  .quick-actions .btn { padding: 0.65rem 1rem !important; font-size: 0.95rem !important; }

  #login-prompt { padding: 1.5rem !important; }

  .profile-section { padding: 1.25rem !important; }
  .profile-header { padding: 1.25rem !important; }
  .profile-avatar { width: 72px !important; height: 72px !important; font-size: 2rem !important; }
  .profile-name { font-size: 1.4rem !important; }
  .profile-email, .profile-bio { font-size: 0.95rem !important; }

  .listings-section { padding: 1rem !important; }
  .section-title { font-size: 1.35rem !important; margin-bottom: 1rem !important; }

  .listing-item { padding: 1rem !important; gap: 0.75rem !important; }
  .listing-image, .listing-image-placeholder { height: 160px !important; }
  .listing-item h3 { font-size: 1.05rem !important; }
  .listing-item .price { font-size: 1rem !important; }
  .listing-item .date { font-size: 0.8rem !important; }
  .edit-listing-btn, .delete-listing-btn { padding: 0.4rem 0.6rem !important; font-size: 0.7rem !important; }

  .create-listing-section { padding: 1.25rem !important; }
  .create-listing-button { padding: 0.75rem 1.25rem !important; font-size: 1rem !important; }

  .saved-listings-section { padding: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .saved-listings-description { font-size: 0.95rem !important; }
  .saved-listings-grid { gap: 1rem !important; }
  .saved-listing-card { border-radius: 14px !important; }
  .saved-listing-content { padding: 0.9rem !important; gap: 0.6rem !important; }
  .saved-listing-title { font-size: 1rem !important; }
  .saved-listing-price { font-size: 0.95rem !important; }
  .saved-listing-meta { font-size: 0.8rem !important; gap: 0.5rem !important; }
  .saved-listing-actions { flex-direction: column !important; align-items: flex-start !important; gap: 0.5rem !important; }
  .saved-listing-link { font-size: 0.95rem !important; }
  .saved-empty { padding: 1.5rem !important; }
  .saved-listings-section .favorite-toggle { width: 40px !important; height: 40px !important; top: 10px !important; right: 10px !important; }
  .saved-listings-section .favorite-toggle svg { width: 18px !important; height: 18px !important; }
}

@media (max-width: 576px) {
  .hero-title { font-size: 1.6rem !important; }
  .hero-subtitle { font-size: 0.95rem !important; }
  .profile-name { font-size: 1.25rem !important; }

  .saved-listings-section { padding: 1.25rem !important; }
  .saved-listings-description { font-size: 0.9rem !important; }
  .saved-listings-grid { gap: 0.85rem !important; }
  .saved-listing-image { height: 150px !important; }
  .saved-listing-content { padding: 0.8rem !important; }
  .saved-listing-title { font-size: 0.95rem !important; }
  .saved-listing-price { font-size: 0.9rem !important; }
  .saved-listing-actions { gap: 0.4rem !important; }
  .saved-listings-section .favorite-toggle { width: 36px !important; height: 36px !important; top: 8px !important; right: 8px !important; }
}