/* High specificity selectors to ensure consistency */
.hero-web3 .hero-heading,
.hero-web3 .hero-heading span,
.hero-web3 .hero-heading .web3-gradient-text,
.hero-web3 .blockchain-text {
    font-size: 2.5rem !important;
    letter-spacing: 1px !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    font-family: 'JetBrains Mono', monospace !important;
}

/* Force the blockchain text to be the same size */
.hero-web3 span.blockchain-text {
    font-size: 2.5rem !important;
    display: inline-block !important;
    margin-top: 0 !important;
}

.hero-web3 span.small-text {
    font-size: 2.5rem !important;
    display: inline-block !important;
    margin-bottom: 0 !important;
}/* Layout fixes for all pages */

/* Define content layout with sidebar */
.arkham-content-container {
  margin-left: 220px !important; 
  box-sizing: border-box !important;
  transition: margin-left 0.3s ease !important;
  width: auto !important;
  display: block !important;
  padding: 0 !important;
}

/* Ensure body has no horizontal overflow */
body {
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

/* Mobile sidebar adjustment */
@media (max-width: 992px) {
  .arkham-content-container {
    margin-left: 0 !important;
    width: 100% !important;
  }
}

/* Fix default container, row and card behavior */
.container-fluid,
.container {
  width: 100% !important;
  padding: 0 1rem !important;
  box-sizing: border-box !important;
}

.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

/* Card fixes */
.card {
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Remove any max-width constraints */
.crypto-dashboard-container,
.investigators-container,
.page-content,
.scam-reports-container,
.missions-container,
.profile-container,
.wallets-container {
  max-width: none !important;
}/* Dashboard specific fixes */

/* Apply precise padding to dashboard sections */
.dashboard-container,
.px-2.pt-2,
.container-fluid {
  padding: 1rem 1.5rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Welcome header section positioning */
.welcome-section {
  padding: 1rem 1.5rem !important;
  margin-bottom: 1rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Search bar positioning */
.search-bar-container {
  width: 100% !important;
  padding: 0.5rem 1.5rem !important;
  margin-bottom: 1rem !important;
}

.search-bar-container .search-form {
  width: 100% !important;
  max-width: 600px !important;
}

/* Dashboard card rows should use flexbox with proper spacing */
.row.g-4,
.row.g-4.mb-4 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  margin: 0 0 1rem 0 !important;
  padding: 0 1.5rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Ensure cards in the row layout properly */
.row.g-4 > div,
.row.g-4.mb-4 > div {
  flex: 1 1 280px !important;
  min-width: 280px !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Card section headers */
.dashboard-section-header {
  color: var(--arkham-highlight) !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.05em !important;
  padding: 0 1.5rem !important;
  margin-bottom: 0.75rem !important;
  margin-top: 1.5rem !important;
  text-transform: uppercase !important;
}

/* Map container should be full width with proper spacing */
#dashboard-map-container {
  padding: 0 1.5rem !important;
  margin-bottom: 1.5rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

#dashboard-map {
  width: 100% !important;
  height: 400px !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}

/* Ensure all dashboard cards have consistent styling */
.dashboard-card {
  width: 100% !important;
  margin: 0 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  height: 100% !important;
}/* Right overflow fixes for all pages */

/* Main content container */
.arkham-content-container {
  margin-left: 220px !important;
  width: auto !important;
  padding: 0 !important;
  max-width: none !important;
}

@media (max-width: 992px) {
  .arkham-content-container {
    margin-left: 0 !important;
    width: 100% !important;
  }
}

/* Force flexbox layout on the dashboard main content */
.dashboard-main-grid,
.row.g-4 {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
}

.dashboard-main-grid > div,
.row.g-4 > div {
  flex: 1 1 auto !important;
  min-width: 300px !important;
  max-width: 100% !important;
}

/* Ensure map container doesn't overflow */
#dashboard-map {
  width: 100% !important;
  max-width: 100% !important;
}

/* Fix card layouts to not overflow */
.card {
  margin-right: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

/* Make container-fluid be constrained properly */
.container-fluid {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 1rem !important;
}

/* Fix specific rows that might be causing issues */
.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

/* Fix px- classes to not add extra padding */
.px-1, .p-1, .px-2, .p-2, .px-3, .p-3, .px-4, .p-4 {
  box-sizing: border-box !important;
}/* Consistent Text Styling - April 15, 2025 */

/* Hero Section Text Consistency */
.hero-heading {
    font-size: 2.5rem !important;
    line-height: 1.2 !important;
    margin-bottom: 1.5rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

.hero-heading .web3-gradient-text {
    font-size: 2.5rem !important;
    font-weight: inherit !important;
}

.hero-subheading {
    font-size: 1.1rem !important;
    line-height: 1.6 !important;
    margin-bottom: 2rem !important;
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    opacity: 0.9 !important;
}

/* Ensure the "on Web3" text is the same size */
.hero-heading br + span.web3-gradient-text,
.hero-heading br + span {
    font-size: 2.5rem !important;
    font-weight: inherit !important;
}

/* For mobile screens */
@media (max-width: 768px) {
    .hero-heading, 
    .hero-heading .web3-gradient-text,
    .hero-heading br + span.web3-gradient-text,
    .hero-heading br + span {
        font-size: 2rem !important;
    }
    
    .hero-subheading {
        font-size: 1rem !important;
    }
}

@media (max-width: 576px) {
    .hero-heading, 
    .hero-heading .web3-gradient-text,
    .hero-heading br + span.web3-gradient-text,
    .hero-heading br + span {
        font-size: 1.8rem !important;
    }
}