/* Main CSS file for TTT */
body {
  font-family: 'Inter', sans-serif;
}

/* Mobile bottom navigation spacing - prevents content from being covered by fixed bottom bar */
@media (max-width: 768px) {
  /* Add bottom padding to main content areas on mobile - increased for better spacing */
  main {
    padding-bottom: 120px !important;
    margin-bottom: 0 !important;
  }
  
  /* Also add padding to content-area class if used */
  .content-area {
    padding-bottom: 120px !important;
  }
  
  /* Add margin to page containers */
  .page-container > main,
  .page-container > .content-area {
    padding-bottom: 120px !important;
  }
  
  /* Flex containers that might need spacing */
  .flex-1.flex.flex-col main,
  .flex-1.flex.flex-col > div:last-child {
    padding-bottom: 120px !important;
  }
  
  /* Ensure body content has space at bottom */
  body > div:last-child:not(.fixed) {
    padding-bottom: 120px !important;
  }
  
  /* Add spacing to the last section/div in main content */
  main > *:last-child,
  .content-area > *:last-child {
    margin-bottom: 30px;
  }
  
  /* Additional coverage for common page structures */
  .max-w-7xl,
  .max-w-6xl,
  .max-w-5xl,
  .max-w-4xl {
    padding-bottom: 120px !important;
  }
  
  /* Ensure tables and scrollable content have space */
  .overflow-x-auto,
  .overflow-y-auto {
    margin-bottom: 20px;
  }
  
  /* Cards and containers at the bottom */
  .glass-morphism:last-child,
  .rounded-xl:last-child,
  .rounded-lg:last-child {
    margin-bottom: 30px;
  }
  
  /* Specific page layouts */
  .metrics-content,
  .dashboard-content,
  .trades-content,
  .accounts-content,
  .funds-content {
    padding-bottom: 120px !important;
  }
  
  /* Ensure flex containers with scroll have proper spacing */
  .flex.flex-col.relative main,
  .flex.flex-col.relative > div:last-child:not(.fixed) {
    padding-bottom: 120px !important;
  }
}