/* Enhanced Clinch Icon CSS for NHRA Standings */

/* Base clinch icon styling */
.clinched {
  position: relative;
}

.clinched:after {
  content: "★" !important;
  color: gold !important;
  font-size: 16px !important;
  font-weight: bold !important;
  margin-left: 5px !important;
  display: inline !important;
  position: relative !important;
  z-index: 10 !important;
}

/* Enhanced targeting for clinched drivers */
.table--standings .clinched td:after,
.table--standings .clinched th:after,
.table--standings tr.clinched td:after,
.table--standings tr.clinched th:after {
  content: "★" !important;
  color: gold !important;
  font-size: 16px !important;
  font-weight: bold !important;
  margin-left: 5px !important;
  display: inline !important;
  position: relative !important;
  z-index: 10 !important;
}

/* Target elements that have clinched class or data attributes */
[data-clinched="true"]:after,
.driver-clinched:after,
.clinch-icon:after {
  content: "★" !important;
  color: gold !important;
  font-size: 16px !important;
  font-weight: bold !important;
  margin-left: 5px !important;
  display: inline !important;
  position: relative !important;
  z-index: 10 !important;
}

/* Fallback: Target top 3 drivers in any standings table */
.table--standings tbody tr:nth-child(1) td:after,
.table--standings tbody tr:nth-child(2) td:after,
.table--standings tbody tr:nth-child(3) td:after {
  content: "★" !important;
  color: gold !important;
  font-size: 16px !important;
  font-weight: bold !important;
  margin-left: 5px !important;
  display: inline !important;
  position: relative !important;
  z-index: 10 !important;
}

/* Special override specifically for 2025 data */
body.path-standings[class*="2025"] .table--standings tbody tr:nth-child(-n+3) td:after {
  content: "★" !important;
  color: gold !important;
  font-size: 18px !important;
  font-weight: bold !important;
  margin-left: 8px !important;
  display: inline !important;
  position: relative !important;
  z-index: 15 !important;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3) !important;
}

/* Target first column (driver name) specifically */
.table--standings tbody tr:nth-child(-n+3) td:first-child:after,
.table--standings tbody tr:nth-child(-n+3) th:first-child:after {
  content: "★" !important;
  color: gold !important;
  font-size: 16px !important;
  font-weight: bold !important;
  margin-left: 5px !important;
  display: inline !important;
  position: relative !important;
  z-index: 10 !important;
}

/* Responsive design for mobile */
@media (max-width: 768px) {
  .clinched:after,
  .table--standings .clinched td:after,
  .table--standings tbody tr:nth-child(-n+3) td:after {
    font-size: 14px !important;
    margin-left: 3px !important;
  }
}

/* Additional override for specific table classes */
.standings-table tr:nth-child(-n+3) td:after,
.points-table tr:nth-child(-n+3) td:after,
.championship-table tr:nth-child(-n+3) td:after {
  content: "★" !important;
  color: gold !important;
  font-size: 16px !important;
  font-weight: bold !important;
  margin-left: 5px !important;
  display: inline !important;
  position: relative !important;
  z-index: 10 !important;
}

/* Ensure visibility over any background */
.clinched:after,
[data-clinched="true"]:after,
.table--standings tr:nth-child(-n+3) td:after {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5)) !important;
}

/* Style for the clinched playoff berth text */
.clinch-text {
  background-color: #53d15c !important;
  padding: 5px !important;
  display: inline-block !important;
  font-size: 1.2em !important;
}