/* ==========================================================================
   COINVIEW - Responsive Adaptations
   Optimized for 1440px down to 360px viewports
   ========================================================================== */

@media (max-width: 1024px) {
  .stats-grid,
  .detail-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .header-inner {
    gap: 1rem;
  }

  .nav-links {
    display: none; /* Accessible via mobile patterns if expanded */
  }

  .search-box input {
    width: 130px;
  }

  .search-box input:focus {
    width: 150px;
  }

  .page-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }

  /* Switch Table to Mobile Card System */
  .table-container {
    display: none;
  }

  .mobile-card-list {
    display: flex;
  }

  .detail-header {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
  }

  .detail-price-group {
    text-align: left;
  }

  [dir="rtl"] .detail-price-group {
    text-align: right;
  }
}

@media (max-width: 480px) {
  .stats-grid,
  .detail-grid {
    grid-template-columns: 1fr;
  }

  .market-controls {
    flex-direction: column;
    align-items: stretch;
  }

  .filter-tabs {
    overflow-x: auto;
    padding-bottom: 0.25rem;
  }

  .sort-dropdown-wrap select {
    width: 100%;
  }

  .header-controls {
    gap: 0.5rem;
  }

  .search-box input {
    width: 110px;
  }
}