/**
 * Jackrabbit Class Table Styles
 * Version: 1.0.3
 */

/* Container */
.jr-wrapper .jr-container {
    width: 100%;
    overflow-x: auto;
}

/* Table Base Styles */
.jr-wrapper table.responsive-table {
    width: 100%;
    border-collapse: collapse;
}

/* Table Headers - Use CSS Variables */
.jr-wrapper table.responsive-table thead tr th {
    padding: 10px;
    text-align: left;
    font-weight: bold;
    background-color: var(--header-bg, #46b1c9) !important;
    color: var(--header-text, #ffffff) !important;
}

/* Table Cells */
.jr-wrapper table.responsive-table tbody tr td {
    padding: 8px 10px;
}

/* Odd Rows - Use CSS Variables */
.jr-wrapper table.responsive-table tbody tr:nth-child(odd) td {
    background-color: var(--odd-bg, #f5f5f5) !important;
    color: var(--odd-text, #000000) !important;
}

/* Even Rows - Use CSS Variables */
.jr-wrapper table.responsive-table tbody tr:nth-child(even) td {
    background-color: var(--even-bg, #c1edff) !important;
    color: var(--even-text, #000000) !important;
}

/* Registration Link Button - Use CSS Variables */
.jr-wrapper table.responsive-table a.jr-reg-link {
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 4px;
    display: inline-block;
    transition: opacity 0.2s ease;
    background-color: var(--btn-bg, #1e73be) !important;
    color: var(--btn-text, #ffffff) !important;
}

.jr-wrapper table.responsive-table a.jr-reg-link:hover {
    opacity: 0.8;
}

/* Full Class Text - Use CSS Variables */
.jr-wrapper .jr-full-text {
    font-weight: bold;
    color: var(--full-text, #dd3333) !important;
}