/* ETS Sports Power Rankings — custom styles to complement Tailwind */

/* Smooth accent transitions */
input[type="range"]::-webkit-slider-thumb {
  cursor: pointer;
}

/* Table row hover */
tbody tr {
  transition: background-color 0.1s;
}

/* Prevent layout shift on flash messages */
.flash-enter {
  opacity: 0;
  transform: translateY(-4px);
}

/* Sticky table header on large tables */
@media (min-width: 768px) {
  thead th {
    position: sticky;
    top: 0;
    z-index: 10;
  }
}

/* Division tab active indicator */
a.tab-active {
  border-bottom: 2px solid #f5a623;
}

/* Scrollbar styling for overflow-x tables */
.overflow-x-auto::-webkit-scrollbar {
  height: 4px;
}
.overflow-x-auto::-webkit-scrollbar-track {
  background: #f1f5f9;
}
.overflow-x-auto::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 2px;
}

/* Focus ring using gold */
input:focus, select:focus, textarea:focus {
  outline: none;
  box-shadow: 0 0 0 2px #f5a62340;
}