/* Results page - trim color theming for Bootstrap components */

/* Nav tabs (year tabs): active tab uses country trim color instead of Bootstrap blue */
.nav-tabs {
    --bs-nav-tabs-link-active-color: var(--trim-color);
    --bs-nav-tabs-link-active-border-color: var(--trim-color) var(--trim-color) #fff;
    --bs-nav-tabs-border-color: var(--trim-color);
}
.nav-tabs .nav-link {
    color: var(--trim-color);
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: color-mix(in srgb, var(--trim-color) 40%, transparent) color-mix(in srgb, var(--trim-color) 40%, transparent) transparent;
    color: var(--trim-color-hover);
}

/* Accordion: expanded tab uses trim color instead of Bootstrap blue */
.accordion {
    --bs-accordion-active-color: var(--trim-color);
    --bs-accordion-active-bg: color-mix(in srgb, var(--trim-color) 15%, white);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--trim-color) 25%, transparent);
}

/* Reset active chevron to dark arrow instead of Bootstrap's blue */
.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-icon);
}

/* Table striped: very light trim color tint on alternating rows */
.accordion-body .table-striped {
    --bs-table-striped-bg: color-mix(in srgb, var(--trim-color) 4%, white);
}

#detail-event-name {
    font-size: 1.25rem;
    text-align: left !important;
}

/* Tied rows: highlight in red to indicate a tie-break is needed */
.accordion-body .table tr.tied-row,
.accordion-body .table tr.tied-row:nth-child(odd),
.accordion-body .table tr.tied-row:nth-child(even) {
    --bs-table-striped-bg: transparent;
    --bs-table-bg: #ffc107;
    background-color: #ffc107 !important;
    color: #1a1a1a !important;
}