/* Custom styles for Heating Oil Tracker dashboard */
/* Supplements Tailwind CDN — handles patterns Tailwind utilities don't cover cleanly */

/* Striped table rows for better readability in dark theme */
tbody tr:nth-child(even) {
    background-color: rgba(55, 65, 81, 0.5); /* gray-700 at 50% opacity */
}

tbody tr:nth-child(odd) {
    background-color: rgba(31, 41, 55, 0.8); /* gray-800 at 80% opacity */
}

/* Hover effect for table rows */
tbody tr:hover {
    background-color: rgba(75, 85, 99, 0.6); /* gray-600 at 60% opacity */
    transition: background-color 0.15s ease-in-out;
}

/* Smooth transitions on pagination links */
a[href*="page="] {
    transition: color 0.2s ease-in-out;
}

/* Tabular numbers for price columns — ensures digits align vertically */
.tabular-nums {
    font-variant-numeric: tabular-nums;
}

/* Subtle text selection styling */
::selection {
    background-color: rgba(59, 130, 246, 0.4); /* blue-500 at 40% */
    color: #f9fafb;
}

/* Smooth scroll for the page */
html {
    scroll-behavior: smooth;
}

/* Ensure the staleness warning banner is always visible above content */
.bg-amber-600 {
    position: sticky;
    top: 0;
    z-index: 10;
}

/* Table header sticky positioning within scrollable container */
thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}