/*
 * AddaInfluencer — Additional Responsive Overrides
 * All major responsive rules live in style.css.
 * This file handles edge cases and extra fine-tuning.
 */

/* Extra-small phones (< 375px) */
@media (max-width: 374px) {
  html { font-size: 14px; }
  .container { padding: 0 12px; }
  .hero-section { padding: 44px 0 36px; min-height: 300px; }
  .categories-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .platform-cards-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .profile-avatar,
  .influencer-avatar-placeholder { width: 90px; height: 90px; }
  .cta-section { padding: 48px 16px; }
  .filter-panel { padding: 16px; }
}

/* Landscape mobile */
@media (max-height: 500px) and (orientation: landscape) {
  .hero-section { padding: 40px 0; }
  .hero-title { font-size: 1.75rem; margin-bottom: 8px; }
  .hero-subtitle { margin-bottom: 16px; }
  .hero-stats { display: none; }
}

/* Mid-range phones (480-640px) */
@media (min-width: 480px) and (max-width: 640px) {
  .categories-grid { grid-template-columns: repeat(3, 1fr); }
  .influencer-grid { grid-template-columns: repeat(2, 1fr); }
  .why-grid { grid-template-columns: repeat(2, 1fr); }
  .hero-stats { flex-wrap: nowrap; }
}

/* Print */
@media print {
  .site-header, .site-footer, .top-bar,
  .filter-sidebar, .pagination,
  .cta-section { display: none !important; }
  body { color: #000; background: #fff; }
  a { color: #000; }
  .archive-layout { grid-template-columns: 1fr; }
  .profile-content { grid-template-columns: 1fr; }
}