/**
 * Main CSS Bundle
 * This file imports all CSS in the correct order
 * Vite will process and optimize this into a single bundle
 */

/* CSS Variables and Base Styles */
@import './variables.css';
@import './base.css';

/* Core Components */
@import './components.css';
@import './unified-components.css';

/* Component Styles */
@import './components/breadcrumb.css';
@import './components/search-autocomplete-modern.css';
@import './components/live-indicator.css';
@import './components/ui-states.css';
@import './components/adsense.css';

/* Page-specific Styles */
@import './pages/home.css';
@import './pages/asset-detail.css';
@import './pages/category-detail.css';
@import './pages/alerts.css';
@import './pages/prediction.css';

/* Additional Components */
@import './comments.css';
@import './animations.css';
@import './responsive.css';

/* Additional Overrides - Must be last */
@import './icon-overrides.css';
@import './template-fixes.css';

/* Responsive utilities */
@media (max-width: 767px) {
  .hide-mobile { display: none !important; }
}

@media (min-width: 768px) {
  .hide-desktop { display: none !important; }
}