/* Mobile CSS Fixes - ULTRA AGGRESSIVE */

/* Define missing CSS variables */
:root {
  --color-text-primary: #ffffff !important;
  --color-text-secondary: #a0a0b0 !important;
  --color-border: rgba(255, 255, 255, 0.1) !important;
}

/* FORCE ALL TEXT WHITE */
* {
  color: #ffffff !important;
}

/* LOGO FIX - ultra aggressive */
h1, h1 *, .logo, .logo *, .brand, .brand *, [class*='logo'], [class*='logo'] *, 
[class*='brand'], [class*='brand'] *, header h1, nav h1, .site-title, .site-title * {
  color: #ffffff !important;
  font-size: 1.2rem !important;
  max-width: none !important;
  width: auto !important;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: clip !important;
  display: inline !important;
}

/* BUTTON FIX - kill pink */
button, button *, [role='button'], [role='button'] *, .btn, .btn *, 
.category-btn, .category-btn *, .nav-btn, .nav-btn *, .filter-btn, .filter-btn * {
  background: rgba(139, 92, 246, 0.2) !important;
  border: 1px solid #8b5cf6 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

button.active, .active, [aria-selected='true'] {
  background: rgba(139, 92, 246, 0.5) !important;
}

/* CARD TEXT */
.card *, .article-card *, [class*='card'] *, article *, .post * {
  color: #ffffff !important;
}

/* CATEGORY/META */
.category, .category *, [class*='category'], time, .date, .meta {
  color: #8b5cf6 !important;
}

/* LINKS */
a, a:link, a:visited, a:hover {
  color: #c4b5fd !important;
}

/* FOOTER */
footer *, [class*='footer'], [class*='footer'] * {
  color: #ffffff !important;
}

/* LATEST COVERAGE */
[class*='coverage'], [class*='coverage'] *, [class*='latest'], [class*='latest'] * {
  color: #ffffff !important;
}

/* MOBILE CONTAINMENT */
body, html, #root, main {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}