/* High-contrast fixes for buttons and tabs on light blue backgrounds */
.button, button, .btn, input[type="button"], input[type="submit"] {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.18) !important;
}

/* For light blue backgrounds, force dark text for contrast */
.button.lightblue, .btn.lightblue, button.lightblue, input[type="button"].lightblue, input[type="submit"].lightblue {
  background-color: #bae6fd !important; /* Tailwind's light blue-200 */
  color: #0c4a6e !important; /* Tailwind's blue-900 for contrast */
  text-shadow: none !important;
}

/* Ultimate Points tab bar: ensure active tab text is always readable */
#tabs .tab.activetab a, #tabs .tab.activetab {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.18) !important;
}

#tabs .tab a {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.18) !important;
}

#tabs .tab a:hover {
  color: #0ea5e9 !important; /* Tailwind's sky-500 */
  text-shadow: 0 1px 2px rgba(0,0,0,0.10) !important;
}
/* House Games Button Contrast Fixes
   Improves text contrast for buttons in the House Games section
*/

/* Improved contrast for secondary outline buttons */
.btn-secondary-outline {
  color: rgb(var(--accent)) !important; /* Darker text color for better contrast */
  font-weight: 600 !important; /* Bolder font weight */
  border: 1.5px solid rgba(var(--accent), 0.6) !important; /* Slightly thicker border */
  background-color: rgba(var(--bg-main), 0.8) !important; /* More opaque background */
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important; /* Text shadow for better readability */
}

/* Enhanced hover state */
.btn-secondary-outline:hover {
  color: rgb(var(--accent-secondary)) !important; /* Even darker on hover */
  background-color: rgba(var(--bg-card), 0.9) !important;
  border-color: rgba(var(--accent), 0.8) !important;
}

/* Add a subtle outline to primary buttons for better visibility */
.btn-primary-outline {
  color: white !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) !important; /* Dark text shadow for better readability */
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important; /* Inner highlight and outer shadow */
}

/* Pulse animation enhancements */
.pulse-animation {
  animation: enhanced-pulse 2s infinite !important;
}

@keyframes enhanced-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--accent), 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(var(--accent), 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(var(--accent), 0);
  }
}

/* Better visibility for card titles */
.card-title h2 a {
  color: rgb(var(--text-primary)) !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

/* Ensure consistent visibility on all screen sizes */
@media (max-width: 768px) {
  .btn-primary-outline, .btn-secondary-outline {
    padding: 0.6rem 1rem !important; /* Slightly larger touch target on mobile */
    font-size: 0.95rem !important; /* Larger font size on mobile */
  }
}