/* SkillDZ – Responsive Stylesheet */

/* ─── Tablet ─────────────────────────────────────────────────── */
@media (max-width: 991.98px) {
  .hero { padding: 3.5rem 0 3rem; }
  .hero-search { max-width: 100%; }
  .hero-stats { gap: 1.5rem; }
  .dashboard-sidebar { position: static; margin-bottom: 1.5rem; }
  .profile-banner { padding: 2rem 0 4rem; }
  .profile-info-card { margin-top: -2.5rem; }
  .gallery-grid { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
}

/* ─── Mobile ─────────────────────────────────────────────────── */
@media (max-width: 767.98px) {
  .hero { padding: 2.5rem 0 2rem; }
  .hero-title { font-size: 1.7rem; }
  .hero-subtitle { font-size: 0.95rem; }
  .hero-search { flex-direction: column; border-radius: var(--radius-md); }
  .hero-search input { text-align: right; }
  .hero-search button { width: 100%; padding: 0.6rem; }
  .hero-stats { gap: 1rem; }
  .hero-stat-num { font-size: 1.4rem; }

  .section-pad { padding: 2.5rem 0; }
  .section-title { font-size: 1.3rem; }

  .auth-card { padding: 1.75rem 1.25rem; }

  .artisan-card-top { padding: 1rem; }
  .artisan-avatar { width: 65px; height: 65px; }

  .profile-avatar { width: 90px; height: 90px; }
  .profile-name { font-size: 1.4rem; }

  .gallery-grid { grid-template-columns: repeat(2, 1fr); }

  .stat-box { padding: 1rem; }
  .stat-num { font-size: 1.5rem; }

  .upload-area { padding: 1.5rem; }

  .footer-skilldz { text-align: center; }
  .footer-links { text-align: center; }
  .social-links { justify-content: center; }

  .navbar-skilldz .navbar-collapse {
    background: var(--green-dark);
    padding: 1rem;
    border-radius: var(--radius-md);
    margin-top: 0.5rem;
  }
}

/* ─── Small Mobile ───────────────────────────────────────────── */
@media (max-width: 480px) {
  .hero-title { font-size: 1.45rem; }
  .gallery-grid { grid-template-columns: 1fr 1fr; gap: 0.75rem; }
  .upload-preview { grid-template-columns: repeat(3, 1fr); }
  .auth-card { border-radius: var(--radius-md); }
}

/* ─── Reduced Motion ─────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
  .page-loader { transition: none; }
}

/* ─── Print ──────────────────────────────────────────────────── */
@media print {
  .navbar-skilldz, .footer-skilldz, .btn-green, .btn-gold-outline { display: none !important; }
}