/* NRCHA scoring palette (match legacy index / scoring-home) */
.main-content a {
    text-decoration: none;
}
.main-content a:hover {
    text-decoration: none;
}
.viewer-body {
    background: #f8f8f8;
    text-transform: uppercase;
}

/* Breadcrumb navigation */
.viewer-breadcrumb-nav {
    font-size: 0.875rem;
    color: #6c757d;
}
.viewer-breadcrumb-link {
    color: #0d6efd;
    text-decoration: none;
}
.viewer-breadcrumb-link:hover {
    text-decoration: underline;
}
.viewer-breadcrumb-sep {
    margin: 0 0.25rem;
    color: #6c757d;
}
.viewer-breadcrumb-current {
    color: #212529;
    font-weight: 500;
}
.viewer-legend-chip {
    display: inline-block;
    padding: 0.25rem 0.6rem;
    border-radius: 9999px;
    font-size: 0.8rem;
    font-weight: 500;
    margin-right: 0.5rem;
    margin-bottom: 0.25rem;
}
.viewer-legend-chip.draw-not-available { background: #222; color: #fff; }
.viewer-legend-chip.verification-only { background: #e0e0e0; color: #222; }
.viewer-legend-chip.draw-available { background: #b98a3e; color: #fff; }
.viewer-legend-chip.results-available { background: #4eb2b1; color: #fff; }
.viewer-legend-chip.live { background: #b94e4e; color: #fff; }
.viewer-class-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    border: none;
    font-weight: 500;
    text-align: left;
    width: 100%;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #fff;
}
.viewer-class-btn.draw-not-available { background: #222; }
.viewer-class-btn.verification-only { background: #e0e0e0; color: #222; }
.viewer-class-btn.draw-available { background: #b98a3e; color: #fff; }
.viewer-class-btn.results-available { background: #4eb2b1; color: #fff; }
.viewer-class-btn.live { background: #b94e4e; }
.viewer-class-btn .dropdown-toggle::after { margin-left: 0.5rem; }
a.viewer-class-btn { text-decoration: none; }
a.viewer-class-btn:hover { color: #fff; opacity: 0.9; }
span.viewer-class-btn { cursor: default; pointer-events: none; }
a.viewer-class-btn.draw-available:hover { color: #fff; }
a.viewer-class-btn.results-available:hover { color: #fff; }
a.viewer-class-btn.verification-only:hover { color: #222; }
/* Index: typeahead search dropdown */
.viewer-search-dropdown {
    max-height: 280px;
    overflow-y: auto;
    margin-top: 2px;
}
.viewer-search-dropdown .dropdown-item {
    cursor: pointer;
}

.viewer-schedule-day { margin-bottom: 2rem; }
/* One card per arena (match old layout: arena = card, classes inside) */
.viewer-arena-col {
    padding: 0 0.5rem;
}
.viewer-arena-card {
    background: #fff;
    border: none;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
    margin-bottom: 1.5rem;
    height: 100%;
}
.viewer-arena-card-header {
    background: #fff;
    border-bottom: 1px solid #eee;
    font-weight: 700;
    font-size: 1rem;
    color: #2d2418;
    padding: 0.5rem 0.75rem;
}
.viewer-arena-card .card-body {
    padding: 0.5rem 0.75rem;
}
.viewer-arena-card .viewer-class-btn {
    border-radius: 8px;
}
.viewer-arena-card .viewer-class-btn:last-child,
.viewer-arena-card .dropdown:last-child {
    margin-bottom: 0 !important;
}

/* Draw page: show/class left, division summary right. Force side-by-side on md+ (WordPress can override .row). */
.viewer-draw-header {
    gap: 1rem;
}
@media (min-width: 768px) {
    .viewer-draw-header {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .viewer-draw-header .viewer-draw-title.col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .viewer-draw-header .viewer-draw-divisions.col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
}
.viewer-draw-title {
    flex-shrink: 0;
}
/* Draw page: event/class title sizes (match legacy) */
/* #viewer-draw-event {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0.25rem;
}
#viewer-draw-class {
    font-size: 0.95rem;
    font-weight: 400;
    color: #6c757d;
    margin-bottom: 0;
} */
.viewer-draw-divisions {
    min-width: 0;
}
#viewer-draw-division-summary .table {
    margin-bottom: 0;
}

/* Draw sheet: responsive table wrapper (horizontal scroll on small screens) */
#viewer-draw-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
#viewer-draw-table-wrap .table {
    min-width: 640px;
    margin-bottom: 0;
}

/* Small screens: stack draw header, allow division summary to scroll */
@media (max-width: 767px) {
    .viewer-draw-header {
        flex-direction: column;
    }
    .viewer-draw-title {
        margin-bottom: 0.5rem;
    }
    #viewer-draw-division-summary {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    #viewer-draw-division-summary .table {
        min-width: 280px;
    }
    #viewer-draw-table-wrap .table {
        font-size: 0.8125rem;
    }
    #viewer-draw-table-wrap .table th,
    #viewer-draw-table-wrap .table td {
        padding: 0.35rem 0.5rem;
    }
}

/* Draw sheet: scratched rows use strike-through */
#viewer-draw-table-wrap table.table tr.viewer-draw-scratched td {
    text-decoration: line-through;
}

/* Draw sheet: set title rows (lighter gray). Text is an h4. Override .table so WordPress/Bootstrap don't overwrite. */
#viewer-draw-table-wrap table.table tr.viewer-draw-set-title,
#viewer-draw-table-wrap table.table tbody tr.viewer-draw-set-title {
    background-color: #adb5bd !important;
}
#viewer-draw-table-wrap table.table tr.viewer-draw-set-title td,
#viewer-draw-table-wrap table.table tbody tr.viewer-draw-set-title td {
    background-color: #adb5bd !important;
    border-color: #9ca3af !important;
    padding: 0.5rem 0.75rem;
    text-align: left !important;
    vertical-align: middle;
}
#viewer-draw-table-wrap .viewer-draw-set-title-heading {
    margin: 0;
}

/* Draw sheet: current horse row highlight */
@keyframes viewer-highlight-active {
    0% { background-color: #ffe0e3 !important; }
    100% { background-color: #f8d7da !important; }
}
.main-content table tr.active-horse {
    background-color: #f8d7da !important;
    animation: viewer-highlight-active 1.5s ease-out;
}
.main-content table tr.active-horse td {
    border-color: #f5c6cb !important;
}

/* Horses list and single horse: card layout, same padding */
#viewer-horses-content .viewer-arena-card .card-body,
#viewer-horse-content .viewer-arena-card .card-body {
    padding: 0.75rem 1rem;
}
/* Horses list and single horse: same heading sizes in card */
#viewer-horses-content .viewer-horses-entry h1.viewer-horse-name,
#viewer-horse-content .viewer-horses-entry h1.viewer-horse-name {
    /* font-size: 1.5rem; */
    margin-bottom: 0.35rem;
}
#viewer-horses-content .viewer-horses-entry h2,
#viewer-horse-content .viewer-horses-entry h2 {
    /* font-size: 1rem; */
    margin-bottom: 0.35rem;
}
#viewer-horses-content .viewer-horses-entry h3,
#viewer-horse-content .viewer-horses-entry h3 {
    /* font-size: 0.95rem; */
    margin-bottom: 0.35rem;
}
/* #viewer-horses-content .viewer-horses-entry h3.viewer-horses-meta,
#viewer-horse-content .viewer-horses-entry h3.viewer-horses-meta {
    font-weight: 400;
} */

/* Horse page: two-column layout and accent */
.viewer-horse-left {
    padding-right: 1.5rem;
}
.viewer-horse-right {
    overflow-x: auto;
}
.viewer-horse-name,
.viewer-horse-pedigree,
.viewer-horse-accent,
a.viewer-horse-accent,
.viewer-horse-component {
    color: #c17f3a;
}
a.viewer-horse-name,
a.viewer-horse-accent,
a.viewer-horse-pedigree {
    text-decoration: none;
    cursor: pointer;
}
a.viewer-horse-accent:hover,
a.viewer-horse-name:hover,
a.viewer-horse-pedigree:hover {
    color: #a66b2a;
    text-decoration: none;
}

/* Standings page: rows advancing to finals (when division has finalist_count) */
.main-content #viewer-standings-table-wrap table.table tr.viewer-standings-advancing td,
.main-content #viewer-standings-table-wrap table.table tbody tr.viewer-standings-advancing td {
    background-color: #d4edda !important;
    font-weight: 600;
}
.main-content #viewer-standings-table-wrap table.table tr.viewer-standings-advancing td {
    border-color: #c3e6cb !important;
}

/* Person page: entries table layout */
/* .viewer-person-event {
    font-size: 1.1rem;
    color: #212529;
} */
/* .viewer-person-title {
    font-size: 1rem;
    color: #212529;
} */
.viewer-person-table {
    margin-bottom: 0;
}
.viewer-person-scores {
    min-width: 0;
}

/* Format leg/sub labels: Rein-Cow unchanged, Steer → Steer Stopping, Rein/Herd/Cow → append Work */