/**
 * Netlify Deployment CSS Fixes
 * 
 * A comprehensive approach to fix text colors in the application
 */

/* Fix text on white/light backgrounds to be black */
.bg-white h1, 
.bg-white h2, 
.bg-white h3, 
.bg-white h4,
.bg-white h5,
.bg-white h6,
.bg-white p,
.bg-white .text-sm,
.bg-white .text-xs,
.bg-white .text-gray-600,
.bg-white .text-gray-700,
.bg-white span,
.bg-white label,
.bg-white div:not([class*="bg-"]),
.bg-gray-50 h1,
.bg-gray-50 h2,
.bg-gray-50 h3,
.bg-gray-50 h4,
.bg-gray-50 h5,
.bg-gray-50 h6,
.bg-gray-50 p,
.bg-gray-50 .text-sm,
.bg-gray-50 .text-xs,
.bg-gray-50 .text-gray-600,
.bg-gray-50 .text-gray-700,
.bg-gray-50 span,
.bg-gray-50 label,
.bg-gray-50 div:not([class*="bg-"]) {
  color: #000 !important;
}

/* Make all form inputs have black text */
input, textarea, select {
  color: #000 !important;
}

/* Preserve white text on buttons and elements with specific backgrounds */ 
button.bg-blue-600,
button.bg-blue-700,
a.bg-blue-600,
a.bg-blue-700,
button.hover\:bg-blue-700,
a.hover\:bg-blue-700,
.bg-blue-600 *,
.bg-blue-700 * {
  color: white !important;
}

/* Ensure form labels are black */
form label {
  color: #000 !important;
}

/* Fix links color */
a:not([class*="bg-"]) {
  color: #2563eb !important;
}

/* Make all headings and important text black */
h1, h2, h3, h4, h5, h6, 
.font-bold, 
.font-semibold, 
.font-medium {
  color: #000 !important;
}

/* Override for headings inside colored containers */
.bg-blue-600 h1, 
.bg-blue-600 h2, 
.bg-blue-600 h3, 
.bg-blue-600 h4, 
.bg-blue-600 h5, 
.bg-blue-600 h6,
.bg-blue-600 .font-bold, 
.bg-blue-600 .font-semibold, 
.bg-blue-600 .font-medium,
.bg-blue-700 h1, 
.bg-blue-700 h2, 
.bg-blue-700 h3, 
.bg-blue-700 h4, 
.bg-blue-700 h5, 
.bg-blue-700 h6,
.bg-blue-700 .font-bold, 
.bg-blue-700 .font-semibold, 
.bg-blue-700 .font-medium {
  color: white !important;
}

/* Fix back arrows and navigation elements */
.text-white:not(button):not([class*="bg-"]) {
  color: #000 !important;
}

/* Fix tag verification text colors */
.bg-green-50 .text-green-700,
.bg-blue-50 .text-blue-700 {
  color: #000 !important;
}

/* Fix specific pages */
/* Profile selector page */
.select-profile * {
  color: #000 !important;
}

/* Fix text in form fields */
input::placeholder, textarea::placeholder {
  color: #6b7280 !important;
  opacity: 0.8;
}

/* Preserve button text colors */
button[class*="bg-blue"],
button[class*="bg-green"],
button[class*="bg-red"],
button[class*="bg-purple"],
button[class*="bg-indigo"] {
  color: white !important;
}

/* Fix text in alerts */
.bg-red-100 .text-red-700,
.bg-yellow-100 .text-yellow-700,
.bg-green-100 .text-green-700,
.bg-blue-100 .text-blue-700 {
  color: #000 !important;
}

/* Homepage fixes - ensure post content is visible */
.shadow-md .text-gray-800,
.shadow-md .text-gray-900,
.shadow-md .font-medium {
  color: #1f2937 !important;
}

/* Fix timestamp text */
.text-gray-500 {
  color: #6b7280 !important;
}

/* Fix profile info text */
.profile-info,
.profile-name,
.profile-bio {
  color: #171717 !important;
}

/* Specific fixes for user profile page */
.text-2xl.font-semibold,
.text-xl.font-semibold,
.text-lg.font-semibold {
  color: #171717 !important;
}