/* === ETTIOS FOOTER CUSTOMIZATION === */

/* Hide the entire default Blockscout links column (Submit an issue, Contribute, X, Discord, All chains, Donate) */
footer [class*='column']:has(a[href*='github.com/blockscout']),
footer [class*='column']:has(a[href*='blockscout']):not(:has(a[href*='ettios'])),
footer div[class*='Grid'] > div:has(a[href*='github']),
footer div[class*='Grid'] > div:has(a[href*='discord']) {
  display: none !important;
}

/* If the above :has selectors dont work, target by position - the Blockscout column is typically first in the grid */
/* The footer grid has: [Blockscout links] [Custom links from JSON] */
/* We hide the Blockscout one */

/* Hide Made with Blockscout text and logo */
footer a[href*='blockscout.com'] {
  display: none !important;
}

/* Hide the description text */
footer p {
  display: none !important;
}

/* Hide version numbers */
footer [class*='Text'][class*='variant'] {
  display: none !important;
}

/* Replace copyright text */
footer [class*='copyright'],
footer > div > div > div:first-child > div:last-child,
footer > div > div:last-child {
  font-size: 13px !important;
  color: #718096 !important;
}

/* Make the Add Ettios Mainnet button look nicer */
footer button[class*='NetworkAddToWallet'],
footer [class*='AddToWallet'] {
  border-radius: 8px !important;
}

/* --- Override the Blockscout heading text via CSS --- */
/* This targets the column heading that says 'Blockscout' */
footer h2, footer h3, footer [class*='Heading'] {
  font-size: 0 !important;
}
footer h2::after, footer h3::after, footer [class*='Heading']::after {
  font-size: 14px !important;
  font-weight: 600 !important;
}

/* Clean up footer layout - make it look good */
footer {
  border-top: 1px solid #e2e8f0 !important;
}
footer > div {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* Hide Blockscout chart watermark */
svg text[fill-opacity], svg text[opacity] { display: none !important; }
.recharts-layer text[fill='%23dfe1e5'] { display: none !important; }
.recharts-layer text[fill-opacity='0.15'] { display: none !important; }
text[fill-opacity] { display: none !important; }