/* ==========================================
   AGGRESSIVE TABLE HOVER FIX
   This will override ALL table hover styles to ensure readability
   ========================================== */

/* Force readable hover state for all tables */
.markdown-content table tr:hover td,
.markdown-table-wrapper table tr:hover td,
table tr:hover td,
.lunker-table tr:hover td {
  /* Use a light green background that maintains contrast */
  background-color: #e8f5e8 !important;
  /* Force dark text color */
  color: #1a1a1a !important;
  /* Remove any transparency issues */
  opacity: 1 !important;
  /* Ensure font weight doesn't change */
  font-weight: normal !important;
  /* Add a subtle left border for visual feedback */
  border-left: 3px solid #2d5a2d !important;
  padding-left: 12px !important;
  /* Smooth transition */
  transition: all 0.2s ease !important;
}

/* Maintain alternating row colors on hover */
.markdown-content table tr:nth-child(even):hover td {
  background-color: #dff0df !important;
  color: #1a1a1a !important;
}

/* Ensure first column gets proper padding */
.markdown-content table tr:hover td:first-child {
  padding-left: 15px !important;
}

/* Remove any box shadows that might interfere */
.markdown-content table tr:hover {
  box-shadow: none !important;
}

/* Dark mode support */
[data-theme="dark"] .markdown-content table tr:hover td,
[data-theme="dark"] .markdown-table-wrapper table tr:hover td,
[data-theme="dark"] table tr:hover td {
  background-color: #2a4a2a !important;
  color: #e0e0e0 !important;
  border-left: 3px solid #4a9d4a !important;
}

/* Alternative: Completely disable hover if still problematic */
.no-table-hover .markdown-content table tr:hover td,
.no-table-hover table tr:hover td {
  background: inherit !important;
  color: inherit !important;
  border: inherit !important;
  padding: inherit !important;
  font-weight: inherit !important;
  opacity: inherit !important;
}

/* Mobile: Disable hover effects */
@media (max-width: 768px), (hover: none) {
  .markdown-content table tr:hover td,
  .markdown-table-wrapper table tr:hover td,
  table tr:hover td {
    background: inherit !important;
    color: inherit !important;
    border: inherit !important;
    padding: inherit !important;
  }
}

/* NUCLEAR OPTION: If hover is still broken, use this class on body */
.force-no-hover table tr:hover td,
.force-no-hover .markdown-content table tr:hover td,
.force-no-hover .markdown-table-wrapper table tr:hover td {
  background-color: transparent !important;
  background: transparent !important;
  color: #1a1a1a !important;
  border-left: none !important;
  padding-left: 12px !important;
  box-shadow: none !important;
  font-weight: inherit !important;
  opacity: 1 !important;
}

/* Ensure table headers are not affected */
.markdown-content table th,
table th {
  background: var(--gradient-primary) !important;
  color: white !important;
}

/* Extra specificity to override any other rules */
body .container .markdown-content table tbody tr:hover td {
  background-color: #e8f5e8 !important;
  color: #1a1a1a !important;
  opacity: 1 !important;
}